@atlaskit/smart-card 19.1.6 → 19.1.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "19.1.6",
+	"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/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "19.1.6",
+	"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/version.json

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

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/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.6",
+  "version": "19.1.7",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"