@atlaskit/smart-card 23.14.1 → 23.14.3

package/dist/es2019/view/CardWithUrl/loader.js

@@ -6,9 +6,7 @@ import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';
 import { LoadingCardLink } from './component-lazy/LazyFallback';
 import { importWithRetry } from '../../utils';
-const LazyCardWithUrlContent = /*#__PURE__*/lazy(() => importWithRetry(() => import(
-/* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */
-'./component-lazy/index')));
+const LazyCardWithUrlContent = /*#__PURE__*/lazy(() => importWithRetry(() => import( /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */'./component-lazy/index')));
 export function CardWithURLRenderer(props) {
   const [id] = useState(() => props.id ? props.id : uuid());
   useEffect(() => {
@@ -40,8 +38,9 @@ export function CardWithURLRenderer(props) {
     showAuthTooltip,
     analyticsEvents,
     placeholder
-  } = props; // Wrapper around analytics.
+  } = props;
 
+  // Wrapper around analytics.
   const dispatchAnalytics = useCallback(analyticsPayload => {
     if (analyticsPayload && analyticsPayload.attributes) {
       // Update if we haven't already set the display - possible
@@ -50,7 +49,6 @@ export function CardWithURLRenderer(props) {
         analyticsPayload.attributes.display = appearance;
       }
     }
-
     fireSmartLinkEvent(analyticsPayload, createAnalyticsEvent);
   }, [appearance, createAnalyticsEvent]);
   const analytics = useSmartLinkAnalytics(url !== null && url !== void 0 ? url : '', dispatchAnalytics, id);
@@ -60,12 +58,12 @@ export function CardWithURLRenderer(props) {
     } = info;
     const errorInfo = {
       componentStack
-    }; // NB: APIErrors are thrown in response to Object Resolver Service. We do not
+    };
+    // NB: APIErrors are thrown in response to Object Resolver Service. We do not
     // fire an event for these, as they do not cover failed UI render events.
     // The rest of the errors caught here are unexpected, and correlate
     // to the reliability of the smart-card front-end components.
     // Likewise, chunk loading errors are not caused by a failure of smart-card rendering.
-
     if (error.name === 'ChunkLoadError') {
       analytics.operational.chunkloadFailedEvent({
         display: appearance,
@@ -79,17 +77,15 @@ export function CardWithURLRenderer(props) {
         error,
         errorInfo
       });
-    } // Rethrow to hand control to the consumer of Smart-card.
-    // In the case of editor this allows the Smart Link to fallback to a blue link.
-
+    }
 
+    // Rethrow to hand control to the consumer of Smart-card.
+    // In the case of editor this allows the Smart Link to fallback to a blue link.
     throw error;
   }, [analytics.operational, analytics.ui, appearance, id]);
-
   if (!url) {
     throw new Error('@atlaskit/smart-card: url property is missing.');
   }
-
   const cardWithUrlProps = {
     id,
     url,
@@ -120,7 +116,6 @@ export function CardWithURLRenderer(props) {
     fallback: /*#__PURE__*/React.createElement(LoadingCardLink, cardWithUrlProps)
   }, /*#__PURE__*/React.createElement(LazyCardWithUrlContent, cardWithUrlProps, children)));
 }
-
 const ErrorFallback = () => {
   return null;
 };

package/dist/es2019/view/EmbedCard/EmbedResizeMessageListener.js

@@ -4,18 +4,15 @@ import { embedHeaderHeight } from './components/styled';
 export class EmbedResizeMessageListener extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "messageCallback", event => {
       const {
         embedIframeRef
       } = this.props;
       const isFromExpectedIframe = embedIframeRef.current && event.source === embedIframeRef.current.contentWindow;
       const isStringData = typeof event.data === 'string';
-
       if (isFromExpectedIframe && isStringData) {
         try {
           const data = JSON.parse(event.data);
-
           if (data.method === 'resize' && typeof data.height === 'number') {
             this.onEmbedHeightChange({
               height: data.height
@@ -24,7 +21,6 @@ export class EmbedResizeMessageListener extends React.Component {
         } catch (e) {}
       }
     });
-
     _defineProperty(this, "onEmbedHeightChange", data => {
       const {
         onHeightUpdate
@@ -33,17 +29,13 @@ export class EmbedResizeMessageListener extends React.Component {
       onHeightUpdate(height);
     });
   }
-
   componentDidMount() {
     window.addEventListener('message', this.messageCallback);
   }
-
   componentWillUnmount() {
     window.removeEventListener('message', this.messageCallback);
   }
-
   render() {
     return this.props.children;
   }
-
 }

package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js

@@ -18,9 +18,7 @@ export const ExpandedFrame = ({
   allowScrollBar = false
 }) => {
   const isInteractive = () => !isPlaceholder && (Boolean(href) || Boolean(onClick));
-
   const handleClick = event => handleClickCommon(event, onClick);
-
   const renderHeader = () => /*#__PURE__*/React.createElement(Header, {
     className: "embed-header"
   }, /*#__PURE__*/React.createElement(IconWrapper, {
@@ -31,13 +29,11 @@ export const ExpandedFrame = ({
     href: href,
     onClick: handleClick
   }, text)));
-
   const renderContent = () => /*#__PURE__*/React.createElement(Content, {
     "data-testid": "embed-content-wrapper",
     allowScrollBar: allowScrollBar,
     isInteractive: isInteractive()
   }, children);
-
   if (!isPlaceholder && href) {
     return /*#__PURE__*/React.createElement(LinkWrapper, {
       className: className,
@@ -48,9 +44,11 @@ export const ExpandedFrame = ({
       maxWidth: maxWidth,
       isVisible: isVisible,
       "data-testid": testId,
-      "data-trello-do-not-use-override": testId // Due to limitations of testing library, we can't assert ::after
+      "data-trello-do-not-use-override": testId
+      // Due to limitations of testing library, we can't assert ::after
       ,
-      "data-is-selected": isSelected // Due to limitation of testing library, we can't match background colors #ebecf0 and rgb(235, 236, 240)
+      "data-is-selected": isSelected
+      // Due to limitation of testing library, we can't match background colors #ebecf0 and rgb(235, 236, 240)
       ,
       "data-is-frame-visible": isFrameVisible,
       inheritDimensions: inheritDimensions

package/dist/es2019/view/EmbedCard/components/Frame.js

@@ -4,7 +4,6 @@ import React, { useEffect, useState, useRef } from 'react';
 import { getIframeSandboxAttribute } from '../../../utils';
 import { IframeDwellTracker } from './IframeDwellTracker';
 import { useFeatureFlag } from '@atlaskit/link-provider';
-
 function mergeRefs(refs) {
   return value => {
     refs.forEach(ref => {
@@ -16,7 +15,6 @@ function mergeRefs(refs) {
     });
   };
 }
-
 export const Frame = /*#__PURE__*/React.forwardRef(({
   url,
   isTrusted = false,
@@ -31,22 +29,20 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
   const mergedRef = mergeRefs([iframeRef, ref]);
   const trackIframeDwellEvents = useFeatureFlag('trackIframeDwellEvents');
   const [percentVisible, setPercentVisible] = useState(0);
+
   /**
    * These are the 'percent visible' thresholds at which the intersectionObserver will
    * trigger a state change. Eg. when the user scrolls and moves from 74% to 76%, or
    * vice versa. It's in a state object so that its static for the useEffect
    */
-
   const [threshold] = useState([0.75, 0.8, 0.85, 0.9, 0.95, 1]);
   useEffect(() => {
     if (!trackIframeDwellEvents) {
       return;
     }
-
     if (!ref || !ref.current) {
       return;
     }
-
     const observer = new IntersectionObserver(entries => {
       entries.forEach(entry => {
         setPercentVisible(entry === null || entry === void 0 ? void 0 : entry.intersectionRatio);
@@ -63,19 +59,15 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
     if (!trackIframeDwellEvents) {
       return;
     }
-
     const onBlur = () => {
       setWindowFocused(false);
-
       if (document.activeElement === ref.current) {
         onIframeFocus && onIframeFocus();
       }
     };
-
     const onFocus = () => {
       setWindowFocused(true);
     };
-
     window.addEventListener('blur', onBlur);
     window.addEventListener('focus', onFocus);
     return () => {
@@ -83,11 +75,9 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
       window.removeEventListener('focus', onFocus);
     };
   }, [trackIframeDwellEvents, ref, onIframeFocus]);
-
   if (!url) {
     return null;
   }
-
   return jsx(React.Fragment, null, trackIframeDwellEvents ? jsx(IframeDwellTracker, {
     isIframeLoaded: isIframeLoaded,
     isMouseOver: isMouseOver,

package/dist/es2019/view/EmbedCard/components/IframeDwellTracker.js

@@ -1,6 +1,5 @@
 /** @jsx jsx */
 import { useEffect, useRef, useState } from 'react';
-
 /**
  * A kind of cheap logarithmic backoff. Fire analytics after the user has
  * dwelled for 5 seconds, then 10 seconds, and so on.
@@ -17,14 +16,16 @@ export const IframeDwellTracker = ({
     time: 0,
     percentVisible: 0
   });
-  const dwellTimeoutId = useRef(); // fire analytics when the dwell timer reaches 5 seconds
+  const dwellTimeoutId = useRef();
 
+  // fire analytics when the dwell timer reaches 5 seconds
   useEffect(() => {
     if (dwell.time > 0 && INTERVALS_TO_LOG.includes(dwell.time)) {
       onIframeDwell && onIframeDwell(dwell.time, dwell.percentVisible);
     }
-  }, [dwell, onIframeDwell]); // start and stop tracking dwell time
+  }, [dwell, onIframeDwell]);
 
+  // start and stop tracking dwell time
   useEffect(() => {
     const incrementDwellTime = () => {
       // callback is called on dwell state changes, so change percentVisible and time together
@@ -38,15 +39,12 @@ export const IframeDwellTracker = ({
         };
       });
     };
-
     if (isIframeLoaded && isMouseOver && isWindowFocused && iframePercentVisible > 0.75) {
       if (dwellTimeoutId.current) {
         clearInterval(dwellTimeoutId.current);
       }
-
       dwellTimeoutId.current = setInterval(incrementDwellTime, 1000);
     }
-
     return () => {
       if (dwellTimeoutId.current) {
         clearInterval(dwellTimeoutId.current);

package/dist/es2019/view/EmbedCard/components/ImageIcon.js

@@ -12,7 +12,6 @@ export const ImageIcon = ({
   if (!src) {
     return defaultIcon || null;
   }
-
   return /*#__PURE__*/React.createElement(ImageLoader, {
     src: src,
     loading: defaultIcon,

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -23,7 +23,6 @@ export const csssize = (value = '100%') => {
     height: ${value}${unit};
   `;
 };
-
 function minWidth({
   minWidth
 }) {
@@ -33,7 +32,6 @@ function minWidth({
     return '';
   }
 }
-
 function maxWidth({
   maxWidth
 }) {
@@ -43,7 +41,6 @@ function maxWidth({
     return 'margin: 0 auto;';
   }
 }
-
 function getinteractiveStyles({
   isInteractive,
   isFrameVisible
@@ -59,7 +56,6 @@ function getinteractiveStyles({
 ` : '';
   return `${visibleFrameStyles}${interactiveFrameStyles}`;
 }
-
 function selected({
   isSelected
 }) {
@@ -78,11 +74,9 @@ function selected({
     }
     ` : '';
 }
-
 const height = ({
   inheritDimensions
 }) => inheritDimensions ? 'height: 100%;' : `height: ${gridSize(54)}`;
-
 const wrapperStyles = props => `
   ${borderRadius}
   ${minWidth(props)}
@@ -112,7 +106,6 @@ const wrapperStyles = props => `
     ${borderRadius}
   }
 `;
-
 const visibleStyles = `
   background-color: ${`var(--ds-background-neutral-subtle, ${colors.N30})`};
 
@@ -122,13 +115,11 @@ const visibleStyles = `
   .embed-header {
     opacity: 1;
   }`;
-
 function visible({
   isVisible
 }) {
   return isVisible ? visibleStyles : '';
 }
-
 export const LinkWrapper = styled.div`
   ${props => wrapperStyles(props)} &:hover {
     text-decoration: none;

package/dist/es2019/view/EmbedCard/index.js

@@ -36,11 +36,9 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
   onIframeFocus
 }, iframeRef) => {
   var _details$meta, _forbiddenViewProps$c;
-
   const data = details && details.data || getEmptyJsonLd();
   const meta = details && details.meta;
   const extensionKey = getExtensionKey(details);
-
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -49,20 +47,16 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         inheritDimensions: inheritDimensions,
         isSelected: isSelected
       });
-
     case 'resolved':
       const resolvedViewProps = extractEmbedProps(data, meta, platform);
-
       if (onResolve) {
         var _resolvedViewProps$pr;
-
         onResolve({
           title: resolvedViewProps.title,
           url,
           aspectRatio: (_resolvedViewProps$pr = resolvedViewProps.preview) === null || _resolvedViewProps$pr === void 0 ? void 0 : _resolvedViewProps$pr.aspectRatio
         });
       }
-
       if (resolvedViewProps.preview) {
         return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, resolvedViewProps, {
           isSelected: isSelected,
@@ -82,7 +76,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
             onClick: handleFrameClick
           }));
         }
-
         const resolvedBlockViewProps = extractBlockProps(data, meta, {
           analytics,
           origin: 'smartLinkEmbed',
@@ -96,7 +89,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           onClick: handleFrameClick
         }));
       }
-
     case 'unauthorized':
       if (onError) {
         onError({
@@ -104,7 +96,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           status
         });
       }
-
       const unauthorisedViewProps = extractEmbedProps(data, meta, platform);
       return /*#__PURE__*/React.createElement(EmbedCardUnauthorisedView, _extends({}, unauthorisedViewProps, {
         isSelected: isSelected,
@@ -115,7 +106,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         extensionKey: extensionKey,
         testId: testId
       }));
-
     case 'forbidden':
       if (onError) {
         onError({
@@ -123,7 +113,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           status
         });
       }
-
       const forbiddenViewProps = extractEmbedProps(data, meta, platform);
       const cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       const requestAccessContext = extractRequestAccessContext({
@@ -131,7 +120,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         url,
         context: (_forbiddenViewProps$c = forbiddenViewProps.context) === null || _forbiddenViewProps$c === void 0 ? void 0 : _forbiddenViewProps$c.text
       });
-
       if (forbiddenViewProps.preview) {
         return /*#__PURE__*/React.createElement(EmbedCardResolvedView, _extends({}, forbiddenViewProps, {
           title: forbiddenViewProps.link,
@@ -142,7 +130,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           ref: iframeRef
         }));
       }
-
       return /*#__PURE__*/React.createElement(EmbedCardForbiddenView, _extends({}, forbiddenViewProps, {
         isSelected: isSelected,
         onAuthorise: handleAuthorize,
@@ -150,7 +137,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
         onClick: handleFrameClick,
         requestAccessContext: requestAccessContext
       }));
-
     case 'not_found':
       if (onError) {
         onError({
@@ -158,14 +144,12 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           status
         });
       }
-
       const notFoundViewProps = extractEmbedProps(data, meta, platform);
       return /*#__PURE__*/React.createElement(EmbedCardNotFoundView, _extends({}, notFoundViewProps, {
         isSelected: isSelected,
         inheritDimensions: inheritDimensions,
         onClick: handleFrameClick
       }));
-
     case 'fallback':
     case 'errored':
     default:
@@ -175,7 +159,6 @@ export const EmbedCard = /*#__PURE__*/React.forwardRef(({
           status
         });
       }
-
       return /*#__PURE__*/React.createElement(EmbedCardErroredView, {
         onRetry: handleErrorRetry,
         inheritDimensions: inheritDimensions,

package/dist/es2019/view/EmbedCard/views/ForbiddenView.js

@@ -14,7 +14,6 @@ export const EmbedCardForbiddenView = ({
   requestAccessContext = {}
 }) => {
   var _action$promise;
-
   const icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
   });
@@ -30,15 +29,12 @@ export const EmbedCardForbiddenView = ({
    * By default, a "Try another account" button shows, but with request access context, we don't
    * want to encourage users to try another account, if their request is already pending, etc.
    */
-
   if (!callToActionMessageKey && descriptiveMessageKey) {
     showButton = false;
   }
-
   const descriptionKey = descriptiveMessageKey !== null && descriptiveMessageKey !== void 0 ? descriptiveMessageKey : 'invalid_permissions_description';
   const buttonTextKey = callToActionMessageKey !== null && callToActionMessageKey !== void 0 ? callToActionMessageKey : 'try_another_account';
   let buttonProps;
-
   if (showButton) {
     buttonProps = {
       appearance: 'default',
@@ -46,7 +42,6 @@ export const EmbedCardForbiddenView = ({
       testId: (action === null || action === void 0 ? void 0 : action.id) || 'connect-other-account'
     };
   }
-
   return /*#__PURE__*/React.createElement(ExpandedFrame, {
     href: link,
     icon: icon,

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -5,6 +5,7 @@ import LinkGlyph from '@atlaskit/icon/glyph/link';
 import { ExpandedFrame } from '../components/ExpandedFrame';
 import { ImageIcon } from '../components/ImageIcon';
 import { Frame } from '../components/Frame';
+import { useThemeObserver } from '@atlaskit/tokens';
 export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   link,
   context,
@@ -17,7 +18,8 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
   testId = 'embed-card-resolved-view',
   inheritDimensions,
   onIframeDwell,
-  onIframeFocus
+  onIframeFocus,
+  isSupportTheming
 }, embedIframeRef) => {
   const iconFromContext = context === null || context === void 0 ? void 0 : context.icon;
   const src = typeof iconFromContext === 'string' ? iconFromContext : undefined;
@@ -31,12 +33,18 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     if ( /*#__PURE__*/React.isValidElement(iconFromContext)) {
       return iconFromContext;
     }
-
     return jsx(ImageIcon, {
       src: src,
       default: linkGlyph
     });
   }, [src, linkGlyph, iconFromContext]);
+  const {
+    colorMode
+  } = useThemeObserver();
+  let previewUrl = preview === null || preview === void 0 ? void 0 : preview.src;
+  if (previewUrl && isSupportTheming && colorMode) {
+    previewUrl = `${previewUrl}${previewUrl.includes('?') ? '&' : '?'}themeMode=${colorMode}`;
+  }
   return jsx(ExpandedFrame, {
     isSelected: isSelected,
     isFrameVisible: isFrameVisible,
@@ -47,7 +55,7 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     onClick: onClick,
     inheritDimensions: inheritDimensions
   }, jsx(Frame, {
-    url: preview === null || preview === void 0 ? void 0 : preview.src,
+    url: previewUrl,
     isTrusted: isTrusted,
     testId: testId,
     ref: embedIframeRef,

package/dist/es2019/view/EmbedCard/views/UnauthorisedView.js

@@ -16,7 +16,6 @@ export const EmbedCardUnauthorisedView = ({
   extensionKey
 }) => {
   var _context$image;
-
   const icon = context && context.icon && /*#__PURE__*/React.createElement(ImageIcon, {
     src: typeof context.icon === 'string' ? context.icon : undefined
   });

package/dist/es2019/view/EmbedCard/views/UnresolvedView.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';

package/dist/es2019/view/EmbedModal/components/analytics/index.js

@@ -2,9 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import { EmbedModalSize } from '../../types';
 import { CardDisplay } from '../../../../constants';
-
 const getResizeFrom = size => size === EmbedModalSize.Small ? EmbedModalSize.Large : EmbedModalSize.Small;
-
 const withAnalytics = Component => props => {
   const {
     analytics,
@@ -26,7 +24,6 @@ const withAnalytics = Component => props => {
       status: 'resolved',
       display: CardDisplay.EmbedPreview
     });
-
     if (onOpen) {
       onOpen(context);
     }
@@ -37,7 +34,6 @@ const withAnalytics = Component => props => {
       error,
       errorInfo
     });
-
     if (onOpenFailed) {
       onOpenFailed(error, errorInfo);
     }
@@ -51,7 +47,6 @@ const withAnalytics = Component => props => {
         size: context.size
       }
     });
-
     if (onClose) {
       onClose(context);
     }
@@ -65,7 +60,6 @@ const withAnalytics = Component => props => {
         previousSize: getResizeFrom(context.size)
       }
     });
-
     if (onResize) {
       onResize(context);
     }
@@ -77,5 +71,4 @@ const withAnalytics = Component => props => {
     onResize: handleOnResize
   }));
 };
-
 export default withAnalytics;

package/dist/es2019/view/EmbedModal/components/embed-content/index.js

@@ -1,11 +1,11 @@
 /** @jsx jsx */
+
 import { css, jsx } from '@emotion/react';
 import { getIframeSandboxAttribute } from '../../../../utils';
 const iframeCss = css`
   width: 100%;
   height: calc(100vh - 208px);
 `;
-
 const EmbedContent = ({
   isTrusted,
   name,
@@ -23,5 +23,4 @@ const EmbedContent = ({
   };
   return jsx("iframe", props);
 };
-
 export default EmbedContent;

package/dist/es2019/view/EmbedModal/components/error-boundary/index.js

@@ -1,8 +1,6 @@
 import React, { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-
 const FallbackComponent = () => /*#__PURE__*/React.createElement("span", null);
-
 const withErrorBoundary = Component => props => {
   const {
     onOpenFailed
@@ -17,5 +15,4 @@ const withErrorBoundary = Component => props => {
     onError: onError
   }, /*#__PURE__*/React.createElement(Component, props));
 };
-
 export default withErrorBoundary;

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -13,7 +13,6 @@ import { messages } from '../../../../messages';
 import { MAX_MODAL_SIZE } from '../../constants';
 import LinkInfoButton from './link-info-button';
 import { actionCss, containerStyles, iconCss, titleCss } from './styled';
-
 const LinkInfo = ({
   downloadUrl,
   icon,
@@ -97,5 +96,4 @@ const LinkInfo = ({
     testId: `${testId}-close`
   })));
 };
-
 export default LinkInfo;

package/dist/es2019/view/EmbedModal/components/link-info/link-info-button/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';
 import Button from '@atlaskit/button/custom-theme-button';
-
 const LinkInfoButton = ({
   content,
   href,
@@ -26,5 +25,4 @@ const LinkInfoButton = ({
     testId: `${testId}-button`
   }));
 };
-
 export default LinkInfoButton;