@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js

@@ -8,28 +8,23 @@ import { LinkAppearance, NoLinkAppearance } from '../styled';
 export class IconAndTitleLayout extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "handleClick", event => {
       const {
         onClick
       } = this.props;
-
       if (onClick) {
         event.preventDefault();
         event.stopPropagation();
         onClick(event);
       }
     });
-
     _defineProperty(this, "handleKeyPress", event => {
       const {
         onClick
       } = this.props;
-
       if (event.key !== ' ' && event.key !== 'Enter') {
         return;
       }
-
       if (onClick) {
         event.preventDefault();
         event.stopPropagation();
@@ -37,33 +32,26 @@ export class IconAndTitleLayout extends React.Component {
       }
     });
   }
-
   renderAtlaskitIcon() {
     const {
       icon,
       emoji
     } = this.props;
-
     if (emoji) {
       return /*#__PURE__*/React.createElement(EmojiWrapper, null, emoji);
     }
-
     if (!icon || typeof icon === 'string') {
       return null;
     }
-
     return /*#__PURE__*/React.createElement(IconWrapper, null, icon);
   }
-
   renderImageIcon(errored, testId) {
     const {
       icon: url
     } = this.props;
-
     if (!url || typeof url !== 'string') {
       return null;
     }
-
     return /*#__PURE__*/React.createElement(ImageLoader, {
       src: url,
       loaded: /*#__PURE__*/React.createElement(Icon, {
@@ -77,39 +65,32 @@ export class IconAndTitleLayout extends React.Component {
       })
     });
   }
-
   renderIconPlaceholder(testId) {
     const {
       defaultIcon
     } = this.props;
-
     if (defaultIcon) {
       return /*#__PURE__*/React.createElement(IconWrapper, null, defaultIcon);
     }
-
     return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(LinkIcon, {
       label: "link",
       size: "small",
       testId: `${testId}-default`
     }));
   }
-
   renderIcon(testId) {
     // We render two kinds of icons here:
     // - Image: acquired from either DAC or Teamwork Platform Apps;
     // - Atlaskit Icon: an Atlaskit SVG;
     // Each of these are scaled down to 12x12.
     const icon = this.renderAtlaskitIcon();
-
     if (icon) {
       return icon;
     }
-
     const placeholder = this.renderIconPlaceholder(testId);
     const image = this.renderImageIcon(placeholder, testId);
     return image || placeholder;
   }
-
   render() {
     const {
       children,
@@ -137,9 +118,7 @@ export class IconAndTitleLayout extends React.Component {
       onKeyPress: this.handleKeyPress
     }, titlePart) : titlePart, rightSide ? /*#__PURE__*/React.createElement(NoLinkAppearance, null, this.props.rightSideSpacer && ' - ', rightSide) : null));
   }
-
 }
-
 _defineProperty(IconAndTitleLayout, "defaultProps", {
   rightSideSpacer: true
 });

package/dist/es2019/view/InlineCard/IconAndTitleLayout/styled.js

@@ -1,5 +1,6 @@
-import styled from '@emotion/styled'; // TODO: remove this override behaviour for @atlaskit/icon-object
+import styled from '@emotion/styled';
 
+// TODO: remove this override behaviour for @atlaskit/icon-object
 export const IconObjectOverrides = `
   & > span {
     height: 16px;
@@ -15,8 +16,8 @@ export const IconObjectOverrides = `
       transform: translate(-50%, -50%);
     }
   }
-`; // TODO: remove this override behaviour for @atlaskit/icon
-
+`;
+// TODO: remove this override behaviour for @atlaskit/icon
 export const IconOverrides = `
   & > * > span {
     height: 16px;
@@ -31,39 +32,43 @@ export const IconOverrides = `
       transform: translate(-50%, -50%);
     }
   }
-`; // Wraps all icons represented in Inline Links. Icons have three sources/types:
+`;
+
+// Wraps all icons represented in Inline Links. Icons have three sources/types:
 // - JSON-LD: from the generator.icon property coming back from ORS.
 // - @atlaskit/icon: for lock icons, unauthorized, etc.
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-
 export const IconWrapper = styled.span`
   user-select: none;
   ${IconOverrides}
   ${IconObjectOverrides}
-`; // Wraps all emoji in Inline Links similar to icon
+`;
 
+// Wraps all emoji in Inline Links similar to icon
 export const EmojiWrapper = styled.span`
   display: inline-block;
   margin-right: 2px;
   user-select: none;
   ${IconOverrides}
   ${IconObjectOverrides}
-`; // The main 'wrapping' element, title of the content.
+`;
+
+// The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
-
 export const IconTitleWrapper = styled.span`
   white-space: pre-wrap;
   word-break: break-all;
-`; // TODO: Replace overrides with proper AtlasKit solution.
+`;
 
+// TODO: Replace overrides with proper AtlasKit solution.
 export const LozengeWrapper = styled.span`
   display: inline-block;
   vertical-align: 1px;
-`; // TODO: Replace overrides with proper AtlasKit solution.
-
+`;
+// TODO: Replace overrides with proper AtlasKit solution.
 export const LozengeBlockWrapper = styled.span`
   & > span {
     margin-left: 4px;
@@ -74,10 +79,11 @@ export const RightIconPositionWrapper = styled.span`
   margin-right: 4px;
   position: relative;
   display: inline-block;
-`; // The following components are used to absolutely position icons in the vertical center.
+`;
+
+// The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
-
 export const IconPositionWrapper = styled.span`
   margin-right: 4px;
   position: relative;
@@ -88,8 +94,9 @@ export const IconEmptyWrapper = styled.span`
   height: 100%;
   display: inline-block;
   opacity: 0;
-`; // With emotion it's not possible to use reference to `TitleWrapper` as part of a selector,
-// To achieve same result we use classname instead.
+`;
 
+// With emotion it's not possible to use reference to `TitleWrapper` as part of a selector,
+// To achieve same result we use classname instead.
 export const TitleWrapperClassName = 'smart-link-title-wrapper';
 export const TitleWrapper = styled.span``;

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

@@ -9,18 +9,15 @@ export class InlineCardResolvedView extends React.Component {
     const {
       lozenge
     } = this.props;
-
     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',
       isBold: lozenge.isBold
     }, lozenge.text)));
   }
-
   render() {
     const {
       id,
@@ -45,15 +42,12 @@ export class InlineCardResolvedView extends React.Component {
       title: title,
       titleTextColor: titleTextColor
     }), this.renderLozenge());
-
     if (showHoverPreview && link) {
       return /*#__PURE__*/React.createElement(HoverCard, {
         id: id,
         url: link
       }, inlineCardResolvedView);
     }
-
     return inlineCardResolvedView;
   }
-
 }

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

@@ -14,7 +14,6 @@ export class InlineCardResolvingView extends React.Component {
       testId = 'inline-card-resolving-view',
       titleTextColor
     } = this.props;
-
     if (inlinePreloaderStyle === 'on-right-without-skeleton') {
       return /*#__PURE__*/React.createElement(Frame, {
         withoutBackground: true,
@@ -42,5 +41,4 @@ export class InlineCardResolvingView extends React.Component {
       }))));
     }
   }
-
 }

package/dist/es2019/view/InlineCard/UnauthorisedView/index.js

@@ -19,7 +19,6 @@ const FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper,
 export class InlineCardUnauthorizedView extends React.Component {
   constructor(...args) {
     super(...args);
-
     _defineProperty(this, "handleConnectAccount", event => {
       const {
         onAuthorise
@@ -28,7 +27,6 @@ export class InlineCardUnauthorizedView extends React.Component {
       event.stopPropagation();
       return onAuthorise();
     });
-
     _defineProperty(this, "renderRightSide", () => {
       const {
         onAuthorise,
@@ -47,7 +45,6 @@ export class InlineCardUnauthorizedView extends React.Component {
       }))) : undefined;
     });
   }
-
   render() {
     const {
       url,
@@ -68,7 +65,6 @@ export class InlineCardUnauthorizedView extends React.Component {
       onClick: onClick,
       titleColor: `var(--ds-text-subtle, ${N500})`
     }));
-
     if (showAuthTooltip) {
       return /*#__PURE__*/React.createElement(HoverCard, {
         url: url,
@@ -76,8 +72,6 @@ export class InlineCardUnauthorizedView extends React.Component {
         id: this.props.id
       }, inlineCardUnauthenticatedView);
     }
-
     return inlineCardUnauthenticatedView;
   }
-
 }

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

@@ -28,7 +28,6 @@ export const InlineCard = ({
   showAuthTooltip
 }) => {
   var _details$meta;
-
   const {
     status,
     details
@@ -36,11 +35,9 @@ export const InlineCard = ({
   const cardDetails = details && details.data || getEmptyJsonLd();
   const testIdWithStatus = testId ? `${testId}-${status}-view` : undefined;
   const showHoverPreviewFlag = useFeatureFlag('showHoverPreview');
-
   if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
     showHoverPreview = Boolean(showHoverPreviewFlag);
   }
-
   switch (status) {
     case 'pending':
     case 'resolving':
@@ -51,17 +48,14 @@ export const InlineCard = ({
         testId: testIdWithStatus,
         inlinePreloaderStyle: inlinePreloaderStyle
       });
-
     case 'resolved':
       const resolvedProps = extractInlineProps(cardDetails, renderers);
-
       if (onResolve) {
         onResolve({
           url,
           title: resolvedProps.title
         });
       }
-
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
@@ -70,7 +64,6 @@ export const InlineCard = ({
         onClick: handleFrameClick,
         testId: testIdWithStatus
       }));
-
     case 'unauthorized':
       if (onError) {
         onError({
@@ -78,7 +71,6 @@ export const InlineCard = ({
           status
         });
       }
-
       const provider = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
@@ -91,7 +83,6 @@ export const InlineCard = ({
         showAuthTooltip: showAuthTooltip,
         id: id
       });
-
     case 'forbidden':
       if (onError) {
         onError({
@@ -99,7 +90,6 @@ export const InlineCard = ({
           status
         });
       }
-
       const providerForbidden = extractProvider(cardDetails);
       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({
@@ -117,7 +107,6 @@ export const InlineCard = ({
         testId: testIdWithStatus,
         requestAccessContext: requestAccessContext
       });
-
     case 'not_found':
       if (onError) {
         onError({
@@ -125,7 +114,6 @@ export const InlineCard = ({
           status
         });
       }
-
       const providerNotFound = extractProvider(cardDetails);
       return /*#__PURE__*/React.createElement(InlineCardErroredView, {
         url: url,
@@ -135,7 +123,6 @@ export const InlineCard = ({
         onClick: handleFrameClick,
         testId: testIdWithStatus || 'inline-card-not-found-view'
       });
-
     case 'fallback':
     case 'errored':
     default:
@@ -145,7 +132,6 @@ export const InlineCard = ({
           status
         });
       }
-
       return /*#__PURE__*/React.createElement(CardLinkView, {
         link: url,
         isSelected: isSelected,

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

@@ -1,9 +1,10 @@
 import styled from '@emotion/styled';
 import { B400, N200 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
-const 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
+const 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 const IconStyledButton = styled.span`
   text-align: initial !important;
   display: inline !important;

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

@@ -9,7 +9,6 @@ export const useLinkWarningModal = () => {
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
-
   const sendAnalyticsEvent = () => {
     createAnalyticsEvent({
       action: 'shown',
@@ -18,22 +17,18 @@ export const useLinkWarningModal = () => {
       eventType: 'operational'
     }).fire(ANALYTICS_CHANNEL);
   };
+
   /**
    * It checks and warns if a link text is a URL and different from an actual link destination
    */
-
-
   const checkLinkSafety = (event, href) => {
     const linkText = event.currentTarget.innerText;
     const anchorLinkRegex = new RegExp(/^#/im);
     const isAnchorLink = anchorLinkRegex.test(linkText);
-
     if (isAnchorLink) {
       return;
     }
-
     const normalisedUrlFromLinkText = normalizeUrl(linkText);
-
     if (!!normalisedUrlFromLinkText && normalisedUrlFromLinkText !== href) {
       event.preventDefault();
       setUnsafeLinkText(linkText);
@@ -42,18 +37,15 @@ export const useLinkWarningModal = () => {
       sendAnalyticsEvent();
     }
   };
-
   const onClose = () => {
     setIsOpen(false);
     setUnsafeLinkText(null);
     setUrl(null);
   };
-
   const onContinue = () => {
     onClose();
     url && window.location.assign(url);
   };
-
   return {
     checkLinkSafety,
     unsafeLinkText,

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

@@ -4,7 +4,6 @@ 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';
-
 const WarningModal = props => {
   const {
     isOpen,
@@ -40,7 +39,6 @@ const WarningModal = props => {
     locale: "en"
   }, content);
 };
-
 export default injectIntl(WarningModal, {
   enforceContext: false
 });

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

@@ -9,7 +9,6 @@ const PACKAGE_DATA = {
   packageVersion,
   componentName: 'linkUrl'
 };
-
 const LinkUrl = ({
   href,
   children,
@@ -31,5 +30,4 @@ const LinkUrl = ({
     }
   }, props), children), checkSafety && /*#__PURE__*/React.createElement(LinkWarningModal, linkWarningModalProps));
 };
-
 export default withAnalyticsContext(PACKAGE_DATA)(LinkUrl);

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

@@ -7,5 +7,4 @@ export class CardLinkView extends React.PureComponent {
       withoutBackground: true
     }, this.props), this.props.placeholder || this.props.link);
   }
-
 }

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

@@ -5,23 +5,19 @@ import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';
 import { gs } from './utils';
 export const blockCardIconImageClassName = 'block-card-icon-image';
-
 const getImageStyles = isFlexibleUi => {
   if (isFlexibleUi) {
     return;
   }
-
   return css`
     height: ${gs(2)};
     width: ${gs(2)};
   `;
 };
-
 const getSpanStyles = isFlexibleUi => {
   if (isFlexibleUi) {
     return;
   }
-
   return css`
     height: ${gs(2.5)};
     width: ${gs(2)};
@@ -30,7 +26,6 @@ const getSpanStyles = isFlexibleUi => {
     justify-content: center;
   `;
 };
-
 export const Icon = ({
   url,
   icon,

package/dist/es2019/view/common/Metadata.js

@@ -10,7 +10,6 @@ export const Metadata = ({
   tooltip
 }) => {
   let metadataIcon = icon || null;
-
   if (!metadataIcon && iconUrl) {
     metadataIcon = jsx("img", {
       src: iconUrl,
@@ -20,7 +19,6 @@ export const Metadata = ({
       }
     });
   }
-
   const metadata = jsx("div", {
     css: {
       display: 'flex',
@@ -35,12 +33,10 @@ export const Metadata = ({
       marginLeft: '2px'
     }
   }, text));
-
   if (tooltip) {
     return jsx(Tooltip, {
       content: tooltip
     }, metadata);
   }
-
   return metadata;
 };

package/dist/es2019/view/common/MetadataList.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { Metadata } from './Metadata';

package/dist/es2019/view/common/UnauthorisedViewContent.js

@@ -3,7 +3,6 @@ import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 import { CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
-
 /**
  * This component is used in unauthorized views of a smart link.
  * It represents the main text that provides a user with information on how to connect their account
@@ -27,5 +26,4 @@ const UnauthorisedViewContent = ({
     onClick: handleLearnMoreClick
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.learn_more_about_smart_links)));
 };
-
 export default UnauthorisedViewContent;

package/dist/es2019/view/common/utils.js

@@ -1,9 +1,6 @@
 import { gridSize, borderRadius } from '@atlaskit/theme/constants';
 import facepaint from 'facepaint';
-
 const gs = times => `${gridSize() * times}px`;
-
 const br = (times = 1) => `${borderRadius() * times}px`;
-
 const mq = facepaint(['@media(min-width: 576px)']);
 export { gs, br, mq };

package/dist/esm/__tests_external__/page-objects/BaseCard.js

@@ -4,28 +4,20 @@ 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 { InProductTestPageObject } from '@atlaskit/in-product-testing';
 export var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
   _inherits(BaseCardPageObject, _InProductTestPageObj);
-
   var _super = _createSuper(BaseCardPageObject);
-
   function BaseCardPageObject(cy, appearance) {
     var _this;
-
     _classCallCheck(this, BaseCardPageObject);
-
     _this = _super.call(this, cy);
     _this.cy = cy;
     _this.appearance = appearance;
     return _this;
   }
-
   _createClass(BaseCardPageObject, [{
     key: "_toSelector",
     value: function _toSelector(appearance, status) {
@@ -36,17 +28,16 @@ export var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
     key: "expectCardReady",
     value: function expectCardReady() {
       var _this2 = this;
-
       var numOfCards = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
       var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
-
       var selector = this._toSelector(this.appearance, status);
-
-      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      return this.cy
+      // NOTE: `timeout` used since Smart Links rely on a network response.
       .get(selector, {
         timeout: BaseCardPageObject.CARD_TIMEOUT
       }).should('have.length', numOfCards).each(function (element) {
-        _this2.cy.wrap(element) // NOTE: `be.visible` is used to ensure the file is still visible
+        _this2.cy.wrap(element)
+        // NOTE: `be.visible` is used to ensure the file is still visible
         // whilst it is being uploaded.
         .should('be.visible');
       });
@@ -55,9 +46,7 @@ export var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
     key: "expectCardNotExists",
     value: function expectCardNotExists() {
       var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
-
       var selector = this._toSelector(this.appearance, status);
-
       return this.cy.get(selector).should('not.exist');
     }
   }, {
@@ -65,10 +54,9 @@ export var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
     value: function findCardNth() {
       var nth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
       var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
-
       var selector = this._toSelector(this.appearance, status);
-
-      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      return this.cy
+      // NOTE: `timeout` used since Smart Links rely on a network response.
       .get(selector, {
         timeout: BaseCardPageObject.CARD_TIMEOUT
       }).should('have.length.at.least', nth).should('be.visible').eq(nth - 1);
@@ -94,8 +82,6 @@ export var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
       return this.findCardNth(1, status).click();
     }
   }]);
-
   return BaseCardPageObject;
 }(InProductTestPageObject);
-
 _defineProperty(BaseCardPageObject, "CARD_TIMEOUT", 15000);