@atlaskit/renderer 105.1.1 → 106.0.0

package/dist/esm/react/marks/link.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -13,27 +11,23 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 var anchorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n\n  &:active {\n    color: ", ";\n  }\n"])), "var(--ds-link, ".concat(B400, ")"), "var(--ds-link, ".concat(B300, ")"), "var(--ds-link-pressed, ".concat(B500, ")"));
 export default function Link(props) {
   var href = props.href,
-      target = props.target,
-      eventHandlers = props.eventHandlers,
-      fireAnalyticsEvent = props.fireAnalyticsEvent,
-      isMediaLink = props.isMediaLink,
-      dataAttributes = props.dataAttributes;
+    target = props.target,
+    eventHandlers = props.eventHandlers,
+    fireAnalyticsEvent = props.fireAnalyticsEvent,
+    isMediaLink = props.isMediaLink,
+    dataAttributes = props.dataAttributes;
   var anchorProps = {
     href: href,
     target: target,
     title: href
   };
-
   if (target === '_blank') {
     anchorProps.rel = 'noreferrer noopener';
   }
-
   var handler = getEventHandler(eventHandlers, 'link');
-
   if (isMediaLink) {
     return jsx(Fragment, null, props.children);
   }
-
   return jsx("a", _extends({
     css: anchorStyles,
     onClick: function onClick(e) {
@@ -48,7 +42,6 @@ export default function Link(props) {
           }
         });
       }
-
       if (handler) {
         handler(e, href);
       }

package/dist/esm/react/marks/subsup.js

@@ -1,13 +1,10 @@
 import React from 'react';
-
 var isSub = function isSub(type) {
   return type === 'sub';
 };
-
 export default function SubSup(props) {
   if (isSub(props.type)) {
     return /*#__PURE__*/React.createElement("sub", props.dataAttributes, props.children);
   }
-
   return /*#__PURE__*/React.createElement("sup", props.dataAttributes, props.children);
 }

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

@@ -7,10 +7,10 @@ import { CardErrorBoundary } from './fallback';
 import { getCardClickHandler } from '../utils/getCardClickHandler';
 export default function BlockCard(props) {
   var url = props.url,
-      data = props.data,
-      eventHandlers = props.eventHandlers,
-      portal = props.portal,
-      rendererAppearance = props.rendererAppearance;
+    data = props.data,
+    eventHandlers = props.eventHandlers,
+    portal = props.portal,
+    rendererAppearance = props.rendererAppearance;
   var onClick = getCardClickHandler(eventHandlers, url);
   var platform = useMemo(function () {
     return getPlatform(rendererAppearance);

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

@@ -2,13 +2,12 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { renderExtension } from './extension';
 import ExtensionRenderer from '../../ui/ExtensionRenderer';
-
 var BodiedExtension = function BodiedExtension(props) {
   var children = props.children,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'default' : _props$layout,
-      _props$path = props.path,
-      path = _props$path === void 0 ? [] : _props$path;
+    _props$layout = props.layout,
+    layout = _props$layout === void 0 ? 'default' : _props$layout,
+    _props$path = props.path,
+    path = _props$path === void 0 ? [] : _props$path;
   var removeOverflow = React.Children.toArray(children).map(function (child) {
     return child.props.nodeType === 'table';
   }).every(Boolean);
@@ -16,7 +15,6 @@ var BodiedExtension = function BodiedExtension(props) {
     type: "bodiedExtension"
   }), function (_ref) {
     var result = _ref.result;
-
     try {
       if (result && /*#__PURE__*/React.isValidElement(result)) {
         // Return the content directly if it's a valid JSX.Element
@@ -26,15 +24,13 @@ var BodiedExtension = function BodiedExtension(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 renderExtension(children, layout, {
       isTopLevel: path.length < 1
     }, removeOverflow);
   });
 };
-
 export default BodiedExtension;

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

@@ -1,13 +1,11 @@
 import React from 'react';
 import { Caption } from '@atlaskit/editor-common/ui';
-
 var RenderCaption = function RenderCaption(_ref) {
   var children = _ref.children,
-      dataAttributes = _ref.dataAttributes;
+    dataAttributes = _ref.dataAttributes;
   return /*#__PURE__*/React.createElement(Caption, {
     hasContent: true,
     dataAttributes: dataAttributes
   }, children);
 };
-
 export default RenderCaption;

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

@@ -5,13 +5,12 @@ import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { CodeBlock as AkCodeBlock } from '@atlaskit/code';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import CodeBlockContainer from './components/codeBlockContainer';
-
 function CodeBlock(props) {
   var text = props.text,
-      language = props.language,
-      _props$allowCopyToCli = props.allowCopyToClipboard,
-      allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
-      codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled;
+    language = props.language,
+    _props$allowCopyToCli = props.allowCopyToClipboard,
+    allowCopyToClipboard = _props$allowCopyToCli === void 0 ? false : _props$allowCopyToCli,
+    codeBidiWarningTooltipEnabled = props.codeBidiWarningTooltipEnabled;
   var codeBidiWarningLabel = props.intl.formatMessage(codeBidiWarningMessages.label);
   var className = [CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, props.className].join(' ');
   return jsx(CodeBlockContainer, {
@@ -25,5 +24,4 @@ function CodeBlock(props) {
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   }));
 }
-
 export default injectIntl(CodeBlock);

package/dist/esm/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -1,8 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
+
 import { jsx, css } from '@emotion/react';
 import { overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { N20, DN50 } from '@atlaskit/theme/colors';
@@ -10,7 +9,6 @@ import { themed } from '@atlaskit/theme/components';
 import { fontSize, gridSize } from '@atlaskit/theme/constants';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import CopyButton from '../../codeBlockCopyButton';
-
 var codeBlockStyleOverrides = function codeBlockStyleOverrides(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    tab-size: 4;\n    background-color: ", ";\n\n    ", " {\n      font-size: ", ";\n      line-height: 1.5rem;\n      background-image: ", ";\n      background-attachment: local, local, local, local, scroll, scroll, scroll,\n        scroll;\n      background-position: 0 0, 0 0, 100% 0, 100% 0, 100% 0, 100% 0, 0 0, 0 0;\n    }\n  "])), themed({
     light: "var(--ds-surface-raised, ".concat(N20, ")"),
@@ -23,12 +21,11 @@ var codeBlockStyleOverrides = function codeBlockStyleOverrides(props) {
     leftCoverWidth: "".concat(gridSize() * 3, "px")
   }));
 };
-
 var CodeBlockContainer = function CodeBlockContainer(_ref) {
   var text = _ref.text,
-      className = _ref.className,
-      allowCopyToClipboard = _ref.allowCopyToClipboard,
-      children = _ref.children;
+    className = _ref.className,
+    allowCopyToClipboard = _ref.allowCopyToClipboard,
+    children = _ref.children;
   return jsx("div", {
     className: className,
     css: codeBlockStyleOverrides
@@ -36,5 +33,4 @@ var CodeBlockContainer = function CodeBlockContainer(_ref) {
     content: text
   }) : null, children);
 };
-
 export default CodeBlockContainer;

package/dist/esm/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import React, { forwardRef, useMemo } from 'react';
 import { css, jsx, useTheme } from '@emotion/react';
@@ -24,19 +22,17 @@ export var getLightWeightCodeBlockStylesForRootRendererStyleSheet = function get
 };
 var LightWeightCodeBlock = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var text = _ref.text,
-      _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
-      codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT,
-      className = _ref.className;
+    _ref$codeBidiWarningT = _ref.codeBidiWarningTooltipEnabled,
+    codeBidiWarningTooltipEnabled = _ref$codeBidiWarningT === void 0 ? true : _ref$codeBidiWarningT,
+    className = _ref.className;
   var theme = useTheme();
   var textRows = useMemo(function () {
     return (text !== null && text !== void 0 ? text : '').split('\n');
   }, [text]);
-
   var _useBidiWarnings = useBidiWarnings({
-    enableWarningTooltip: codeBidiWarningTooltipEnabled
-  }),
-      renderBidiWarnings = _useBidiWarnings.renderBidiWarnings;
-
+      enableWarningTooltip: codeBidiWarningTooltipEnabled
+    }),
+    renderBidiWarnings = _useBidiWarnings.renderBidiWarnings;
   var classNames = [LightWeightCodeBlockCssClassName.CONTAINER, className].join(' ');
   return jsx("div", {
     className: classNames,

package/dist/esm/react/nodes/codeBlock/windowedCodeBlock.js

@@ -1,6 +1,5 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 /** @jsx jsx */
 import { Fragment, memo } from 'react';
 import { lazy, Suspense } from 'react';
@@ -15,10 +14,8 @@ var LazyAkCodeBlock = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PU
     while (1) {
       switch (_context.prev = _context.next) {
         case 0:
-          return _context.abrupt("return", import(
-          /* webpackChunkName: "@atlaskit-internal_renderer-codeBlock" */
+          return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_renderer-codeBlock" */
           '@atlaskit/code/block'));
-
         case 1:
         case "end":
           return _context.stop();
@@ -26,33 +23,26 @@ var LazyAkCodeBlock = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PU
     }
   }, _callee);
 })));
-
 var joinWithSpaces = function joinWithSpaces() {
   for (var _len = arguments.length, strs = new Array(_len), _key = 0; _key < _len; _key++) {
     strs[_key] = arguments[_key];
   }
-
   return strs.join(' ');
 };
-
 var MemoizedLightWeightCodeBlock = /*#__PURE__*/memo(LightWeightCodeBlock);
-
 var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
   var text = _ref2.text,
-      language = _ref2.language,
-      allowCopyToClipboard = _ref2.allowCopyToClipboard,
-      codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
-      rootClassName = _ref2.className;
-
+    language = _ref2.language,
+    allowCopyToClipboard = _ref2.allowCopyToClipboard,
+    codeBidiWarningTooltipEnabled = _ref2.codeBidiWarningTooltipEnabled,
+    rootClassName = _ref2.className;
   var _useBidiWarnings = useBidiWarnings({
-    enableWarningTooltip: codeBidiWarningTooltipEnabled
-  }),
-      warningLabel = _useBidiWarnings.warningLabel;
-
+      enableWarningTooltip: codeBidiWarningTooltipEnabled
+    }),
+    warningLabel = _useBidiWarnings.warningLabel;
   var _useInViewport = useInViewport(),
-      isInViewport = _useInViewport.isInViewport,
-      trackingRef = _useInViewport.trackingRef;
-
+    isInViewport = _useInViewport.isInViewport,
+    trackingRef = _useInViewport.trackingRef;
   var className = joinWithSpaces(CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, rootClassName);
   var memoizedLightWeightCodeBlock = jsx(MemoizedLightWeightCodeBlock, {
     ref: trackingRef,
@@ -73,5 +63,4 @@ var WindowedCodeBlock = function WindowedCodeBlock(_ref2) {
     codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
   })))) : memoizedLightWeightCodeBlock;
 };
-
 export default WindowedCodeBlock;

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

@@ -1,8 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import React, { useState } from 'react';
@@ -14,26 +12,21 @@ import { N20, N30, N700 } from '@atlaskit/theme/colors';
 import { copyTextToClipboard } from '../utils/clipboard';
 import { codeBlockCopyButtonMessages } from '@atlaskit/editor-common/messages';
 var copyButtonWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  position: sticky;\n  justify-content: flex-end;\n  top: 0;\n\n  button {\n    position: absolute;\n    display: flex;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    right: 6px;\n    top: 4px;\n    padding: 2px;\n    opacity: 0;\n    transition: opacity 0.2s ease 0s;\n    border: 2px solid ", ";\n    border-radius: 4px;\n    background-color: ", ";\n    color: ", " !important;\n  }\n\n  button:hover {\n    border: 2px solid ", ";\n    background-color: ", ";\n  }\n\n  button:active {\n    border: 2px solid ", ";\n    background-color: ", ";\n  }\n\n  button.clicked {\n    background-color: ", ";\n    color: ", " !important;\n  }\n  button.clicked:hover {\n    background-color: ", ";\n  }\n"])), "var(--ds-border, #fff)", "var(--ds-surface-overlay, ".concat(N20, ")"), "var(--ds-text, rgb(66, 82, 110))", "var(--ds-border, transparent)", "var(--ds-surface-overlay-hovered, ".concat(N30, ")"), "var(--ds-border, transparent)", "var(--ds-surface-overlay-pressed, ".concat(N30, ")"), "var(--ds-surface-overlay, ".concat(N700, ")"), "var(--ds-text, #fff)", "var(--ds-surface-overlay-hovered, ".concat(N700, ")"));
-
 var CopyButton = function CopyButton(_ref) {
   var content = _ref.content,
-      intl = _ref.intl;
-
+    intl = _ref.intl;
   var _useState = useState(intl.formatMessage(codeBlockCopyButtonMessages.copyCodeToClipboard)),
-      _useState2 = _slicedToArray(_useState, 2),
-      tooltip = _useState2[0],
-      setTooltip = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    tooltip = _useState2[0],
+    setTooltip = _useState2[1];
   var _useState3 = useState('copy-to-clipboard'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      className = _useState4[0],
-      setClassName = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    className = _useState4[0],
+    setClassName = _useState4[1];
   var onMouseLeave = function onMouseLeave() {
     setTooltip(intl.formatMessage(codeBlockCopyButtonMessages.copyCodeToClipboard));
     setClassName('copy-to-clipboard');
   };
-
   return jsx("span", {
     css: copyButtonWrapperStyles
   }, jsx(Tooltip, {
@@ -58,5 +51,4 @@ var CopyButton = function CopyButton(_ref) {
     }
   }))));
 };
-
 export default injectIntl(CopyButton);

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

@@ -5,36 +5,28 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 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 { DateSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { isPastDate, timestampToString, timestampToTaskContext } from '@atlaskit/editor-common/utils';
 import { injectIntl } from 'react-intl-next';
 import { useTaskItemsFormatContext } from '../../ui/TaskItemsFormatContext';
-
 var Date = /*#__PURE__*/function (_PureComponent) {
   _inherits(Date, _PureComponent);
-
   var _super = _createSuper(Date);
-
   function Date() {
     _classCallCheck(this, Date);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Date, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          timestamp = _this$props.timestamp,
-          parentIsIncompleteTask = _this$props.parentIsIncompleteTask,
-          intl = _this$props.intl;
+        timestamp = _this$props.timestamp,
+        parentIsIncompleteTask = _this$props.parentIsIncompleteTask,
+        intl = _this$props.intl;
       var className = !!parentIsIncompleteTask && isPastDate(timestamp) ? 'date-node date-node-highlighted' : 'date-node';
       return /*#__PURE__*/React.createElement("span", {
         className: DateSharedCssClassName.DATE_WRAPPER
@@ -45,26 +37,19 @@ var Date = /*#__PURE__*/function (_PureComponent) {
       }, parentIsIncompleteTask ? timestampToTaskContext(timestamp, intl) : timestampToString(timestamp, intl)));
     }
   }]);
-
   return Date;
 }(PureComponent);
-
 export var DateComponent = injectIntl(Date);
-
 function DateWithFormatContext(props) {
   var _useTaskItemsFormatCo = useTaskItemsFormatContext(),
-      _useTaskItemsFormatCo2 = _slicedToArray(_useTaskItemsFormatCo, 1),
-      isChecked = _useTaskItemsFormatCo2[0];
-
+    _useTaskItemsFormatCo2 = _slicedToArray(_useTaskItemsFormatCo, 1),
+    isChecked = _useTaskItemsFormatCo2[0];
   var parentIsIncompleteTask = props.parentIsIncompleteTask;
-
   if (typeof isChecked !== 'undefined') {
     parentIsIncompleteTask = !isChecked;
   }
-
   return /*#__PURE__*/React.createElement(DateComponent, _extends({}, props, {
     parentIsIncompleteTask: parentIsIncompleteTask
   }));
 }
-
 export default DateWithFormatContext;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { DecisionItem as AkDecisionItem } from '@atlaskit/task-decision';
 export default function DecisionItem(_ref) {
   var children = _ref.children,
-      dataAttributes = _ref.dataAttributes;
+    dataAttributes = _ref.dataAttributes;
   return /*#__PURE__*/React.createElement(AkDecisionItem, {
     dataAttributes: dataAttributes
   }, children);

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

@@ -3,40 +3,28 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 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, Children } from 'react';
 import { DecisionList as AkDecisionList } from '@atlaskit/task-decision';
-
 var DecisionList = /*#__PURE__*/function (_PureComponent) {
   _inherits(DecisionList, _PureComponent);
-
   var _super = _createSuper(DecisionList);
-
   function DecisionList() {
     _classCallCheck(this, DecisionList);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(DecisionList, [{
     key: "render",
     value: function render() {
       var children = this.props.children;
-
       if (Children.count(children) === 0) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(AkDecisionList, null, children);
     }
   }]);
-
   return DecisionList;
 }(PureComponent);
-
 export { DecisionList as default };

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

@@ -1,9 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { useMemo, useContext, useState, useRef } from 'react';
@@ -19,13 +17,13 @@ var embedCardWrapperStyles = css(_templateObject || (_templateObject = _taggedTe
 var uIMediaSingleLayoutStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-left: 50%;\n  transform: translateX(-50%);\n"])));
 export default function EmbedCard(props) {
   var url = props.url,
-      data = props.data,
-      eventHandlers = props.eventHandlers,
-      portal = props.portal,
-      layout = props.layout,
-      width = props.width,
-      isInsideOfBlockNode = props.isInsideOfBlockNode,
-      rendererAppearance = props.rendererAppearance;
+    data = props.data,
+    eventHandlers = props.eventHandlers,
+    portal = props.portal,
+    layout = props.layout,
+    width = props.width,
+    isInsideOfBlockNode = props.isInsideOfBlockNode,
+    rendererAppearance = props.rendererAppearance;
   var embedIframeRef = useRef(null);
   var onClick = getCardClickHandler(eventHandlers, url);
   var platform = useMemo(function () {
@@ -39,77 +37,65 @@ export default function EmbedCard(props) {
     platform: platform,
     showActions: platform === 'web'
   };
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      liveHeight = _useState2[0],
-      setLiveHeight = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    liveHeight = _useState2[0],
+    setLiveHeight = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      aspectRatio = _useState4[0],
-      setAspectRatio = _useState4[1];
-
-  var height = liveHeight || props.originalHeight; // We start with height and width defined with default values
+    _useState4 = _slicedToArray(_useState3, 2),
+    aspectRatio = _useState4[0],
+    setAspectRatio = _useState4[1];
+  var height = liveHeight || props.originalHeight;
 
+  // We start with height and width defined with default values
   var originalHeight = DEFAULT_EMBED_CARD_HEIGHT;
-  var originalWidth = DEFAULT_EMBED_CARD_WIDTH; // Then can override height and width with values from ADF if available
+  var originalWidth = DEFAULT_EMBED_CARD_WIDTH;
 
+  // Then can override height and width with values from ADF if available
   if (props.originalHeight && props.originalWidth) {
     originalHeight = props.originalHeight;
     originalWidth = props.originalWidth;
-  } // Then we can override it with aspectRatio that is comming from iframely via `resolve()`
-
+  }
 
+  // Then we can override it with aspectRatio that is comming from iframely via `resolve()`
   if (aspectRatio) {
     originalHeight = 1;
     originalWidth = aspectRatio;
-  } // And finally if iframe sends live `height` events we use that as most precise measure.
-
+  }
 
+  // And finally if iframe sends live `height` events we use that as most precise measure.
   var isHeightOnlyMode = !(props.originalHeight && props.originalWidth) || liveHeight;
-
   if (height && isHeightOnlyMode) {
     originalHeight = height;
     originalWidth = undefined;
   }
-
   var padding = rendererAppearance === 'full-page' ? FullPagePadding * 2 : 0;
-
   var _useState5 = useState(true),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hasPreview = _useState6[0],
-      setPreviewAvailableState = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasPreview = _useState6[0],
+    setPreviewAvailableState = _useState6[1];
   var cardContext = useContext(SmartCardContext);
-
   var onResolve = function onResolve(_ref) {
     var resolvedAspectRatio = _ref.aspectRatio;
     var hasPreviewOnResolve = !!(cardContext && url && cardContext.extractors.getPreview(url, platform));
-
     if (!hasPreviewOnResolve) {
       setPreviewAvailableState(false);
     }
-
     setAspectRatio(resolvedAspectRatio);
   };
-
   return jsx(WidthConsumer, null, function (_ref2) {
     var containerWidth = _ref2.width,
-        breakpoint = _ref2.breakpoint;
+      breakpoint = _ref2.breakpoint;
     var nonFullWidthSize = containerWidth;
     var isFullWidth = rendererAppearance === 'full-width';
-
     if (!isInsideOfBlockNode && rendererAppearance !== 'comment') {
       var isContainerSizeGreaterThanMaxFullPageWidth = containerWidth - padding >= akEditorDefaultLayoutWidth;
-
       if (isContainerSizeGreaterThanMaxFullPageWidth) {
         nonFullWidthSize = akEditorDefaultLayoutWidth;
       } else {
         nonFullWidthSize = containerWidth - padding;
       }
     }
-
     var lineLength = isFullWidth ? Math.min(akEditorFullWidthLayoutWidth, containerWidth - padding) : nonFullWidthSize;
     var uiMediaSingleStyles = layout === 'full-width' || layout === 'wide' ? uIMediaSingleLayoutStyles : '';
     return jsx(CardErrorBoundary, _extends({

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

@@ -3,36 +3,28 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 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 { Emoji } from '@atlaskit/editor-common/emoji';
-
 var EmojiItem = /*#__PURE__*/function (_PureComponent) {
   _inherits(EmojiItem, _PureComponent);
-
   var _super = _createSuper(EmojiItem);
-
   function EmojiItem() {
     _classCallCheck(this, EmojiItem);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(EmojiItem, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          id = _this$props.id,
-          providers = _this$props.providers,
-          shortName = _this$props.shortName,
-          text = _this$props.text,
-          fitToHeight = _this$props.fitToHeight,
-          resourceConfig = _this$props.resourceConfig;
+        id = _this$props.id,
+        providers = _this$props.providers,
+        shortName = _this$props.shortName,
+        text = _this$props.text,
+        fitToHeight = _this$props.fitToHeight,
+        resourceConfig = _this$props.resourceConfig;
       return /*#__PURE__*/React.createElement(Emoji, {
         allowTextFallback: true,
         id: id,
@@ -44,8 +36,6 @@ var EmojiItem = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }]);
-
   return EmojiItem;
 }(PureComponent);
-
 export { EmojiItem as default };