@atlaskit/smart-card 19.1.4 → 19.1.7

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/smart-card
 
+## 19.1.7
+
+### Patch Changes
+
+- [`08bdfa654e2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/08bdfa654e2) - Flexible UI: Add option to hide link tooltip on TitleBlock.
+
+## 19.1.6
+
+### Patch Changes
+
+- [`28410ec919d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/28410ec919d) - Flexible UI: Passing JsonLD response on authFlow disabled
+- Updated dependencies
+
+## 19.1.5
+
+### Patch Changes
+
+- [`db78a813922`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db78a813922) - Add error handling to smart-card ssr component
+
 ## 19.1.4
 
 ### Patch Changes

package/dist/cjs/ssr.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CardSSR = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -17,12 +17,20 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _uuid = _interopRequireDefault(require("uuid"));
 
+var _reactErrorBoundary = require("react-error-boundary");
+
 var _component = require("./view/CardWithUrl/component");
 
+var _LazyFallback = require("./view/CardWithUrl/component-lazy/LazyFallback");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -36,10 +44,16 @@ var CardSSR = function CardSSR(props) {
   var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, (0, _extends2.default)({}, props, {
+  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     dispatchAnalytics: dispatchAnalytics
-  }));
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    FallbackComponent: function FallbackComponent() {
+      return /*#__PURE__*/_react.default.createElement(_LazyFallback.LoadingCardLink, cardProps);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps));
 };
 
 exports.CardSSR = CardSSR;

package/dist/cjs/state/actions/index.js

@@ -53,7 +53,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
 
   var hasAuthFlowSupported = config.authFlow !== 'disabled';
   var hasData = !!(details && details.data);
-  var handleResolvedLinkError = (0, _react.useCallback)(function (url, error) {
+  var handleResolvedLinkError = (0, _react.useCallback)(function (url, error, response) {
     if (error.kind === 'fatal') {
       // If there's no previous data in the store for this URL, then bail
       // out and let the editor handle fallbacks (returns to a blue link).
@@ -82,7 +82,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
         // Fallback to blue link with smart link formatting. Not part of reliability.
         dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR_FALLBACK, {
           url: url
-        }, undefined, error));
+        }, response, error));
       } else {
         // Fallback to blue link with smart link formatting. Part of reliability.
         dispatch((0, _linkingCommon.cardAction)(_linkingCommon.ACTION_ERROR, {
@@ -97,7 +97,7 @@ var useSmartCardActions = function useSmartCardActions(id, url, analytics) {
     // throw an error and render as a normal blue link.
 
     if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fallback', hostname, _constants.ERROR_MESSAGE_OAUTH));
+      handleResolvedLinkError(resourceUrl, new _linkingCommon.APIError('fallback', hostname, _constants.ERROR_MESSAGE_OAUTH), response);
       return;
     } // Handle any other errors
 

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "19.1.4",
+	"version": "19.1.7",
 	"sideEffects": false
 }

package/dist/cjs/view/FlexibleCard/components/blocks/title-block/index.js

@@ -33,7 +33,7 @@ var _actionGroup = _interopRequireDefault(require("../action-group"));
 
 var _elements = require("../../elements");
 
-var _excluded = ["actions", "anchorTarget", "maxLines", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme"];
 
 var _templateObject, _templateObject2;
 
@@ -83,6 +83,7 @@ var TitleBlock = function TitleBlock(_ref) {
   var _ref$actions = _ref.actions,
       actions = _ref$actions === void 0 ? [] : _ref$actions,
       anchorTarget = _ref.anchorTarget,
+      hideTitleTooltip = _ref.hideTitleTooltip,
       maxLines = _ref.maxLines,
       onClick = _ref.onClick,
       overrideCss = _ref.overrideCss,
@@ -115,6 +116,7 @@ var TitleBlock = function TitleBlock(_ref) {
   } : {};
 
   var title = /*#__PURE__*/_react.default.createElement(_elements.Title, (0, _extends2.default)({
+    hideTooltip: hideTitleTooltip,
     maxLines: maxLines,
     onClick: onClick,
     target: anchorTarget,

package/dist/cjs/view/FlexibleCard/components/elements/link/index.js

@@ -62,6 +62,14 @@ var getMaxLines = function getMaxLines(maxLines) {
 
   return maxLines;
 };
+
+var withTooltip = function withTooltip(trigger, content, testId) {
+  return (0, _core.jsx)(_tooltip.default, {
+    content: content,
+    testId: "".concat(testId, "-tooltip"),
+    tag: "span"
+  }, trigger);
+};
 /**
  * A base element that represent an anchor.
  * @internal
@@ -71,7 +79,8 @@ var getMaxLines = function getMaxLines(maxLines) {
 
 
 var Link = function Link(_ref) {
-  var _ref$maxLines = _ref.maxLines,
+  var hideTooltip = _ref.hideTooltip,
+      _ref$maxLines = _ref.maxLines,
       maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
       overrideCss = _ref.overrideCss,
       _ref$size = _ref.size,
@@ -87,20 +96,17 @@ var Link = function Link(_ref) {
   var hasSpace = (0, _react.useMemo)(function () {
     return text ? (0, _utils.hasWhiteSpace)(text) : false;
   }, [text]);
-  return (0, _core.jsx)("span", {
-    css: containerStyles
-  }, (0, _core.jsx)(_tooltip.default, {
-    content: text,
-    testId: "".concat(testId, "-tooltip"),
-    tag: "span"
-  }, (0, _core.jsx)("a", {
+  var anchor = (0, _core.jsx)("a", {
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,
     href: url,
     target: target || '_blank'
-  }, text)));
+  }, text);
+  return (0, _core.jsx)("span", {
+    css: containerStyles
+  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
 
 var _default = Link;

package/dist/es2019/ssr.js

@@ -1,8 +1,9 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
+import { ErrorBoundary } from 'react-error-boundary';
 import { CardWithUrlContent } from './view/CardWithUrl/component';
+import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -12,8 +13,11 @@ export const CardSSR = props => {
   const dispatchAnalytics = () => {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
-    id: id,
-    dispatchAnalytics: dispatchAnalytics
-  }));
+  const cardProps = { ...props,
+    id,
+    dispatchAnalytics
+  };
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    FallbackComponent: () => /*#__PURE__*/React.createElement(LoadingCardLink, cardProps)
+  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps));
 };

package/dist/es2019/state/actions/index.js

@@ -27,7 +27,7 @@ export const useSmartCardActions = (id, url, analytics) => {
   };
   const hasAuthFlowSupported = config.authFlow !== 'disabled';
   const hasData = !!(details && details.data);
-  const handleResolvedLinkError = useCallback((url, error) => {
+  const handleResolvedLinkError = useCallback((url, error, response) => {
     if (error.kind === 'fatal') {
       // If there's no previous data in the store for this URL, then bail
       // out and let the editor handle fallbacks (returns to a blue link).
@@ -56,7 +56,7 @@ export const useSmartCardActions = (id, url, analytics) => {
         // Fallback to blue link with smart link formatting. Not part of reliability.
         dispatch(cardAction(ACTION_ERROR_FALLBACK, {
           url
-        }, undefined, error));
+        }, response, error));
       } else {
         // Fallback to blue link with smart link formatting. Part of reliability.
         dispatch(cardAction(ACTION_ERROR, {
@@ -71,7 +71,7 @@ export const useSmartCardActions = (id, url, analytics) => {
     // throw an error and render as a normal blue link.
 
     if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH));
+      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH), response);
       return;
     } // Handle any other errors
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "19.1.4",
+	"version": "19.1.7",
 	"sideEffects": false
 }

package/dist/es2019/view/FlexibleCard/components/blocks/title-block/index.js

@@ -58,6 +58,7 @@ const getTitleBlockViewComponent = status => {
 const TitleBlock = ({
   actions = [],
   anchorTarget,
+  hideTitleTooltip,
   maxLines,
   onClick,
   overrideCss,
@@ -82,6 +83,7 @@ const TitleBlock = ({
     text
   } : {};
   const title = /*#__PURE__*/React.createElement(Title, _extends({
+    hideTooltip: hideTitleTooltip,
     maxLines: maxLines,
     onClick: onClick,
     target: anchorTarget,

package/dist/es2019/view/FlexibleCard/components/elements/link/index.js

@@ -64,6 +64,12 @@ const getMaxLines = maxLines => {
 
   return maxLines;
 };
+
+const withTooltip = (trigger, content, testId) => jsx(Tooltip, {
+  content: content,
+  testId: `${testId}-tooltip`,
+  tag: "span"
+}, trigger);
 /**
  * A base element that represent an anchor.
  * @internal
@@ -73,6 +79,7 @@ const getMaxLines = maxLines => {
 
 
 const Link = ({
+  hideTooltip,
   maxLines = DEFAULT_MAX_LINES,
   overrideCss,
   size = SmartLinkSize.Medium,
@@ -84,20 +91,17 @@ const Link = ({
   target
 }) => {
   const hasSpace = useMemo(() => text ? hasWhiteSpace(text) : false, [text]);
-  return jsx("span", {
-    css: containerStyles
-  }, jsx(Tooltip, {
-    content: text,
-    testId: `${testId}-tooltip`,
-    tag: "span"
-  }, jsx("a", {
+  const anchor = jsx("a", {
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,
     href: url,
     target: target || '_blank'
-  }, text)));
+  }, text);
+  return jsx("span", {
+    css: containerStyles
+  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
 
 export default Link;

package/dist/esm/ssr.js

@@ -1,9 +1,16 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React from 'react';
 import { useState } from 'react';
 import uuid from 'uuid';
+import { ErrorBoundary } from 'react-error-boundary';
 import { CardWithUrlContent } from './view/CardWithUrl/component';
+import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LazyFallback';
 // SSR friendly version of smart-card
 // simplifies the logic around rendering and loading placeholders and
 // only contains whats necessary to render the card on SSR mode
@@ -17,8 +24,14 @@ export var CardSSR = function CardSSR(props) {
   var dispatchAnalytics = function dispatchAnalytics() {}; // we can't dispatch events on SSR, after hydration the we will provide the real callback
 
 
-  return /*#__PURE__*/React.createElement(CardWithUrlContent, _extends({}, props, {
+  var cardProps = _objectSpread(_objectSpread({}, props), {}, {
     id: id,
     dispatchAnalytics: dispatchAnalytics
-  }));
+  });
+
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent() {
+      return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
+    }
+  }, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps));
 };

package/dist/esm/state/actions/index.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo, useCallback } from 'react';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { APIError } from '@atlaskit/linking-common';
@@ -28,7 +28,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
 
   var hasAuthFlowSupported = config.authFlow !== 'disabled';
   var hasData = !!(details && details.data);
-  var handleResolvedLinkError = useCallback(function (url, error) {
+  var handleResolvedLinkError = useCallback(function (url, error, response) {
     if (error.kind === 'fatal') {
       // If there's no previous data in the store for this URL, then bail
       // out and let the editor handle fallbacks (returns to a blue link).
@@ -57,7 +57,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
         // Fallback to blue link with smart link formatting. Not part of reliability.
         dispatch(cardAction(ACTION_ERROR_FALLBACK, {
           url: url
-        }, undefined, error));
+        }, response, error));
       } else {
         // Fallback to blue link with smart link formatting. Part of reliability.
         dispatch(cardAction(ACTION_ERROR, {
@@ -72,7 +72,7 @@ export var useSmartCardActions = function useSmartCardActions(id, url, analytics
     // throw an error and render as a normal blue link.
 
     if ((nextStatus === 'unauthorized' || nextStatus === 'forbidden') && !hasAuthFlowSupported) {
-      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH));
+      handleResolvedLinkError(resourceUrl, new APIError('fallback', hostname, ERROR_MESSAGE_OAUTH), response);
       return;
     } // Handle any other errors
 

package/dist/esm/state/hooks/usePrefetch.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback } from 'react';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 export function usePrefetch(url) {

package/dist/esm/utils/mocks.js

@@ -1,10 +1,10 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 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";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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); }; }
 

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "19.1.4",
+	"version": "19.1.7",
 	"sideEffects": false
 }

package/dist/esm/view/BlockCard/actions/DownloadAction.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { downloadUrl } from '@atlaskit/media-common';

package/dist/esm/view/BlockCard/actions/PreviewAction.js

@@ -1,10 +1,10 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 var _excluded = ["popupMountPointId", "onClose"],
     _excluded2 = ["details"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 

package/dist/esm/view/BlockCard/actions/RetryAction.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/esm/view/BlockCard/actions/ViewAction.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';

package/dist/esm/view/FlexibleCard/components/blocks/title-block/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["actions", "anchorTarget", "maxLines", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme"];
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "theme"];
 
 var _templateObject, _templateObject2;
 
@@ -57,6 +57,7 @@ var TitleBlock = function TitleBlock(_ref) {
   var _ref$actions = _ref.actions,
       actions = _ref$actions === void 0 ? [] : _ref$actions,
       anchorTarget = _ref.anchorTarget,
+      hideTitleTooltip = _ref.hideTitleTooltip,
       maxLines = _ref.maxLines,
       onClick = _ref.onClick,
       overrideCss = _ref.overrideCss,
@@ -87,6 +88,7 @@ var TitleBlock = function TitleBlock(_ref) {
     text: text
   } : {};
   var title = /*#__PURE__*/React.createElement(Title, _extends({
+    hideTooltip: hideTitleTooltip,
     maxLines: maxLines,
     onClick: onClick,
     target: anchorTarget,

package/dist/esm/view/FlexibleCard/components/elements/link/index.js

@@ -42,6 +42,14 @@ var getMaxLines = function getMaxLines(maxLines) {
 
   return maxLines;
 };
+
+var withTooltip = function withTooltip(trigger, content, testId) {
+  return jsx(Tooltip, {
+    content: content,
+    testId: "".concat(testId, "-tooltip"),
+    tag: "span"
+  }, trigger);
+};
 /**
  * A base element that represent an anchor.
  * @internal
@@ -51,7 +59,8 @@ var getMaxLines = function getMaxLines(maxLines) {
 
 
 var Link = function Link(_ref) {
-  var _ref$maxLines = _ref.maxLines,
+  var hideTooltip = _ref.hideTooltip,
+      _ref$maxLines = _ref.maxLines,
       maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
       overrideCss = _ref.overrideCss,
       _ref$size = _ref.size,
@@ -67,20 +76,17 @@ var Link = function Link(_ref) {
   var hasSpace = useMemo(function () {
     return text ? hasWhiteSpace(text) : false;
   }, [text]);
-  return jsx("span", {
-    css: containerStyles
-  }, jsx(Tooltip, {
-    content: text,
-    testId: "".concat(testId, "-tooltip"),
-    tag: "span"
-  }, jsx("a", {
+  var anchor = jsx("a", {
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,
     href: url,
     target: target || '_blank'
-  }, text)));
+  }, text);
+  return jsx("span", {
+    css: containerStyles
+  }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
 
 export default Link;

package/dist/types/view/FlexibleCard/components/blocks/title-block/types.d.ts

@@ -16,6 +16,10 @@ export declare type TitleBlockProps = {
      * Determines the href target behaviour of the Link.
      */
     anchorTarget?: AnchorTarget;
+    /**
+     * [Experiment] Determines whether the linked title should display tooltip on hover.
+     */
+    hideTitleTooltip?: boolean;
     /**
      * Determines the maximum number of lines for the underlying link text to
      * spread over. Default is 2. Maximum is 2.

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -41,6 +41,7 @@ export declare type ElementItem = {
     name: ElementName.AuthorGroup | ElementName.CollaboratorGroup | ElementName.CommentCount | ElementName.CreatedBy | ElementName.CreatedOn | ElementName.ModifiedBy | ElementName.ModifiedOn | ElementName.Priority | ElementName.ProgrammingLanguage | ElementName.Provider | ElementName.ReactCount | ElementName.State | ElementName.SubscriberCount | ElementName.ViewCount | ElementName.VoteCount;
     /**
      * The size of the element to render.
+     * The elements that support sizing are AuthorGroup and CollaboratorGroup.
      */
     size?: SmartLinkSize;
     /**

package/dist/types/view/FlexibleCard/components/elements/link/types.d.ts

@@ -3,6 +3,10 @@ import { ElementProps } from '../types';
 import { SmartLinkTheme } from '../../../../../constants';
 import { AnchorTarget } from '../../types';
 export declare type LinkProps = ElementProps & {
+    /**
+     * Determines whether the link should display tooltip on hover.
+     */
+    hideTooltip?: boolean;
     /**
      * Determines the behaviour when the Link is clicked. By default is used to
      * propagate analytics.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "19.1.4",
+  "version": "19.1.7",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -59,7 +59,7 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.0.0",
+    "@atlaskit/link-provider": "^1.0.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
@@ -81,6 +81,7 @@
     "@atlaskit/section-message": "^6.1.5",
     "@atlaskit/select": "^15.2.0",
     "@atlaskit/table-tree": "^9.1.0",
+    "@atlaskit/tabs": "^13.2.10",
     "@atlaskit/textarea": "^4.3.0",
     "@atlaskit/textfield": "^5.1.0",
     "@atlaskit/visual-regression": "*",

package/docs-helpers/flexible-ui-action-item.tsx

@@ -1,6 +0,0 @@
-import { BaseActionItem } from '../src/view/FlexibleCard/components/blocks/types';
-
-/**
- * Hack to display Flexible UI `ActionItem` for documentation purpose.
- */
-export default (props: BaseActionItem) => null;

package/docs-helpers/flexible-ui-actions-prop.tsx

@@ -1,6 +0,0 @@
-import { BaseActionItem } from '../src/view/FlexibleCard/components/blocks/types';
-
-/**
- * Hack to display Flexible UI `actions` prop for documentation purpose.
- */
-export default (props: { actions?: BaseActionItem[] }) => null;

package/docs-helpers/flexible-ui-element-item.tsx

@@ -1,6 +0,0 @@
-import { ElementItem } from '../src/view/FlexibleCard/components/blocks/types';
-
-/**
- * Hack to display Flexible UI `ElementItem` for documentation purpose.
- */
-export default (props: ElementItem) => null;

package/docs-helpers/flexible-ui-prop.tsx

@@ -1,6 +0,0 @@
-import { FlexibleUiOptions } from '../src/view/FlexibleCard/types';
-
-/**
- * Hack to display Flexible UI `ui` prop in details for documentation purpose.
- */
-export default (props: FlexibleUiOptions) => null;

package/docs-helpers/flexible-ui.tsx

@@ -1,28 +0,0 @@
-/** @jsx jsx */
-import { css, jsx } from '@emotion/core';
-import { Prop, Props } from '@atlaskit/docs';
-
-const actionsStyles = css`
-  > div,
-  > div > div {
-    margin-top: 0;
-  }
-  h3 {
-    display: none;
-  }
-`;
-
-const actionsProps = (
-  <Props
-    heading=""
-    props={require('!!extract-react-types-loader!../docs-helpers/flexible-ui-actions-prop')}
-  />
-);
-
-export const overrideActionsProps = (props: Object) => (
-  <Prop
-    {...props}
-    shapeComponent={() => <div css={actionsStyles}>{actionsProps}</div>}
-    type="arrayType"
-  />
-);