@atlaskit/renderer 105.1.1 → 105.1.2

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

@@ -1,60 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = 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 = _interopRequireWildcard(require("react"));
-
 var _mediaCard = require("@atlaskit/media-card");
-
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
-
 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 MediaGroup = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(MediaGroup, _PureComponent);
-
   var _super = _createSuper(MediaGroup);
-
   function MediaGroup() {
     var _this;
-
     (0, _classCallCheck2.default)(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));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       animate: false,
@@ -68,7 +44,7 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScroll", function (_ref2) {
       var animate = _ref2.animate,
-          offset = _ref2.offset;
+        offset = _ref2.offset;
       return _this.setState({
         animate: animate,
         offset: offset
@@ -85,33 +61,26 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-
   (0, _createClass2.default)(MediaGroup, [{
     key: "render",
     value: function render() {
       var numChildren = _react.default.Children.count(this.props.children);
-
       var content;
-
       if (numChildren === 1) {
         var card = _react.default.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.default.createElement("div", {
         className: "MediaGroup"
       }, content);
@@ -155,18 +124,15 @@ 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.default.Children.map(children, function (child) {
         return _this2.mapMediaPropsToIdentifier(child.props);
       }).filter(function (identifier) {
         return !!identifier;
       });
-
       return /*#__PURE__*/_react.default.createElement(_mediaFilmstrip.FilmstripView, {
         animate: animate,
         offset: offset,
@@ -174,14 +140,11 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
         onScroll: this.handleScroll
       }, _react.default.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.default.cloneElement(child, {
               featureFlags: _this2.props.featureFlags,
@@ -194,10 +157,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 {
@@ -206,10 +168,8 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
             occurrenceKey: occurrenceKey,
             collectionName: collection
           };
-
         case 'link':
           return undefined;
-
         case 'external':
           return {
             id: id,
@@ -222,5 +182,4 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
   }]);
   return MediaGroup;
 }(_react.PureComponent);
-
 exports.default = MediaGroup;

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

@@ -1,50 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RenderMediaInline = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mediaCard = require("@atlaskit/media-card");
-
 var _mediaUi = require("@atlaskit/media-ui");
-
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
-
 var _MediaCard = require("../../ui/MediaCard");
-
 var _reactIntlNext = require("react-intl-next");
-
 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; }
-
 var RenderMediaInline = function RenderMediaInline(props) {
   var mediaProvider = props.mediaProvider;
-
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      viewMediaClientConfigState = _useState2[0],
-      setViewMediaClientConfigState = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    viewMediaClientConfigState = _useState2[0],
+    setViewMediaClientConfigState = _useState2[1];
   (0, _react.useEffect)(function () {
     updateViewMediaClientConfigState(mediaProvider);
   }, [mediaProvider]);
-
   var updateViewMediaClientConfigState = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaProvider) {
       var mediaClientConfig;
@@ -56,14 +38,11 @@ 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();
@@ -71,38 +50,33 @@ 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.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
       message: "",
       isSelected: false
     });
   }
-
   return /*#__PURE__*/_react.default.createElement(_mediaCard.MediaInlineCard, {
     identifier: props.identifier,
     shouldOpenMediaViewer: true,
     mediaClientConfig: viewMediaClientConfigState
   });
 };
-
 exports.RenderMediaInline = RenderMediaInline;
-
 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',
@@ -121,13 +95,11 @@ var MediaInline = function MediaInline(props) {
     providerFactory: providers,
     renderNode: function renderNode(providers) {
       var mediaProvider = providers.mediaProvider;
-
       if (!mediaProvider) {
         return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
           message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file)
         });
       }
-
       return /*#__PURE__*/_react.default.createElement(RenderMediaInline, {
         identifier: identifier,
         mediaProvider: mediaProvider
@@ -135,7 +107,5 @@ var MediaInline = function MediaInline(props) {
     }
   }));
 };
-
 var _default = (0, _reactIntlNext.injectIntl)(MediaInline);
-
 exports.default = _default;

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

@@ -1,159 +1,122 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMediaContainerWidth = exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _reactIntlNext = require("react-intl-next");
-
 var _mediaCommon = require("@atlaskit/media-common");
-
 var _ui = require("@atlaskit/editor-common/ui");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _style = require("../../../ui/Renderer/style");
-
 var _useObservedWidth2 = require("../../hooks/use-observed-width");
-
 var _styles = require("./styles");
-
 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; }
-
 /** @jsx jsx */
+
 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.default.Children.toArray(children),
-      _React$Children$toArr2 = (0, _slicedToArray2.default)(_React$Children$toArr, 1),
-      media = _React$Children$toArr2[0];
-
+    _React$Children$toArr2 = (0, _slicedToArray2.default)(_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
 var getMediaContainerWidth = function getMediaContainerWidth(currentContainerWidth, layout) {
   return !currentContainerWidth && layout !== 'full-width' && layout !== 'wide' ? _editorSharedStyles.akEditorDefaultLayoutWidth : currentContainerWidth;
 };
-
 exports.getMediaContainerWidth = getMediaContainerWidth;
-
 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 = (0, _mediaCommon.getMediaFeatureFlag)('captions', featureFlags);
-
   var _React$useState = _react.default.useState({
-    width: 0,
-    height: 0
-  }),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      externalImageDimensions = _React$useState2[0],
-      setExternalImageDimensions = _React$useState2[1];
-
+      width: 0,
+      height: 0
+    }),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    externalImageDimensions = _React$useState2[0],
+    setExternalImageDimensions = _React$useState2[1];
   var ref = _react.default.useRef(null);
-
   var onExternalImageLoaded = _react.default.useCallback(function (_ref2) {
     var width = _ref2.width,
-        height = _ref2.height;
+      height = _ref2.height;
     setExternalImageDimensions({
       width: width,
       height: height
     });
   }, []);
-
   var observedWidthFlag = (0, _mediaCommon.getMediaFeatureFlag)('observedWidth', featureFlags);
-
   var _useObservedWidth = (0, _useObservedWidth2.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.default.Children.toArray(children),
-      _React$Children$toArr4 = (0, _slicedToArray2.default)(_React$Children$toArr3, 2),
-      node = _React$Children$toArr4[0],
-      caption = _React$Children$toArr4[1];
-
+    _React$Children$toArr4 = (0, _slicedToArray2.default)(_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' ? _style.FullPagePadding * 2 : 0;
   var isFullWidth = rendererAppearance === 'full-width';
-
   var calcDimensions = function calcDimensions(mediaContainerWidth, mediaBreakpoint) {
     var containerWidth = getMediaContainerWidth(mediaContainerWidth, layout);
     var maxWidth = containerWidth;
@@ -163,17 +126,14 @@ var MediaSingle = function MediaSingle(props) {
       height: "".concat(maxHeight, "px")
     };
     var nonFullWidthSize = containerWidth;
-
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
       var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= _editorSharedStyles.akEditorDefaultLayoutWidth;
-
       if (isContainerSizeGreaterThanMaxFullPageWidth) {
         nonFullWidthSize = _editorSharedStyles.akEditorDefaultLayoutWidth;
       } else {
         nonFullWidthSize = containerWidth - padding;
       }
     }
-
     var minWidth = Math.min(_editorSharedStyles.akEditorFullWidthLayoutWidth, containerWidth - padding);
     var lineLength = isFullWidth ? minWidth : nonFullWidthSize;
     return {
@@ -182,18 +142,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.default.cloneElement(media, {
       resizeMode: 'stretchy-fit',
       cardDimensions: cardDimensions,
@@ -202,7 +159,6 @@ var MediaSingle = function MediaSingle(props) {
       disableOverlay: true,
       featureFlags: featureFlags
     });
-
     var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? [_styles.uiMediaSingleBaseStyles, _styles.uiMediaSingleLayoutStyles] : [_styles.uiMediaSingleBaseStyles];
     return (0, _react2.jsx)(_ui.MediaSingle, {
       css: uiMediaSingleStyles,
@@ -216,14 +172,11 @@ var MediaSingle = function MediaSingle(props) {
       fullWidthMode: isFullWidth
     }, (0, _react2.jsx)(_react.Fragment, null, mediaComponent), isCaptionsFlaggedOn && caption);
   };
-
   return observedWidthFlag ? renderMediaSingle(observedWidth || document.body.offsetWidth) : (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref3) {
     var width = _ref3.width,
-        breakpoint = _ref3.breakpoint;
+      breakpoint = _ref3.breakpoint;
     return renderMediaSingle(width, breakpoint);
   });
 };
-
 var _default = (0, _reactIntlNext.injectIntl)(MediaSingle);
-
 exports.default = _default;

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

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.uiMediaSingleLayoutStyles = exports.uiMediaSingleBaseStyles = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _templateObject, _templateObject2;
-
 var uiMediaSingleBaseStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  transition: all 0.1s linear;\n"])));
 exports.uiMediaSingleBaseStyles = uiMediaSingleBaseStyles;
 var uiMediaSingleLayoutStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])));

package/dist/cjs/react/nodes/mention.js

@@ -1,55 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 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 _react = _interopRequireWildcard(require("react"));
-
 var _mention = require("@atlaskit/editor-common/mention");
-
 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 _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 MentionItem = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(MentionItem, _PureComponent);
-
   var _super = _createSuper(MentionItem);
-
   function MentionItem() {
     (0, _classCallCheck2.default)(this, MentionItem);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(MentionItem, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          eventHandlers = _this$props.eventHandlers,
-          id = _this$props.id,
-          providers = _this$props.providers,
-          text = _this$props.text,
-          accessLevel = _this$props.accessLevel;
+        eventHandlers = _this$props.eventHandlers,
+        id = _this$props.id,
+        providers = _this$props.providers,
+        text = _this$props.text,
+        accessLevel = _this$props.accessLevel;
       return /*#__PURE__*/_react.default.createElement(_mention.Mention, {
         id: id,
         text: text,
@@ -61,5 +44,4 @@ var MentionItem = /*#__PURE__*/function (_PureComponent) {
   }]);
   return MentionItem;
 }(_react.PureComponent);
-
 exports.default = MentionItem;