@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/esm/view/InlineCard/ResolvedView/index.js

@@ -3,11 +3,8 @@ 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 { Frame } from '../Frame';
 import Lozenge from '@atlaskit/lozenge';
@@ -16,24 +13,18 @@ import { LozengeWrapper, LozengeBlockWrapper } from '../IconAndTitleLayout/style
 import { HoverCard } from '../../../view/HoverCard/index';
 export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardResolvedView, _React$Component);
-
   var _super = _createSuper(InlineCardResolvedView);
-
   function InlineCardResolvedView() {
     _classCallCheck(this, InlineCardResolvedView);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(InlineCardResolvedView, [{
     key: "renderLozenge",
     value: function renderLozenge() {
       var lozenge = this.props.lozenge;
-
       if (!lozenge) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement(LozengeBlockWrapper, null, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
         testId: "inline-card-resolved-view-lozenge",
         appearance: lozenge.appearance || 'default',
@@ -44,19 +35,19 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          id = _this$props.id,
-          _this$props$title = _this$props.title,
-          title = _this$props$title === void 0 ? '' : _this$props$title,
-          isSelected = _this$props.isSelected,
-          onClick = _this$props.onClick,
-          icon = _this$props.icon,
-          link = _this$props.link,
-          _this$props$testId = _this$props.testId,
-          testId = _this$props$testId === void 0 ? 'inline-card-resolved-view' : _this$props$testId,
-          titleTextColor = _this$props.titleTextColor,
-          titlePrefix = _this$props.titlePrefix,
-          _this$props$showHover = _this$props.showHoverPreview,
-          showHoverPreview = _this$props$showHover === void 0 ? false : _this$props$showHover;
+        id = _this$props.id,
+        _this$props$title = _this$props.title,
+        title = _this$props$title === void 0 ? '' : _this$props$title,
+        isSelected = _this$props.isSelected,
+        onClick = _this$props.onClick,
+        icon = _this$props.icon,
+        link = _this$props.link,
+        _this$props$testId = _this$props.testId,
+        testId = _this$props$testId === void 0 ? 'inline-card-resolved-view' : _this$props$testId,
+        titleTextColor = _this$props.titleTextColor,
+        titlePrefix = _this$props.titlePrefix,
+        _this$props$showHover = _this$props.showHoverPreview,
+        showHoverPreview = _this$props$showHover === void 0 ? false : _this$props$showHover;
       var inlineCardResolvedView = /*#__PURE__*/React.createElement(Frame, {
         testId: testId,
         link: link,
@@ -68,17 +59,14 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
         title: title,
         titleTextColor: titleTextColor
       }), this.renderLozenge());
-
       if (showHoverPreview && link) {
         return /*#__PURE__*/React.createElement(HoverCard, {
           id: id,
           url: link
         }, inlineCardResolvedView);
       }
-
       return inlineCardResolvedView;
     }
   }]);
-
   return InlineCardResolvedView;
 }(React.Component);

package/dist/esm/view/InlineCard/ResolvingView/index.js

@@ -3,11 +3,8 @@ 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 { Frame } from '../Frame';
 import Spinner from '@atlaskit/spinner';
@@ -16,27 +13,22 @@ import { SpinnerWrapper } from './styled';
 import { IconTitleWrapper, RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
 export var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardResolvingView, _React$Component);
-
   var _super = _createSuper(InlineCardResolvingView);
-
   function InlineCardResolvingView() {
     _classCallCheck(this, InlineCardResolvingView);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(InlineCardResolvingView, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          url = _this$props.url,
-          onClick = _this$props.onClick,
-          isSelected = _this$props.isSelected,
-          inlinePreloaderStyle = _this$props.inlinePreloaderStyle,
-          _this$props$testId = _this$props.testId,
-          testId = _this$props$testId === void 0 ? 'inline-card-resolving-view' : _this$props$testId,
-          titleTextColor = _this$props.titleTextColor;
-
+        url = _this$props.url,
+        onClick = _this$props.onClick,
+        isSelected = _this$props.isSelected,
+        inlinePreloaderStyle = _this$props.inlinePreloaderStyle,
+        _this$props$testId = _this$props.testId,
+        testId = _this$props$testId === void 0 ? 'inline-card-resolving-view' : _this$props$testId,
+        titleTextColor = _this$props.titleTextColor;
       if (inlinePreloaderStyle === 'on-right-without-skeleton') {
         return /*#__PURE__*/React.createElement(Frame, {
           withoutBackground: true,
@@ -65,6 +57,5 @@ export var InlineCardResolvingView = /*#__PURE__*/function (_React$Component) {
       }
     }
   }]);
-
   return InlineCardResolvingView;
 }(React.Component);

package/dist/esm/view/InlineCard/ResolvingView/styled.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import styled from '@emotion/styled';
 import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
 export var SpinnerWrapper = styled(IconTitleWrapper)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  vertical-align: text-top;\n  margin-left: 2px;\n"])));

package/dist/esm/view/InlineCard/UnauthorisedView/index.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; } }
-
 import Button from '@atlaskit/button/custom-theme-button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { N500, R400 } from '@atlaskit/theme/colors';
@@ -29,31 +26,24 @@ var FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper, n
 }));
 export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardUnauthorizedView, _React$Component);
-
   var _super = _createSuper(InlineCardUnauthorizedView);
-
   function InlineCardUnauthorizedView() {
     var _this;
-
     _classCallCheck(this, InlineCardUnauthorizedView);
-
     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), "handleConnectAccount", function (event) {
       var onAuthorise = _this.props.onAuthorise;
       event.preventDefault();
       event.stopPropagation();
       return onAuthorise();
     });
-
     _defineProperty(_assertThisInitialized(_this), "renderRightSide", function () {
       var _this$props = _this.props,
-          onAuthorise = _this$props.onAuthorise,
-          context = _this$props.context;
+        onAuthorise = _this$props.onAuthorise,
+        context = _this$props.context;
       return onAuthorise ? /*#__PURE__*/React.createElement(Button, {
         spacing: "none",
         appearance: "subtle-link",
@@ -66,22 +56,20 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
         }
       }))) : undefined;
     });
-
     return _this;
   }
-
   _createClass(InlineCardUnauthorizedView, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          url = _this$props2.url,
-          icon = _this$props2.icon,
-          onClick = _this$props2.onClick,
-          isSelected = _this$props2.isSelected,
-          _this$props2$testId = _this$props2.testId,
-          testId = _this$props2$testId === void 0 ? 'inline-card-unauthorized-view' : _this$props2$testId,
-          _this$props2$showAuth = _this$props2.showAuthTooltip,
-          showAuthTooltip = _this$props2$showAuth === void 0 ? false : _this$props2$showAuth;
+        url = _this$props2.url,
+        icon = _this$props2.icon,
+        onClick = _this$props2.onClick,
+        isSelected = _this$props2.isSelected,
+        _this$props2$testId = _this$props2.testId,
+        testId = _this$props2$testId === void 0 ? 'inline-card-unauthorized-view' : _this$props2$testId,
+        _this$props2$showAuth = _this$props2.showAuthTooltip,
+        showAuthTooltip = _this$props2$showAuth === void 0 ? false : _this$props2$showAuth;
       var inlineCardUnauthenticatedView = /*#__PURE__*/React.createElement(Frame, {
         testId: testId,
         isSelected: isSelected
@@ -93,7 +81,6 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
         onClick: onClick,
         titleColor: "var(--ds-text-subtle, ".concat(N500, ")")
       }));
-
       if (showAuthTooltip) {
         return /*#__PURE__*/React.createElement(HoverCard, {
           url: url,
@@ -101,10 +88,8 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
           id: this.props.id
         }, inlineCardUnauthenticatedView);
       }
-
       return inlineCardUnauthenticatedView;
     }
   }]);
-
   return InlineCardUnauthorizedView;
 }(React.Component);

package/dist/esm/view/InlineCard/index.js

@@ -14,30 +14,27 @@ import { useFeatureFlag } from '@atlaskit/link-provider';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export var InlineCard = function InlineCard(_ref) {
   var _details$meta;
-
   var id = _ref.id,
-      url = _ref.url,
-      cardState = _ref.cardState,
-      handleAuthorize = _ref.handleAuthorize,
-      handleFrameClick = _ref.handleFrameClick,
-      isSelected = _ref.isSelected,
-      renderers = _ref.renderers,
-      onResolve = _ref.onResolve,
-      onError = _ref.onError,
-      testId = _ref.testId,
-      inlinePreloaderStyle = _ref.inlinePreloaderStyle,
-      showHoverPreview = _ref.showHoverPreview,
-      showAuthTooltip = _ref.showAuthTooltip;
+    url = _ref.url,
+    cardState = _ref.cardState,
+    handleAuthorize = _ref.handleAuthorize,
+    handleFrameClick = _ref.handleFrameClick,
+    isSelected = _ref.isSelected,
+    renderers = _ref.renderers,
+    onResolve = _ref.onResolve,
+    onError = _ref.onError,
+    testId = _ref.testId,
+    inlinePreloaderStyle = _ref.inlinePreloaderStyle,
+    showHoverPreview = _ref.showHoverPreview,
+    showAuthTooltip = _ref.showAuthTooltip;
   var status = cardState.status,
-      details = cardState.details;
+    details = cardState.details;
   var cardDetails = details && details.data || getEmptyJsonLd();
   var testIdWithStatus = testId ? "".concat(testId, "-").concat(status, "-view") : undefined;
   var showHoverPreviewFlag = useFeatureFlag('showHoverPreview');
-
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
-
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -48,17 +45,14 @@ export var InlineCard = function InlineCard(_ref) {
         testId: testIdWithStatus,
         inlinePreloaderStyle: inlinePreloaderStyle
       });
-
     case 'resolved':
       var resolvedProps = extractInlineProps(cardDetails, renderers);
-
       if (onResolve) {
         onResolve({
           url: url,
           title: resolvedProps.title
         });
       }
-
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
@@ -67,7 +61,6 @@ export var InlineCard = function InlineCard(_ref) {
         onClick: handleFrameClick,
         testId: testIdWithStatus
       }));
-
     case 'unauthorized':
       if (onError) {
         onError({
@@ -75,7 +68,6 @@ export var InlineCard = function InlineCard(_ref) {
           status: status
         });
       }
-
       var provider = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
@@ -88,7 +80,6 @@ export var InlineCard = function InlineCard(_ref) {
         showAuthTooltip: showAuthTooltip,
         id: id
       });
-
     case 'forbidden':
       if (onError) {
         onError({
@@ -96,7 +87,6 @@ export var InlineCard = function InlineCard(_ref) {
           status: status
         });
       }
-
       var providerForbidden = extractProvider(cardDetails);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       var requestAccessContext = extractRequestAccessContext({
@@ -114,7 +104,6 @@ export var InlineCard = function InlineCard(_ref) {
         testId: testIdWithStatus,
         requestAccessContext: requestAccessContext
       });
-
     case 'not_found':
       if (onError) {
         onError({
@@ -122,7 +111,6 @@ export var InlineCard = function InlineCard(_ref) {
           status: status
         });
       }
-
       var providerNotFound = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardErroredView, {
         url: url,
@@ -132,7 +120,6 @@ export var InlineCard = function InlineCard(_ref) {
         onClick: handleFrameClick,
         testId: testIdWithStatus || 'inline-card-not-found-view'
       });
-
     case 'fallback':
     case 'errored':
     default:
@@ -142,7 +129,6 @@ export var InlineCard = function InlineCard(_ref) {
           status: status
         });
       }
-
       return /*#__PURE__*/React.createElement(CardLinkView, {
         link: url,
         isSelected: isSelected,

package/dist/esm/view/InlineCard/styled.js

@@ -1,13 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 import styled from '@emotion/styled';
 import { B400, N200 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
-var LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
-// This basically turns the button back into inline content
+var LINK_COLOR_DARK = '#4794FF';
 
+// By default buttons will hide overflow and ellipsis content instead of wrapping.
+// This basically turns the button back into inline content
 export var IconStyledButton = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: initial !important;\n  display: inline !important;\n\n  > span {\n    display: inline;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])));
 export var NoLinkAppearance = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), themed({
   light: "var(--ds-text-subtlest, ".concat(N200, ")"),

package/dist/esm/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -5,23 +5,19 @@ import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { ANALYTICS_CHANNEL } from '../../../../utils/analytics';
 export var useLinkWarningModal = function useLinkWarningModal() {
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      unsafeLinkText = _useState2[0],
-      setUnsafeLinkText = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    unsafeLinkText = _useState2[0],
+    setUnsafeLinkText = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      url = _useState4[0],
-      setUrl = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    url = _useState4[0],
+    setUrl = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      isOpen = _useState6[0],
-      setIsOpen = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    isOpen = _useState6[0],
+    setIsOpen = _useState6[1];
   var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var sendAnalyticsEvent = function sendAnalyticsEvent() {
     createAnalyticsEvent({
       action: 'shown',
@@ -30,22 +26,18 @@ export var useLinkWarningModal = function useLinkWarningModal() {
       eventType: 'operational'
     }).fire(ANALYTICS_CHANNEL);
   };
+
   /**
    * It checks and warns if a link text is a URL and different from an actual link destination
    */
-
-
   var checkLinkSafety = function checkLinkSafety(event, href) {
     var linkText = event.currentTarget.innerText;
     var anchorLinkRegex = new RegExp(/^#/im);
     var isAnchorLink = anchorLinkRegex.test(linkText);
-
     if (isAnchorLink) {
       return;
     }
-
     var normalisedUrlFromLinkText = normalizeUrl(linkText);
-
     if (!!normalisedUrlFromLinkText && normalisedUrlFromLinkText !== href) {
       event.preventDefault();
       setUnsafeLinkText(linkText);
@@ -54,18 +46,15 @@ export var useLinkWarningModal = function useLinkWarningModal() {
       sendAnalyticsEvent();
     }
   };
-
   var onClose = function onClose() {
     setIsOpen(false);
     setUnsafeLinkText(null);
     setUrl(null);
   };
-
   var onContinue = function onContinue() {
     onClose();
     url && window.location.assign(url);
   };
-
   return {
     checkLinkSafety: checkLinkSafety,
     unsafeLinkText: unsafeLinkText,

package/dist/esm/view/LinkUrl/LinkWarningModal/index.js

@@ -4,14 +4,13 @@ import Button from '@atlaskit/button/standard-button';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { FormattedMessage, IntlProvider, injectIntl } from 'react-intl-next';
 import { messages } from '../../../messages';
-
 var WarningModal = function WarningModal(props) {
   var isOpen = props.isOpen,
-      unsafeLinkText = props.unsafeLinkText,
-      url = props.url,
-      onClose = props.onClose,
-      onContinue = props.onContinue,
-      intl = props.intl;
+    unsafeLinkText = props.unsafeLinkText,
+    url = props.url,
+    onClose = props.onClose,
+    onContinue = props.onContinue,
+    intl = props.intl;
   var content = /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     testId: "link-with-safety-warning"
@@ -40,7 +39,6 @@ var WarningModal = function WarningModal(props) {
     locale: "en"
   }, content);
 };
-
 export default injectIntl(WarningModal, {
   enforceContext: false
 });

package/dist/esm/view/LinkUrl/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
-    _excluded2 = ["checkLinkSafety"];
+  _excluded2 = ["checkLinkSafety"];
 import React from 'react';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 import LinkWarningModal from './LinkWarningModal';
@@ -12,21 +12,18 @@ var PACKAGE_DATA = {
   packageVersion: packageVersion,
   componentName: 'linkUrl'
 };
-
 var LinkUrl = function LinkUrl(_ref) {
   var href = _ref.href,
-      children = _ref.children,
-      _ref$checkSafety = _ref.checkSafety,
-      checkSafety = _ref$checkSafety === void 0 ? true : _ref$checkSafety,
-      _onClick = _ref.onClick,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    _ref$checkSafety = _ref.checkSafety,
+    checkSafety = _ref$checkSafety === void 0 ? true : _ref$checkSafety,
+    _onClick = _ref.onClick,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'link-with-safety' : _ref$testId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useLinkWarningModal = useLinkWarningModal(),
-      checkLinkSafety = _useLinkWarningModal.checkLinkSafety,
-      linkWarningModalProps = _objectWithoutProperties(_useLinkWarningModal, _excluded2);
-
+    checkLinkSafety = _useLinkWarningModal.checkLinkSafety,
+    linkWarningModalProps = _objectWithoutProperties(_useLinkWarningModal, _excluded2);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", _extends({
     "data-testid": testId,
     href: href,
@@ -36,5 +33,4 @@ var LinkUrl = function LinkUrl(_ref) {
     }
   }, props), children), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };
-
 export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);

package/dist/esm/view/LinkView/index.js

@@ -4,24 +4,17 @@ 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 { Frame } from '../InlineCard/Frame';
 export var CardLinkView = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(CardLinkView, _React$PureComponent);
-
   var _super = _createSuper(CardLinkView);
-
   function CardLinkView() {
     _classCallCheck(this, CardLinkView);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(CardLinkView, [{
     key: "render",
     value: function render() {
@@ -30,6 +23,5 @@ export var CardLinkView = /*#__PURE__*/function (_React$PureComponent) {
       }, this.props), this.props.placeholder || this.props.link);
     }
   }]);
-
   return CardLinkView;
 }(React.PureComponent);

package/dist/esm/view/common/Byline.js

@@ -4,9 +4,9 @@ import { N300 } from '@atlaskit/theme/colors';
 import { gs, mq } from './utils';
 export var Byline = function Byline(_ref) {
   var text = _ref.text,
-      children = _ref.children,
-      testId = _ref.testId,
-      className = _ref.className;
+    children = _ref.children,
+    testId = _ref.testId,
+    className = _ref.className;
   return jsx("span", {
     css: mq({
       fontSize: gs(1.5),

package/dist/esm/view/common/Icon.js

@@ -1,7 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
 var _templateObject, _templateObject2;
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import React from 'react';
@@ -9,31 +7,26 @@ import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';
 import { gs } from './utils';
 export var blockCardIconImageClassName = 'block-card-icon-image';
-
 var getImageStyles = function getImageStyles(isFlexibleUi) {
   if (isFlexibleUi) {
     return;
   }
-
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n  "])), gs(2), gs(2));
 };
-
 var getSpanStyles = function getSpanStyles(isFlexibleUi) {
   if (isFlexibleUi) {
     return;
   }
-
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    height: ", ";\n    width: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  "])), gs(2.5), gs(2));
 };
-
 export var Icon = function Icon(_ref) {
   var url = _ref.url,
-      icon = _ref.icon,
-      defaultIcon = _ref.defaultIcon,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'block-card-icon' : _ref$testId,
-      _ref$isFlexibleUi = _ref.isFlexibleUi,
-      isFlexibleUi = _ref$isFlexibleUi === void 0 ? false : _ref$isFlexibleUi;
+    icon = _ref.icon,
+    defaultIcon = _ref.defaultIcon,
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'block-card-icon' : _ref$testId,
+    _ref$isFlexibleUi = _ref.isFlexibleUi,
+    isFlexibleUi = _ref$isFlexibleUi === void 0 ? false : _ref$isFlexibleUi;
   var placeholder = defaultIcon || jsx(LinkIcon, {
     label: "link",
     size: "small",