@atlaskit/editor-common 72.2.0 → 72.2.2

package/dist/cjs/ui/IntlProviderIfMissingWrapper/index.js

@@ -1,33 +1,24 @@
 "use strict";
 
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = IntlProviderIfMissingWrapper;
-
 var _react = _interopRequireWildcard(require("react"));
-
 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 useCheckIntlContext = function useCheckIntlContext() {
   return (0, _react.useContext)(_reactIntlNext.IntlContext) === null;
 };
-
 function IntlProviderIfMissingWrapper(_ref) {
   var children = _ref.children;
   var missingIntlContext = useCheckIntlContext();
-
   if (missingIntlContext) {
     return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
       locale: "en"
     }, children);
   }
-
   return children;
 }

package/dist/cjs/ui/Layer/index.js

@@ -1,48 +1,28 @@
 "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 _popper = _interopRequireDefault(require("popper.js"));
-
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
-
 var _helpers = require("./internal/helpers");
-
 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 defaultState = {
   hasExtractedStyles: false,
   // We set these default offsets to prevent a flash of popper content in the wrong position
@@ -59,16 +39,13 @@ var defaultState = {
   originalHeight: null,
   maxHeight: null
 };
-
 var Layer = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Layer, _Component);
-
   var _super = _createSuper(Layer);
-
   // working with extract-react-types
+
   function Layer(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, Layer);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "targetRef", /*#__PURE__*/_react.default.createRef());
@@ -80,9 +57,7 @@ var Layer = /*#__PURE__*/function (_Component) {
         var top = Math.round(state.offsets.popper.top);
         var cssPosition = 'absolute';
         var originalHeight = _this.state.originalHeight || popperHeight;
-
         var maxHeight = _this.calculateMaxHeight(originalHeight, popperHeight, top, cssPosition);
-
         _this.setState({
           // position: fixed or absolute
           cssPosition: cssPosition,
@@ -97,7 +72,6 @@ var Layer = /*#__PURE__*/function (_Component) {
     _this.extractStyles = (0, _rafSchd.default)(_this.extractStyles.bind((0, _assertThisInitialized2.default)(_this)));
     return _this;
   }
-
   (0, _createClass2.default)(Layer, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -112,8 +86,9 @@ var Layer = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       var onPositioned = this.props.onPositioned;
-      var hasExtractedStyles = this.state.hasExtractedStyles; // This flag is set the first time the position is calculated from Popper and applied to the content
+      var hasExtractedStyles = this.state.hasExtractedStyles;
 
+      // This flag is set the first time the position is calculated from Popper and applied to the content
       if (!prevState.hasExtractedStyles && hasExtractedStyles && onPositioned) {
         onPositioned();
       }
@@ -126,26 +101,24 @@ var Layer = /*#__PURE__*/function (_Component) {
         this.popper.destroy();
       }
     }
+
     /* Calculate the max height of the popper if it's height is greater than the viewport to prevent
      * the bottom of the popper not being viewable.
      * Only works if the popper uses viewport as the boundary and has a fixed position ancestor.
      */
-
   }, {
     key: "calculateMaxHeight",
     value: function calculateMaxHeight(originalHeight, currentHeight, positionTop, cssPosition) {
       var DocumentElementClientHeight = 0;
-
       if (document.documentElement) {
         DocumentElementClientHeight = document.documentElement.clientHeight;
       }
-
       if (cssPosition !== 'fixed') {
         return null;
       }
-
       var viewportHeight = Math.max(DocumentElementClientHeight, window.innerHeight || 0);
-      return viewportHeight < originalHeight && currentHeight + positionTop >= viewportHeight - 50 ? // allow some spacing either side of viewport height
+      return viewportHeight < originalHeight && currentHeight + positionTop >= viewportHeight - 50 ?
+      // allow some spacing either side of viewport height
       viewportHeight - 12 : null;
     }
   }, {
@@ -154,20 +127,19 @@ var Layer = /*#__PURE__*/function (_Component) {
       if (!this.targetRef.current || !this.contentRef.current) {
         return;
       }
-
       if (this.popper) {
         this.popper.destroy();
-      } // "new Popper(...)" operation is very expensive when called on virtual DOM.
+      }
+
+      // "new Popper(...)" operation is very expensive when called on virtual DOM.
       // This condition reduces the number of calls so we can run our tests faster
       // (time was reduced from 100s to 13s).
-
-
       if (!props.content) {
         return;
-      } // we wrap our target in a div so that we can safely get a reference to it, but we pass the
-      // actual target to popper
-
+      }
 
+      // we wrap our target in a div so that we can safely get a reference to it, but we pass the
+      // actual target to popper
       var isAlwaysFixed = false;
       var actualTarget = this.targetRef.current.children[0];
       var popperOpts = {
@@ -190,8 +162,8 @@ var Layer = /*#__PURE__*/function (_Component) {
             flipVariations: true,
             boundariesElement: 'viewport',
             padding: 0 // leave 0 pixels between popper and the boundariesElement
-
           },
+
           preventOverflow: {
             enabled: false,
             escapeWithReference: true
@@ -199,7 +171,6 @@ var Layer = /*#__PURE__*/function (_Component) {
         },
         positionFixed: isAlwaysFixed
       };
-
       if (actualTarget) {
         this.popper = new _popper.default(actualTarget, this.contentRef.current, popperOpts);
       }
@@ -208,9 +179,9 @@ var Layer = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$state = this.state,
-          transform = _this$state.transform,
-          hasExtractedStyles = _this$state.hasExtractedStyles,
-          maxHeight = _this$state.maxHeight;
+        transform = _this$state.transform,
+        hasExtractedStyles = _this$state.hasExtractedStyles,
+        maxHeight = _this$state.maxHeight;
       var opacity = hasExtractedStyles ? {} : {
         opacity: 0
       };
@@ -230,7 +201,6 @@ var Layer = /*#__PURE__*/function (_Component) {
   }]);
   return Layer;
 }(_react.Component);
-
 exports.default = Layer;
 (0, _defineProperty2.default)(Layer, "defaultProps", {
   boundariesElement: 'viewport',

package/dist/cjs/ui/Layer/internal/helpers.js

@@ -60,11 +60,9 @@ var POSITION_ATTRIBUTE_ENUM = {
   default: 'right middle'
 };
 exports.POSITION_ATTRIBUTE_ENUM = POSITION_ATTRIBUTE_ENUM;
-
 function positionToPopper(position) {
   return position && positionMap[position] ? positionMap[position].position : null;
 }
-
 function positionPropToPopperPosition(position) {
   return positionToPopper(position) || positionMap[POSITION_ATTRIBUTE_ENUM.default].position;
 }

package/dist/cjs/ui/MediaSingle/grid.js

@@ -11,33 +11,26 @@ exports.snapToGrid = exports.layoutSupportsWidth = void 0;
 var handleMargin = 12;
 var gutterSize = handleMargin * 2;
 var validWidthModes = ['center', 'wrap-left', 'wrap-right', 'align-start', 'align-end'];
-
 var layoutSupportsWidth = function layoutSupportsWidth(layout) {
   return validWidthModes.indexOf(layout) > -1;
 };
-
 exports.layoutSupportsWidth = layoutSupportsWidth;
-
 function calcPxFromColumns(columns, lineLength, gridSize) {
   var maxWidth = lineLength + gutterSize;
   return maxWidth / gridSize * columns - gutterSize;
 }
-
 function calcColumnsFromPx(width, lineLength, gridSize) {
   var maxWidth = lineLength + gutterSize;
   return (width + gutterSize) * gridSize / maxWidth;
 }
-
 function calcPxFromPct(pct, lineLength) {
   var maxWidth = lineLength + gutterSize;
   return maxWidth * pct - gutterSize;
 }
-
 function calcPctFromPx(width, lineLength) {
   var maxWidth = lineLength + gutterSize;
   return (width + gutterSize) / maxWidth;
 }
-
 var snapToGrid = function snapToGrid(gridWidth, width, height, lineLength, gridSize) {
   var pxWidth = calcPxFromPct(gridWidth / 100, lineLength);
   var columnSpan = Math.round(calcColumnsFromPx(pxWidth, lineLength, gridSize));
@@ -47,5 +40,4 @@ var snapToGrid = function snapToGrid(gridWidth, width, height, lineLength, gridS
     width: alignedWidth
   };
 };
-
 exports.snapToGrid = snapToGrid;

package/dist/cjs/ui/MediaSingle/index.js

@@ -1,75 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_IMAGE_WIDTH = exports.DEFAULT_IMAGE_HEIGHT = void 0;
 exports.default = MediaSingle;
 exports.wrappedLayouts = exports.shouldAddDefaultWrappedWidth = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _grid = require("./grid");
-
 var _styled = require("./styled");
-
 /** @jsx jsx */
+
 var DEFAULT_IMAGE_WIDTH = 250;
 exports.DEFAULT_IMAGE_WIDTH = DEFAULT_IMAGE_WIDTH;
 var DEFAULT_IMAGE_HEIGHT = 200;
 exports.DEFAULT_IMAGE_HEIGHT = DEFAULT_IMAGE_HEIGHT;
 var wrappedLayouts = ['wrap-left', 'wrap-right', 'align-end', 'align-start'];
 exports.wrappedLayouts = wrappedLayouts;
-
 var shouldAddDefaultWrappedWidth = function shouldAddDefaultWrappedWidth(layout, width, lineLength) {
   return wrappedLayouts.indexOf(layout) > -1 && lineLength && width && width > 0.5 * lineLength;
 };
-
 exports.shouldAddDefaultWrappedWidth = shouldAddDefaultWrappedWidth;
-
 function MediaSingle(_ref) {
   var layout = _ref.layout,
-      width = _ref.width,
-      height = _ref.height,
-      _ref$containerWidth = _ref.containerWidth,
-      containerWidth = _ref$containerWidth === void 0 ? width : _ref$containerWidth,
-      _ref$isLoading = _ref.isLoading,
-      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-      pctWidth = _ref.pctWidth,
-      className = _ref.className,
-      propsChildren = _ref.children,
-      _ref$nodeType = _ref.nodeType,
-      nodeType = _ref$nodeType === void 0 ? 'mediaSingle' : _ref$nodeType,
-      fullWidthMode = _ref.fullWidthMode,
-      lineLength = _ref.lineLength,
-      _ref$hasFallbackConta = _ref.hasFallbackContainer,
-      hasFallbackContainer = _ref$hasFallbackConta === void 0 ? true : _ref$hasFallbackConta,
-      handleMediaSingleRef = _ref.handleMediaSingleRef;
-
+    width = _ref.width,
+    height = _ref.height,
+    _ref$containerWidth = _ref.containerWidth,
+    containerWidth = _ref$containerWidth === void 0 ? width : _ref$containerWidth,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    pctWidth = _ref.pctWidth,
+    className = _ref.className,
+    propsChildren = _ref.children,
+    _ref$nodeType = _ref.nodeType,
+    nodeType = _ref$nodeType === void 0 ? 'mediaSingle' : _ref$nodeType,
+    fullWidthMode = _ref.fullWidthMode,
+    lineLength = _ref.lineLength,
+    _ref$hasFallbackConta = _ref.hasFallbackContainer,
+    hasFallbackContainer = _ref$hasFallbackConta === void 0 ? true : _ref$hasFallbackConta,
+    handleMediaSingleRef = _ref.handleMediaSingleRef;
   var children = _react.default.Children.toArray(propsChildren);
-
   if (!pctWidth && shouldAddDefaultWrappedWidth(layout, width, lineLength)) {
     pctWidth = 50;
-  } // When width is not set we have an absolute height for a given embed.
+  }
+  // When width is not set we have an absolute height for a given embed.
   // When both width and height are set we use them to determine ratio and use that to define
   // embed height in relation to whatever width of an dom element is in runtime
-
-
   var isHeightOnly = width === undefined;
-
   if (pctWidth) {
     var pxWidth = Math.ceil((0, _grid.calcPxFromPct)(pctWidth / 100, lineLength || containerWidth || 0));
-
     if (isHeightOnly) {
       width = pxWidth - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide;
     } else if (width !== undefined) {
@@ -78,37 +62,35 @@ function MediaSingle(_ref) {
     }
   } else if (isHeightOnly) {
     // No pctWidth can be found on already existing pages with existing embeds
+
     // It's ok to use Embed specific width, because width can be not set only in embed card.
     // This value will be used only in the case of non `wide` and non `full-width` cases inside MediaSingleDimensionHelper.
     width = _editorSharedStyles.DEFAULT_EMBED_CARD_WIDTH - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide;
-  } // Media wrapper controls the height of the box.
+  }
+
+  // Media wrapper controls the height of the box.
   // We can define this height
   // - via height directly
   // - via paddingBottom (if we have both height and width) which is a css trick to represent a ratio
-
-
   var mediaWrapperHeight;
   var paddingBottom;
-
   if (isHeightOnly) {
     mediaWrapperHeight = height;
   } else if (width !== undefined) {
     var mediaWrapperRatio = height / width * 100;
     paddingBottom = "".concat(mediaWrapperRatio.toFixed(3), "%");
-
     if (nodeType === 'embedCard') {
       // we want to set ratio of whole box (including header) buy knowing ratio of iframe itself
+
       // For some reason importing `embedHeaderHeight` from '@atlaskit/smart-card' breaks
       // packages/editor/editor-core/src/plugins/table/__tests__/unit/toolbar.ts 🤷‍️, but we have a test
       // that uses imported value, so it's should be good.
       paddingBottom = "calc(".concat(paddingBottom, " + 32px)");
     }
   }
-
   var _children = (0, _slicedToArray2.default)(children, 2),
-      media = _children[0],
-      caption = _children[1];
-
+    media = _children[0],
+    caption = _children[1];
   return (0, _react2.jsx)("div", {
     ref: handleMediaSingleRef,
     css: (0, _styled.MediaSingleDimensionHelper)({

package/dist/cjs/ui/MediaSingle/link.js

@@ -1,17 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mediaLinkStyle = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = require("@emotion/react");
-
 var _templateObject;
-
 var mediaLinkStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: absolute;\n  background: transparent;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  cursor: pointer;\n  width: 100%;\n  height: 100%;\n"])));
 exports.mediaLinkStyle = mediaLinkStyle;

package/dist/cjs/ui/MediaSingle/styled.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,43 +8,31 @@ exports.MediaWrapper = exports.MediaSingleDimensionHelper = void 0;
 exports.calcLegacyWidth = calcLegacyWidth;
 exports.calcResizedWidth = calcResizedWidth;
 exports.mediaWrapperStyle = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@emotion/react");
-
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-
 var _breakout = require("../../utils/breakout");
-
 var _excluded = ["children"];
-
 var _templateObject, _templateObject2, _templateObject3;
-
 function float(layout) {
   switch (layout) {
     case 'wrap-right':
       return 'right';
-
     case 'wrap-left':
       return 'left';
-
     default:
       return 'none';
   }
 }
-
 function getWidthIfFullWidthMode(width) {
   return width > _editorSharedStyles.akEditorFullWidthLayoutWidth ? '100%' : "".concat(width, "px");
 }
-
 function getWidthIfDefaultMode(width) {
   return width > _editorSharedStyles.akEditorFullPageMaxWidth ? '100%' : "".concat(width, "px");
 }
+
 /**
  * Calculates the image width for non-resized images.
  *
@@ -53,129 +40,103 @@ function getWidthIfDefaultMode(width) {
  * then an image in wide or full-width can not be wider than the image's
  * original width.
  */
-
-
 function calcLegacyWidth(layout, width) {
   var containerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var fullWidthMode = arguments.length > 3 ? arguments[3] : undefined;
   var isResized = arguments.length > 4 ? arguments[4] : undefined;
-
   switch (layout) {
     case 'align-start':
     case 'align-end':
     case 'wrap-right':
     case 'wrap-left':
       return width > containerWidth / 2 ? 'calc(50% - 12px)' : "".concat(width, "px");
-
     case 'wide':
       return (0, _breakout.calcWideWidth)(containerWidth);
-
     case 'full-width':
       return (0, _breakout.calcBreakoutWidth)(layout, containerWidth);
-
     default:
       return isResized ? "".concat(width, "px") : fullWidthMode ? getWidthIfFullWidthMode(width) : getWidthIfDefaultMode(width);
   }
 }
+
 /**
  * Calculates the image width for previously resized images.
  *
  * Wide and full-width images are always that size (960px and 100%); there is
  * no distinction between max-width and width.
  */
-
-
 function calcResizedWidth(layout, width) {
   var containerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
   switch (layout) {
     case 'wide':
       return (0, _breakout.calcWideWidth)(containerWidth);
-
     case 'full-width':
       return (0, _breakout.calcBreakoutWidth)(layout, containerWidth);
-
     default:
       return "".concat(width, "px");
   }
 }
-
 function calcMaxWidth(layout, containerWidth) {
   switch (layout) {
     case 'wide':
       return (0, _breakout.calcWideWidth)(containerWidth);
-
     case 'full-width':
       return (0, _breakout.calcBreakoutWidth)(layout, containerWidth);
-
     default:
       return '100%';
   }
 }
-
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
       return '12px auto 12px 12px';
-
     case 'wrap-left':
       return '12px 12px 12px auto';
-
     default:
       return '24px auto';
   }
 }
-
 function isImageAligned(layout) {
   switch (layout) {
     case 'align-end':
       return 'margin-right: 0';
-
     case 'align-start':
       return 'margin-left: 0';
-
     default:
       return '';
   }
 }
-
 /**
  * Can't use `.attrs` to handle highly dynamic styles because we are still
  * supporting `styled-components` v1.
  */
 var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref) {
   var _ref$containerWidth = _ref.containerWidth,
-      containerWidth = _ref$containerWidth === void 0 ? 0 : _ref$containerWidth,
-      fullWidthMode = _ref.fullWidthMode,
-      isResized = _ref.isResized,
-      layout = _ref.layout,
-      pctWidth = _ref.pctWidth,
-      width = _ref.width;
+    containerWidth = _ref$containerWidth === void 0 ? 0 : _ref$containerWidth,
+    fullWidthMode = _ref.fullWidthMode,
+    isResized = _ref.isResized,
+    layout = _ref.layout,
+    pctWidth = _ref.pctWidth,
+    width = _ref.width;
   return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  max-width: ", ";\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), calcMaxWidth(layout, containerWidth), float(layout), calcMargin(layout), isImageAligned(layout));
 };
-
 exports.MediaSingleDimensionHelper = MediaSingleDimensionHelper;
-
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,
-      paddingBottom = _ref2.paddingBottom,
-      height = _ref2.height;
+    paddingBottom = _ref2.paddingBottom,
+    height = _ref2.height;
   return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n"])), hasFallbackContainer ? "\n  &::after {\n    content: '';\n    display: block;\n    ".concat(height ? "height: ".concat(height, "px;") : paddingBottom ? "padding-bottom: ".concat(paddingBottom, ";") : '', "\n\n    /* Fixes extra padding problem in Firefox */\n    font-size: 0;\n    line-height: 0;\n  }\n  ") : '');
 };
-
 var mediaWrapperStyle = function mediaWrapperStyle(props) {
   return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n\n  ", "\n\n  /* Editor */\n  & > figure {\n    position: ", ";\n    height: 100%;\n    width: 100%;\n  }\n\n  & > div {\n    position: ", ";\n    height: 100%;\n    width: 100%;\n  }\n\n  &[data-node-type='embedCard'] > div {\n    width: 100%;\n  }\n\n  /* Renderer */\n  [data-node-type='media'] {\n    position: static !important;\n\n    > div {\n      position: absolute;\n      height: 100%;\n    }\n  }\n"])), RenderFallbackContainer(props), props.hasFallbackContainer ? 'absolute' : 'relative', props.hasFallbackContainer ? 'absolute' : 'relative');
 };
-
 exports.mediaWrapperStyle = mediaWrapperStyle;
-
 var MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   return (0, _react2.jsx)("div", {
     css: mediaWrapperStyle(rest)
   }, children);
 };
-
 exports.MediaWrapper = MediaWrapper;
 MediaWrapper.displayName = 'WrapperMediaSingle';