@atlaskit/renderer 105.1.0 → 105.1.2

package/dist/esm/react/nodes/inlineCard.js

@@ -7,13 +7,12 @@ import { CardErrorBoundary } from './fallback';
 import { withSmartCardStorage } from '../../ui/SmartCardStorage';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
 import { useFeatureFlags } from '../../use-feature-flags';
-
 var InlineCard = function InlineCard(props) {
   var url = props.url,
-      data = props.data,
-      eventHandlers = props.eventHandlers,
-      portal = props.portal,
-      smartLinks = props.smartLinks;
+    data = props.data,
+    eventHandlers = props.eventHandlers,
+    portal = props.portal,
+    smartLinks = props.smartLinks;
   var onClick = getCardClickHandler(eventHandlers, url);
   var cardProps = {
     url: url,
@@ -22,11 +21,9 @@ var InlineCard = function InlineCard(props) {
     container: portal
   };
   var featureFlags = useFeatureFlags();
-
   var _ref = smartLinks || {},
-      showAuthTooltip = _ref.showAuthTooltip,
-      ssr = _ref.ssr;
-
+    showAuthTooltip = _ref.showAuthTooltip,
+    ssr = _ref.ssr;
   if (ssr && url) {
     return /*#__PURE__*/React.createElement(CardSSR, {
       appearance: "inline",
@@ -34,7 +31,6 @@ var InlineCard = function InlineCard(props) {
       showAuthTooltip: showAuthTooltip
     });
   }
-
   return /*#__PURE__*/React.createElement("span", {
     "data-inline-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
@@ -50,10 +46,8 @@ var InlineCard = function InlineCard(props) {
       if (!data.url || !data.title) {
         return;
       }
-
       props.smartCardStorage.set(data.url, data.title);
     }
   }))));
 };
-
 export default withSmartCardStorage(InlineCard);

package/dist/esm/react/nodes/inlineExtension.js

@@ -1,14 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';
-
 var InlineExtension = function InlineExtension(props) {
   var text = props.text;
   return /*#__PURE__*/React.createElement(ExtensionRenderer, _extends({}, props, {
     type: "inlineExtension"
   }), function (_ref) {
     var result = _ref.result;
-
     try {
       // Return the result directly if it's a valid JSX.Element
       if (result && /*#__PURE__*/React.isValidElement(result)) {
@@ -16,13 +14,11 @@ var InlineExtension = function InlineExtension(props) {
       }
     } catch (e) {
       /** We don't want this error to block renderer */
-
       /** We keep rendering the default content */
-    } // Always return default content if anything goes wrong
-
+    }
 
+    // Always return default content if anything goes wrong
     return /*#__PURE__*/React.createElement("span", null, text || 'inlineExtension');
   });
 };
-
 export default InlineExtension;

package/dist/esm/react/nodes/layoutColumn.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React from 'react';
 import { jsx, css } from '@emotion/react';

package/dist/esm/react/nodes/media.js

@@ -6,11 +6,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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 */
 import React from 'react';
 import { PureComponent } from 'react';
@@ -21,37 +18,28 @@ import { MediaCard } from '../../ui/MediaCard';
 import { getEventHandler } from '../../utils';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { MODE, PLATFORM } from '../../analytics/events';
-
 var Media = /*#__PURE__*/function (_PureComponent) {
   _inherits(Media, _PureComponent);
-
   var _super = _createSuper(Media);
-
   function Media() {
     var _this;
-
     _classCallCheck(this, Media);
-
     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));
-
     _defineProperty(_assertThisInitialized(_this), "renderCard", function () {
       var providers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var mediaProvider = providers.mediaProvider,
-          contextIdentifierProvider = providers.contextIdentifierProvider;
+        contextIdentifierProvider = providers.contextIdentifierProvider;
       var _this$props = _this.props,
-          allowAltTextOnImages = _this$props.allowAltTextOnImages,
-          alt = _this$props.alt,
-          featureFlags = _this$props.featureFlags,
-          allowMediaViewer = _this$props.shouldOpenMediaViewer,
-          enableDownloadButton = _this$props.enableDownloadButton,
-          ssr = _this$props.ssr;
-
+        allowAltTextOnImages = _this$props.allowAltTextOnImages,
+        alt = _this$props.alt,
+        featureFlags = _this$props.featureFlags,
+        allowMediaViewer = _this$props.shouldOpenMediaViewer,
+        enableDownloadButton = _this$props.enableDownloadButton,
+        ssr = _this$props.ssr;
       var linkMark = _this.props.marks.find(_this.props.isLinkMark);
-
       var linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
       var eventHandlers = linkHref ? undefined : _this.props.eventHandlers;
       var shouldOpenMediaViewer = !linkHref && allowMediaViewer;
@@ -74,13 +62,11 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         css: mediaLinkStyle
       }, mediaComponent) : mediaComponent;
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleMediaLinkClick", function (event) {
       var _this$props2 = _this.props,
-          fireAnalyticsEvent = _this$props2.fireAnalyticsEvent,
-          isLinkMark = _this$props2.isLinkMark,
-          marks = _this$props2.marks;
-
+        fireAnalyticsEvent = _this$props2.fireAnalyticsEvent,
+        isLinkMark = _this$props2.isLinkMark,
+        marks = _this$props2.marks;
       if (fireAnalyticsEvent) {
         fireAnalyticsEvent({
           action: ACTION.VISITED,
@@ -93,31 +79,23 @@ var Media = /*#__PURE__*/function (_PureComponent) {
           }
         });
       }
-
       var linkMark = _this.props.marks.find(_this.props.isLinkMark);
-
       var linkHref = linkMark === null || linkMark === void 0 ? void 0 : linkMark.attrs.href;
       var handler = getEventHandler(_this.props.eventHandlers, 'link');
-
       if (handler) {
         var _linkMark = marks.find(isLinkMark);
-
         handler(event, _linkMark && linkHref);
       }
     });
-
     return _this;
   }
-
   _createClass(Media, [{
     key: "render",
     value: function render() {
       var providers = this.props.providers;
-
       if (!providers) {
         return this.renderCard();
       }
-
       return jsx(WithProviders, {
         providers: ['mediaProvider', 'contextIdentifierProvider'],
         providerFactory: providers,
@@ -125,8 +103,6 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-
   return Media;
 }(PureComponent);
-
 export { Media as default };

package/dist/esm/react/nodes/mediaGroup.js

@@ -5,57 +5,42 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 import React from 'react';
 import { PureComponent } from 'react';
 import { defaultImageCardDimensions } from '@atlaskit/media-card';
 import { FilmstripView } from '@atlaskit/media-filmstrip';
-
 var MediaGroup = /*#__PURE__*/function (_PureComponent) {
   _inherits(MediaGroup, _PureComponent);
-
   var _super = _createSuper(MediaGroup);
-
   function MediaGroup() {
     var _this;
-
     _classCallCheck(this, MediaGroup);
-
     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));
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       animate: false,
       offset: 0
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleSize", function (_ref) {
       var offset = _ref.offset;
       return _this.setState({
         offset: offset
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "handleScroll", function (_ref2) {
       var animate = _ref2.animate,
-          offset = _ref2.offset;
+        offset = _ref2.offset;
       return _this.setState({
         animate: animate,
         offset: offset
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onMediaClick", function (cardClickHandler, child, surroundingItems) {
       return function (event, analyticsEvent) {
         var surroundings = {
@@ -65,35 +50,28 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
         cardClickHandler(event, surroundings, analyticsEvent);
       };
     });
-
     return _this;
   }
-
   _createClass(MediaGroup, [{
     key: "render",
     value: function render() {
       var numChildren = React.Children.count(this.props.children);
       var content;
-
       if (numChildren === 1) {
         var card = React.Children.toArray(this.props.children)[0];
-
         switch (card.props.type) {
           case 'file':
             content = this.renderSingleFile(card);
             break;
-
           case 'link':
             content = null;
             break;
-
           default:
             content = this.renderSingleLink(card);
         }
       } else {
         content = this.renderStrip();
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: "MediaGroup"
       }, content);
@@ -137,11 +115,10 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
     key: "renderStrip",
     value: function renderStrip() {
       var _this2 = this;
-
       var children = this.props.children;
       var _this$state = this.state,
-          animate = _this$state.animate,
-          offset = _this$state.offset;
+        animate = _this$state.animate,
+        offset = _this$state.offset;
       var surroundingItems = React.Children.map(children, function (child) {
         return _this2.mapMediaPropsToIdentifier(child.props);
       }).filter(function (identifier) {
@@ -154,14 +131,11 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
         onScroll: this.handleScroll
       }, React.Children.map(children, function (rawChild) {
         var child = rawChild;
-
         switch (child.props.type) {
           case 'file':
             return _this2.cloneFileCard(child, surroundingItems);
-
           case 'link':
             return null;
-
           default:
             return /*#__PURE__*/React.cloneElement(child, {
               featureFlags: _this2.props.featureFlags,
@@ -174,10 +148,9 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
     key: "mapMediaPropsToIdentifier",
     value: function mapMediaPropsToIdentifier(_ref3) {
       var id = _ref3.id,
-          type = _ref3.type,
-          occurrenceKey = _ref3.occurrenceKey,
-          collection = _ref3.collection;
-
+        type = _ref3.type,
+        occurrenceKey = _ref3.occurrenceKey,
+        collection = _ref3.collection;
       switch (type) {
         case 'file':
           return {
@@ -186,10 +159,8 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
             occurrenceKey: occurrenceKey,
             collectionName: collection
           };
-
         case 'link':
           return undefined;
-
         case 'external':
           return {
             id: id,
@@ -200,8 +171,6 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
       }
     }
   }]);
-
   return MediaGroup;
 }(PureComponent);
-
 export { MediaGroup as default };

package/dist/esm/react/nodes/mediaInline.js

@@ -10,16 +10,13 @@ import { getClipboardAttrs } from '../../ui/MediaCard';
 import { createIntl, injectIntl } from 'react-intl-next';
 export var RenderMediaInline = function RenderMediaInline(props) {
   var mediaProvider = props.mediaProvider;
-
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      viewMediaClientConfigState = _useState2[0],
-      setViewMediaClientConfigState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    viewMediaClientConfigState = _useState2[0],
+    setViewMediaClientConfigState = _useState2[1];
   useEffect(function () {
     updateViewMediaClientConfigState(mediaProvider);
   }, [mediaProvider]);
-
   var updateViewMediaClientConfigState = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaProvider) {
       var mediaClientConfig;
@@ -31,14 +28,11 @@ export var RenderMediaInline = function RenderMediaInline(props) {
                 _context.next = 5;
                 break;
               }
-
               _context.next = 3;
               return mediaProvider;
-
             case 3:
               mediaClientConfig = _context.sent;
               setViewMediaClientConfigState(mediaClientConfig.viewMediaClientConfig);
-
             case 5:
             case "end":
               return _context.stop();
@@ -46,36 +40,32 @@ export var RenderMediaInline = function RenderMediaInline(props) {
         }
       }, _callee);
     }));
-
     return function updateViewMediaClientConfigState(_x) {
       return _ref.apply(this, arguments);
     };
   }();
+
   /*
    * Only show the loading view if the media provider is not ready
    * prevents calling the media API before the provider is ready
    */
-
-
   if (!viewMediaClientConfigState) {
     return /*#__PURE__*/React.createElement(MediaInlineCardLoadingView, {
       message: "",
       isSelected: false
     });
   }
-
   return /*#__PURE__*/React.createElement(MediaInlineCard, {
     identifier: props.identifier,
     shouldOpenMediaViewer: true,
     mediaClientConfig: viewMediaClientConfigState
   });
 };
-
 var MediaInline = function MediaInline(props) {
   var collection = props.collection,
-      id = props.id,
-      providers = props.providers,
-      intl = props.intl;
+    id = props.id,
+    providers = props.providers,
+    intl = props.intl;
   var identifier = {
     id: id,
     mediaItemType: 'file',
@@ -94,13 +84,11 @@ var MediaInline = function MediaInline(props) {
     providerFactory: providers,
     renderNode: function renderNode(providers) {
       var mediaProvider = providers.mediaProvider;
-
       if (!mediaProvider) {
         return /*#__PURE__*/React.createElement(MediaInlineCardErroredView, {
           message: (intl || defaultIntl).formatMessage(messages.couldnt_load_file)
         });
       }
-
       return /*#__PURE__*/React.createElement(RenderMediaInline, {
         identifier: identifier,
         mediaProvider: mediaProvider
@@ -108,5 +96,4 @@ var MediaInline = function MediaInline(props) {
     }
   }));
 };
-
 export default injectIntl(MediaInline);

package/dist/esm/react/nodes/mediaSingle/index.js

@@ -1,5 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /** @jsx jsx */
 import { default as React, Fragment } from 'react';
 import { jsx } from '@emotion/react';
@@ -12,120 +11,100 @@ import { useObservedWidth } from '../../hooks/use-observed-width';
 import { uiMediaSingleBaseStyles, uiMediaSingleLayoutStyles } from './styles';
 var DEFAULT_WIDTH = 250;
 var DEFAULT_HEIGHT = 200;
-
 var isMediaElement = function isMediaElement(media) {
   if (!media) {
     return false;
   }
-
   var _ref = media.props || {},
-      nodeType = _ref.nodeType,
-      type = _ref.type; // Use this to perform a rough check
-  // better than assume the first item in children is media
-
+    nodeType = _ref.nodeType,
+    type = _ref.type;
 
+  // Use this to perform a rough check
+  // better than assume the first item in children is media
   return nodeType === 'media' || ['external', 'file', 'link'].indexOf(type) >= 0;
 };
-
 var checkForMediaElement = function checkForMediaElement(children) {
   var _React$Children$toArr = React.Children.toArray(children),
-      _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 1),
-      media = _React$Children$toArr2[0];
-
+    _React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 1),
+    media = _React$Children$toArr2[0];
   if (media && !isMediaElement(media) && media.props.children) {
     return checkForMediaElement(media.props.children);
   }
-
   return media;
-}; // returns the existing container width if available (non SSR mode), otherwise
-// we return a default width value
-
+};
 
+// returns the existing container width if available (non SSR mode), otherwise
+// we return a default width value
 export var getMediaContainerWidth = function getMediaContainerWidth(currentContainerWidth, layout) {
   return !currentContainerWidth && layout !== 'full-width' && layout !== 'wide' ? akEditorDefaultLayoutWidth : currentContainerWidth;
 };
-
 var MediaSingle = function MediaSingle(props) {
   var _ref$current;
-
   var rendererAppearance = props.rendererAppearance,
-      featureFlags = props.featureFlags,
-      isInsideOfBlockNode = props.isInsideOfBlockNode,
-      layout = props.layout,
-      children = props.children,
-      pctWidth = props.width;
+    featureFlags = props.featureFlags,
+    isInsideOfBlockNode = props.isInsideOfBlockNode,
+    layout = props.layout,
+    children = props.children,
+    pctWidth = props.width;
   var isCaptionsFlaggedOn = getMediaFeatureFlag('captions', featureFlags);
-
   var _React$useState = React.useState({
-    width: 0,
-    height: 0
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      externalImageDimensions = _React$useState2[0],
-      setExternalImageDimensions = _React$useState2[1];
-
+      width: 0,
+      height: 0
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    externalImageDimensions = _React$useState2[0],
+    setExternalImageDimensions = _React$useState2[1];
   var ref = React.useRef(null);
   var onExternalImageLoaded = React.useCallback(function (_ref2) {
     var width = _ref2.width,
-        height = _ref2.height;
+      height = _ref2.height;
     setExternalImageDimensions({
       width: width,
       height: height
     });
   }, []);
   var observedWidthFlag = getMediaFeatureFlag('observedWidth', featureFlags);
-
   var _useObservedWidth = useObservedWidth((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentElement, observedWidthFlag),
-      observedWidth = _useObservedWidth.width;
-
+    observedWidth = _useObservedWidth.width;
   var media;
-
   var _React$Children$toArr3 = React.Children.toArray(children),
-      _React$Children$toArr4 = _slicedToArray(_React$Children$toArr3, 2),
-      node = _React$Children$toArr4[0],
-      caption = _React$Children$toArr4[1];
-
+    _React$Children$toArr4 = _slicedToArray(_React$Children$toArr3, 2),
+    node = _React$Children$toArr4[0],
+    caption = _React$Children$toArr4[1];
   if (!isMediaElement(node)) {
     var mediaElement = checkForMediaElement(node.props.children);
-
     if (!mediaElement) {
       return node;
     }
-
     media = mediaElement;
   } else {
     media = node;
   }
-
   var _media$props = media.props,
-      _media$props$width = _media$props.width,
-      width = _media$props$width === void 0 ? DEFAULT_WIDTH : _media$props$width,
-      _media$props$height = _media$props.height,
-      height = _media$props$height === void 0 ? DEFAULT_HEIGHT : _media$props$height,
-      type = _media$props.type;
-
+    _media$props$width = _media$props.width,
+    width = _media$props$width === void 0 ? DEFAULT_WIDTH : _media$props$width,
+    _media$props$height = _media$props.height,
+    height = _media$props$height === void 0 ? DEFAULT_HEIGHT : _media$props$height,
+    type = _media$props.type;
   if (type === 'external') {
     var stateWidth = externalImageDimensions.width,
-        stateHeight = externalImageDimensions.height;
-
+      stateHeight = externalImageDimensions.height;
     if (width === null) {
       width = stateWidth || DEFAULT_WIDTH;
     }
-
     if (height === null) {
       height = stateHeight || DEFAULT_HEIGHT;
     }
   }
-
   if (width === null) {
     width = DEFAULT_WIDTH;
     height = DEFAULT_HEIGHT;
-  } // TODO: put appearance-based padding into theme instead
+  }
 
+  // TODO: put appearance-based padding into theme instead
 
   var padding = rendererAppearance === 'full-page' ? FullPagePadding * 2 : 0;
   var isFullWidth = rendererAppearance === 'full-width';
-
   var calcDimensions = function calcDimensions(mediaContainerWidth, mediaBreakpoint) {
     var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
     var maxWidth = containerWidth;
@@ -135,17 +114,14 @@ var MediaSingle = function MediaSingle(props) {
       height: "".concat(maxHeight, "px")
     };
     var nonFullWidthSize = containerWidth;
-
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
       var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= akEditorDefaultLayoutWidth;
-
       if (isContainerSizeGreaterThanMaxFullPageWidth) {
         nonFullWidthSize = akEditorDefaultLayoutWidth;
       } else {
         nonFullWidthSize = containerWidth - padding;
       }
     }
-
     var minWidth = Math.min(akEditorFullWidthLayoutWidth, containerWidth - padding);
     var lineLength = isFullWidth ? minWidth : nonFullWidthSize;
     return {
@@ -154,18 +130,15 @@ var MediaSingle = function MediaSingle(props) {
       containerWidth: containerWidth
     };
   };
-
   var originalDimensions = {
     height: height,
     width: width
   };
-
   var renderMediaSingle = function renderMediaSingle(renderWidth, mediaBreakpoint) {
     var _calcDimensions = calcDimensions(renderWidth, mediaBreakpoint),
-        cardDimensions = _calcDimensions.cardDimensions,
-        lineLength = _calcDimensions.lineLength,
-        containerWidth = _calcDimensions.containerWidth;
-
+      cardDimensions = _calcDimensions.cardDimensions,
+      lineLength = _calcDimensions.lineLength,
+      containerWidth = _calcDimensions.containerWidth;
     var mediaComponent = /*#__PURE__*/React.cloneElement(media, {
       resizeMode: 'stretchy-fit',
       cardDimensions: cardDimensions,
@@ -187,12 +160,10 @@ var MediaSingle = function MediaSingle(props) {
       fullWidthMode: isFullWidth
     }, jsx(Fragment, null, mediaComponent), isCaptionsFlaggedOn && caption);
   };
-
   return observedWidthFlag ? renderMediaSingle(observedWidth || document.body.offsetWidth) : jsx(WidthConsumer, null, function (_ref3) {
     var width = _ref3.width,
-        breakpoint = _ref3.breakpoint;
+      breakpoint = _ref3.breakpoint;
     return renderMediaSingle(width, breakpoint);
   });
 };
-
 export default injectIntl(MediaSingle);

package/dist/esm/react/nodes/mediaSingle/styles.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import { css } from '@emotion/react';
 export var uiMediaSingleBaseStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  transition: all 0.1s linear;\n"])));