@atlaskit/smart-card 26.5.5 → 26.5.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 26.5.6
+
+### Patch Changes
+
+- [`625aad4d6f8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/625aad4d6f8) - [ux] Change block card link clicks to open in the same tab by default unless overriden with onclick behaviour.
+
 ## 26.5.5
 
 ### Patch Changes

package/dist/cjs/version.json

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

package/dist/cjs/view/BlockCard/index.js

@@ -60,6 +60,7 @@ Object.defineProperty(exports, "PreviewAction", {
   }
 });
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _helpers = require("../../state/helpers");
 var _block = require("../../extractors/block");
@@ -83,9 +84,12 @@ var _token = require("../../utils/token");
 var _react = require("@emotion/react");
 var _handlers = require("./utils/handlers");
 var _linkProvider = require("@atlaskit/link-provider");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _PreviewAction = _interopRequireDefault(require("./actions/PreviewAction"));
 var _templateObject;
 /** @jsx jsx */
+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; }
 var flexibleBlockCardElevationStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), _token.tokens.elevation, "var(--ds-space-025, 2px)");
 var BlockCard = function BlockCard(_ref) {
   var _details$meta, _forbiddenViewProps$c;
@@ -123,7 +127,8 @@ var BlockCard = function BlockCard(_ref) {
     var ui = {
       hideElevation: true
     };
-    var flexibleProps = {
+    var anchorTarget = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-block-card-clicks-opening-in-same-tab') ? '_self' : undefined;
+    var flexibleProps = _objectSpread({
       id: id,
       cardState: cardState,
       url: url,
@@ -138,7 +143,9 @@ var BlockCard = function BlockCard(_ref) {
       ui: ui,
       analytics: analytics,
       extensionKey: extensionKey
-    };
+    }, anchorTarget ? {
+      anchorTarget: anchorTarget
+    } : {});
     switch (status) {
       case 'pending':
       case 'resolving':

package/dist/cjs/view/BlockCard/views/flexible/FlexibleErroredView.js

@@ -25,7 +25,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @see FlexibleCardProps
  */
 var FlexibleErroredView = function FlexibleErroredView(_ref) {
-  var cardState = _ref.cardState,
+  var anchorTarget = _ref.anchorTarget,
+    cardState = _ref.cardState,
     onAuthorize = _ref.onAuthorize,
     onError = _ref.onError,
     ui = _ref.ui,
@@ -46,7 +47,8 @@ var FlexibleErroredView = function FlexibleErroredView(_ref) {
     ui: ui,
     url: url
   }, /*#__PURE__*/_react.default.createElement(_titleBlock.default, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, /*#__PURE__*/_react.default.createElement(_warning.default, {
     label: "errored-warning-icon",
     size: "small",

package/dist/cjs/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -31,7 +31,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
   var _details$meta;
-  var cardState = _ref.cardState,
+  var anchorTarget = _ref.anchorTarget,
+    cardState = _ref.cardState,
     onAuthorize = _ref.onAuthorize,
     onClick = _ref.onClick,
     onError = _ref.onError,
@@ -70,7 +71,8 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     ui: ui,
     url: url
   }, /*#__PURE__*/_react.default.createElement(_titleBlock.default, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
     label: "forbidden-lock-icon",
     size: "small",

package/dist/cjs/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -21,7 +21,8 @@ var _blocks = require("../../../FlexibleCard/components/blocks");
  * @see FlexibleCardProps
  */
 var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
-  var cardState = _ref.cardState,
+  var anchorTarget = _ref.anchorTarget,
+    cardState = _ref.cardState,
     onAuthorize = _ref.onAuthorize,
     onError = _ref.onError,
     ui = _ref.ui,
@@ -40,7 +41,8 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     ui: ui,
     url: url
   }, /*#__PURE__*/_react.default.createElement(_titleBlock.default, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, null, /*#__PURE__*/_react.default.createElement(_warning.default, {
     label: "not-found-warning-icon",
     size: "small",

package/dist/cjs/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -29,6 +29,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onError = _ref.onError,
     onResolve = _ref.onResolve,
     showServerActions = _ref.showServerActions,
+    anchorTarget = _ref.anchorTarget,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
     ui = _ref.ui,
@@ -94,7 +95,8 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     subtitle: [{
       name: _constants.ElementName.Location
     }],
-    metadataPosition: _constants.SmartLinkPosition.Top
+    metadataPosition: _constants.SmartLinkPosition.Top,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
     primary: metadata,
     maxLines: 1

package/dist/cjs/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -31,7 +31,8 @@ var contentStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _
  */
 var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var _cardState$details, _extractProvider;
-  var analytics = _ref.analytics,
+  var anchorTarget = _ref.anchorTarget,
+    analytics = _ref.analytics,
     cardState = _ref.cardState,
     _ref$extensionKey = _ref.extensionKey,
     extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
@@ -65,7 +66,8 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     ui: ui,
     url: url
   }, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/_react.default.createElement(_blocks.CustomBlock, {
     overrideCss: contentStyles,
     testId: "".concat(testId, "-content")

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -78,21 +79,25 @@ var Link = function Link(_ref) {
     theme = _ref$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref$theme,
     url = _ref.url,
     onClick = _ref.onClick,
-    target = _ref.target;
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '_blank' : _ref$target;
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
   var hasSpace = (0, _react.useMemo)(function () {
     return text ? (0, _utils.hasWhiteSpace)(text) : false;
   }, [text]);
-  var anchor = (0, _react2.jsx)("a", {
+  var anchor = (0, _react2.jsx)("a", (0, _extends2.default)({
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
     "data-smart-element": name,
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,
     onMouseDown: onMouseDown,
-    href: url,
-    target: target || '_blank'
-  }, text);
+    href: url
+    // We do not want set the target if it is the default value of '_self'. This prevents link
+    // click issues in Confluence and Trello which rely on it not being set unless necessary.
+  }, target !== '_self' && {
+    target: target
+  }), text);
   return (0, _react2.jsx)("span", {
     css: containerStyles
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));

package/dist/es2019/version.json

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

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

@@ -23,6 +23,7 @@ import { tokens } from '../../utils/token';
 import { css, jsx } from '@emotion/react';
 import { handleClickCommon } from './utils/handlers';
 import { useFeatureFlag } from '@atlaskit/link-provider';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 const flexibleBlockCardElevationStyle = css`
@@ -69,6 +70,7 @@ export const BlockCard = ({
     const ui = {
       hideElevation: true
     };
+    const anchorTarget = getBooleanFF('platform.linking-platform.smart-card.enable-block-card-clicks-opening-in-same-tab') ? '_self' : undefined;
     const flexibleProps = {
       id,
       cardState,
@@ -81,7 +83,10 @@ export const BlockCard = ({
       showServerActions,
       ui,
       analytics,
-      extensionKey
+      extensionKey,
+      ...(anchorTarget ? {
+        anchorTarget
+      } : {})
     };
     switch (status) {
       case 'pending':

package/dist/es2019/view/BlockCard/views/flexible/FlexibleErroredView.js

@@ -15,6 +15,7 @@ import Text from '../../../FlexibleCard/components/elements/text';
  * @see FlexibleCardProps
  */
 const FlexibleErroredView = ({
+  anchorTarget,
   cardState,
   onAuthorize,
   onError,
@@ -34,7 +35,8 @@ const FlexibleErroredView = ({
     ui: ui,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(WarningIcon, {
     label: "errored-warning-icon",
     size: "small",

package/dist/es2019/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -20,6 +20,7 @@ import { extractRequestAccessContext } from '../../../../extractors/common/conte
  * @see FlexibleCardProps
  */
 const FlexibleForbiddenView = ({
+  anchorTarget,
   cardState,
   onAuthorize,
   onClick,
@@ -62,7 +63,8 @@ const FlexibleForbiddenView = ({
     ui: ui,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(LockIcon, {
     label: "forbidden-lock-icon",
     size: "small",

package/dist/es2019/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -14,6 +14,7 @@ import { CustomBlock } from '../../../FlexibleCard/components/blocks';
  * @see FlexibleCardProps
  */
 const FlexibleNotFoundView = ({
+  anchorTarget,
   cardState,
   onAuthorize,
   onError,
@@ -33,7 +34,8 @@ const FlexibleNotFoundView = ({
     ui: ui,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(WarningIcon, {
     label: "not-found-warning-icon",
     size: "small",

package/dist/es2019/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -17,6 +17,7 @@ const FlexibleResolvedView = ({
   onError,
   onResolve,
   showServerActions,
+  anchorTarget,
   testId = 'smart-block-resolved-view',
   ui,
   url,
@@ -76,7 +77,8 @@ const FlexibleResolvedView = ({
     subtitle: [{
       name: ElementName.Location
     }],
-    metadataPosition: SmartLinkPosition.Top
+    metadataPosition: SmartLinkPosition.Top,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: metadata,
     maxLines: 1

package/dist/es2019/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -22,6 +22,7 @@ const contentStyles = css`
  * @see FlexibleCardProps
  */
 const FlexibleUnauthorisedView = ({
+  anchorTarget,
   analytics,
   cardState,
   extensionKey = '',
@@ -54,7 +55,8 @@ const FlexibleUnauthorisedView = ({
     ui: ui,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     overrideCss: contentStyles,
     testId: `${testId}-content`

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -98,20 +99,23 @@ const Link = ({
   theme = SmartLinkTheme.Link,
   url,
   onClick,
-  target
+  target = '_blank'
 }) => {
   const onMouseDown = useMouseDownEvent();
   const hasSpace = useMemo(() => text ? hasWhiteSpace(text) : false, [text]);
-  const anchor = jsx("a", {
+  const anchor = jsx("a", _extends({
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
     "data-smart-element": name,
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,
     onMouseDown: onMouseDown,
-    href: url,
-    target: target || '_blank'
-  }, text);
+    href: url
+    // We do not want set the target if it is the default value of '_self'. This prevents link
+    // click issues in Confluence and Trello which rely on it not being set unless necessary.
+  }, target !== '_self' && {
+    target
+  }), text);
   return jsx("span", {
     css: containerStyles
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));

package/dist/esm/version.json

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

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

@@ -1,6 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
+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; }
 /** @jsx jsx */
 
 import { getExtensionKey } from '../../state/helpers';
@@ -25,6 +28,7 @@ import { tokens } from '../../utils/token';
 import { css, jsx } from '@emotion/react';
 import { handleClickCommon } from './utils/handlers';
 import { useFeatureFlag } from '@atlaskit/link-provider';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export { default as PreviewAction } from './actions/PreviewAction';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView };
 var flexibleBlockCardElevationStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 1.5px;\n  box-shadow: ", ";\n  margin: ", ";\n"])), tokens.elevation, "var(--ds-space-025, 2px)");
@@ -64,7 +68,8 @@ export var BlockCard = function BlockCard(_ref) {
     var ui = {
       hideElevation: true
     };
-    var flexibleProps = {
+    var anchorTarget = getBooleanFF('platform.linking-platform.smart-card.enable-block-card-clicks-opening-in-same-tab') ? '_self' : undefined;
+    var flexibleProps = _objectSpread({
       id: id,
       cardState: cardState,
       url: url,
@@ -79,7 +84,9 @@ export var BlockCard = function BlockCard(_ref) {
       ui: ui,
       analytics: analytics,
       extensionKey: extensionKey
-    };
+    }, anchorTarget ? {
+      anchorTarget: anchorTarget
+    } : {});
     switch (status) {
       case 'pending':
       case 'resolving':

package/dist/esm/view/BlockCard/views/flexible/FlexibleErroredView.js

@@ -15,7 +15,8 @@ import Text from '../../../FlexibleCard/components/elements/text';
  * @see FlexibleCardProps
  */
 var FlexibleErroredView = function FlexibleErroredView(_ref) {
-  var cardState = _ref.cardState,
+  var anchorTarget = _ref.anchorTarget,
+    cardState = _ref.cardState,
     onAuthorize = _ref.onAuthorize,
     onError = _ref.onError,
     ui = _ref.ui,
@@ -36,7 +37,8 @@ var FlexibleErroredView = function FlexibleErroredView(_ref) {
     ui: ui,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(WarningIcon, {
     label: "errored-warning-icon",
     size: "small",

package/dist/esm/view/BlockCard/views/flexible/FlexibleForbiddenView.js

@@ -22,7 +22,8 @@ import { extractRequestAccessContext } from '../../../../extractors/common/conte
  */
 var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
   var _details$meta;
-  var cardState = _ref.cardState,
+  var anchorTarget = _ref.anchorTarget,
+    cardState = _ref.cardState,
     onAuthorize = _ref.onAuthorize,
     onClick = _ref.onClick,
     onError = _ref.onError,
@@ -61,7 +62,8 @@ var FlexibleForbiddenView = function FlexibleForbiddenView(_ref) {
     ui: ui,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(LockIcon, {
     label: "forbidden-lock-icon",
     size: "small",

package/dist/esm/view/BlockCard/views/flexible/FlexibleNotFoundView.js

@@ -14,7 +14,8 @@ import { CustomBlock } from '../../../FlexibleCard/components/blocks';
  * @see FlexibleCardProps
  */
 var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
-  var cardState = _ref.cardState,
+  var anchorTarget = _ref.anchorTarget,
+    cardState = _ref.cardState,
     onAuthorize = _ref.onAuthorize,
     onError = _ref.onError,
     ui = _ref.ui,
@@ -33,7 +34,8 @@ var FlexibleNotFoundView = function FlexibleNotFoundView(_ref) {
     ui: ui,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(CustomBlock, null, /*#__PURE__*/React.createElement(WarningIcon, {
     label: "not-found-warning-icon",
     size: "small",

package/dist/esm/view/BlockCard/views/flexible/FlexibleResolvedView.js

@@ -19,6 +19,7 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     onError = _ref.onError,
     onResolve = _ref.onResolve,
     showServerActions = _ref.showServerActions,
+    anchorTarget = _ref.anchorTarget,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-block-resolved-view' : _ref$testId,
     ui = _ref.ui,
@@ -84,7 +85,8 @@ var FlexibleResolvedView = function FlexibleResolvedView(_ref) {
     subtitle: [{
       name: ElementName.Location
     }],
-    metadataPosition: SmartLinkPosition.Top
+    metadataPosition: SmartLinkPosition.Top,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: metadata,
     maxLines: 1

package/dist/esm/view/BlockCard/views/flexible/FlexibleUnauthorisedView.js

@@ -21,7 +21,8 @@ var contentStyles = css(_templateObject || (_templateObject = _taggedTemplateLit
  */
 var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
   var _cardState$details, _extractProvider;
-  var analytics = _ref.analytics,
+  var anchorTarget = _ref.anchorTarget,
+    analytics = _ref.analytics,
     cardState = _ref.cardState,
     _ref$extensionKey = _ref.extensionKey,
     extensionKey = _ref$extensionKey === void 0 ? '' : _ref$extensionKey,
@@ -55,7 +56,8 @@ var FlexibleUnauthorisedView = function FlexibleUnauthorisedView(_ref) {
     ui: ui,
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
-    hideRetry: true
+    hideRetry: true,
+    anchorTarget: anchorTarget
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     overrideCss: contentStyles,
     testId: "".concat(testId, "-content")

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
@@ -68,21 +69,25 @@ var Link = function Link(_ref) {
     theme = _ref$theme === void 0 ? SmartLinkTheme.Link : _ref$theme,
     url = _ref.url,
     onClick = _ref.onClick,
-    target = _ref.target;
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '_blank' : _ref$target;
   var onMouseDown = useMouseDownEvent();
   var hasSpace = useMemo(function () {
     return text ? hasWhiteSpace(text) : false;
   }, [text]);
-  var anchor = jsx("a", {
+  var anchor = jsx("a", _extends({
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
     "data-smart-element": name,
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,
     onMouseDown: onMouseDown,
-    href: url,
-    target: target || '_blank'
-  }, text);
+    href: url
+    // We do not want set the target if it is the default value of '_self'. This prevents link
+    // click issues in Confluence and Trello which rely on it not being set unless necessary.
+  }, target !== '_self' && {
+    target: target
+  }), text);
   return jsx("span", {
     css: containerStyles
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));

package/dist/types/view/BlockCard/views/flexible/FlexibleErroredView.d.ts

@@ -6,5 +6,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleErroredView: ({ cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleErroredView: ({ anchorTarget, cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleErroredView;

package/dist/types/view/BlockCard/views/flexible/FlexibleForbiddenView.d.ts

@@ -7,5 +7,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleForbiddenView: ({ cardState, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleForbiddenView: ({ anchorTarget, cardState, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleForbiddenView;

package/dist/types/view/BlockCard/views/flexible/FlexibleNotFoundView.d.ts

@@ -6,5 +6,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleNotFoundView: ({ cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleNotFoundView: ({ anchorTarget, cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleNotFoundView;

package/dist/types/view/BlockCard/views/flexible/FlexibleResolvedView.d.ts

@@ -5,5 +5,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, showServerActions, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, showServerActions, anchorTarget, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleResolvedView;

package/dist/types/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts

@@ -7,5 +7,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleUnauthorisedView: ({ analytics, cardState, extensionKey, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleUnauthorisedView: ({ anchorTarget, analytics, cardState, extensionKey, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleUnauthorisedView;

package/dist/types/view/BlockCard/views/flexible/types.d.ts

@@ -5,11 +5,16 @@ import { FlexibleUiOptions } from '../../../FlexibleCard/types';
 import { OnResolveCallback } from '../../../Card/types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { AnalyticsFacade } from '../../../../state/analytics';
+import { AnchorTarget } from '../../../FlexibleCard/components/types';
 export type FlexibleBlockCardProps = {
     /**
      * An AnalyticsFacade object used for calling analytics.
      */
     analytics: AnalyticsFacade;
+    /**
+     * Determines the anchor target to be passed to the title block.
+     */
+    anchorTarget?: AnchorTarget;
     /**
      * Determines the status and data of the Smart Link.
      * @internal
@@ -42,15 +47,15 @@ export type FlexibleBlockCardProps = {
      * function to be called after a flexible card has rendered its resolved state
      */
     onResolve?: OnResolveCallback;
+    /**
+     * A name of the provider, needed to specify to user which account has to be connected
+     */
+    providerName?: string;
     /**
      * Any additional renderers required by Flexible UI. Currently used by icon
      * to render Emoji.
      */
     renderers?: CardProviderRenderers;
-    /**
-     * A name of the provider, needed to specify to user which account has to be connected
-     */
-    providerName?: string;
     /**
      * Determines whether to show available server actions.
      */

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleErroredView.d.ts

@@ -6,5 +6,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleErroredView: ({ cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleErroredView: ({ anchorTarget, cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleErroredView;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleForbiddenView.d.ts

@@ -7,5 +7,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleForbiddenView: ({ cardState, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleForbiddenView: ({ anchorTarget, cardState, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleForbiddenView;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleNotFoundView.d.ts

@@ -6,5 +6,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleNotFoundView: ({ cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleNotFoundView: ({ anchorTarget, cardState, onAuthorize, onError, ui, url, onClick, testId, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleNotFoundView;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleResolvedView.d.ts

@@ -5,5 +5,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, showServerActions, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleResolvedView: ({ id, cardState, onClick, onError, onResolve, showServerActions, anchorTarget, testId, ui, url, analytics, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleResolvedView;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts

@@ -7,5 +7,5 @@ import { FlexibleBlockCardProps } from './types';
  * @see SmartLinkStatus
  * @see FlexibleCardProps
  */
-declare const FlexibleUnauthorisedView: ({ analytics, cardState, extensionKey, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
+declare const FlexibleUnauthorisedView: ({ anchorTarget, analytics, cardState, extensionKey, onAuthorize, onClick, onError, testId, ui, url, }: FlexibleBlockCardProps) => JSX.Element;
 export default FlexibleUnauthorisedView;

package/dist/types-ts4.5/view/BlockCard/views/flexible/types.d.ts

@@ -5,11 +5,16 @@ import { FlexibleUiOptions } from '../../../FlexibleCard/types';
 import { OnResolveCallback } from '../../../Card/types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { AnalyticsFacade } from '../../../../state/analytics';
+import { AnchorTarget } from '../../../FlexibleCard/components/types';
 export type FlexibleBlockCardProps = {
     /**
      * An AnalyticsFacade object used for calling analytics.
      */
     analytics: AnalyticsFacade;
+    /**
+     * Determines the anchor target to be passed to the title block.
+     */
+    anchorTarget?: AnchorTarget;
     /**
      * Determines the status and data of the Smart Link.
      * @internal
@@ -42,15 +47,15 @@ export type FlexibleBlockCardProps = {
      * function to be called after a flexible card has rendered its resolved state
      */
     onResolve?: OnResolveCallback;
+    /**
+     * A name of the provider, needed to specify to user which account has to be connected
+     */
+    providerName?: string;
     /**
      * Any additional renderers required by Flexible UI. Currently used by icon
      * to render Emoji.
      */
     renderers?: CardProviderRenderers;
-    /**
-     * A name of the provider, needed to specify to user which account has to be connected
-     */
-    providerName?: string;
     /**
      * Determines whether to show available server actions.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.5.5",
+  "version": "26.5.6",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
     "@atlaskit/in-product-testing": "^0.2.0",
     "@atlaskit/link-analytics": "^8.0.2",
     "@atlaskit/link-client-extension": "^1.2.0",
-    "@atlaskit/linking-common": "^2.14.0",
+    "@atlaskit/linking-common": "^2.15.0",
     "@atlaskit/linking-types": "^6.0.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
@@ -146,6 +146,9 @@
     },
     "platform.linking-platform.smart-card.remove-dispatch-analytics-as-prop": {
       "type": "boolean"
+    },
+    "platform.linking-platform.smart-card.enable-block-card-clicks-opening-in-same-tab": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",