@atlaskit/smart-card 26.5.4 → 26.5.6

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/cjs/view/FlexibleCard/components/elements/lozenge/index.js

@@ -1,24 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _lozengeAction = _interopRequireDefault(require("../../common/lozenge-action"));
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
-var _templateObject, _templateObject2;
+var _templateObject;
 /** @jsx jsx */
-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; }
 var styles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  line-height: inherit;\n"])));
-var actionStyles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  overflow: visible;\n"])));
 
 /**
  * A base element that displays a Lozenge.
@@ -31,27 +26,11 @@ var Lozenge = function Lozenge(_ref) {
     _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
     name = _ref.name,
-    onClick = _ref.onClick,
     overrideCss = _ref.overrideCss,
     text = _ref.text,
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'smart-element-lozenge' : _ref$testId;
   var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isBold = _useState2[0],
-    setIsBold = _useState2[1];
-  var onHover = (0, _react.useCallback)(function (isHover) {
-    if (onClick) {
-      setIsBold(isHover);
-    }
-  }, [onClick]);
-  var onMouseEnter = (0, _react.useCallback)(function () {
-    return onHover(true);
-  }, [onHover]);
-  var onMouseLeave = (0, _react.useCallback)(function () {
-    return onHover(false);
-  }, [onHover]);
   if (!text) {
     return null;
   }
@@ -63,19 +42,14 @@ var Lozenge = function Lozenge(_ref) {
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
   }) : (0, _react2.jsx)(_lozenge.default, {
     appearance: appearance,
-    isBold: isBold,
     testId: "".concat(testId, "-lozenge")
   }, text);
   return (0, _react2.jsx)("span", {
-    css: [styles, onClick ? actionStyles : undefined, overrideCss],
+    css: [styles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-lozenge": true,
-    "data-testid": testId,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    tabIndex: onClick ? 0 : -1
+    "data-testid": testId
   }, lozenge);
 };
 var _default = Lozenge;

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _linkProvider = require("@atlaskit/link-provider");
-var _extractors = require("@atlaskit/linking-common/extractors");
 var _constants = require("../../../../../constants");
 var _blocks = require("../../../../FlexibleCard/components/blocks");
 var _styled = require("./styled");
@@ -70,7 +69,6 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
     onActionClick = _ref.onActionClick,
     extensionKey = _ref.extensionKey;
-  var showActionableElement = (0, _linkProvider.useFeatureFlag)('enableActionableElement');
   var enableImprovedPreviewAction = (0, _linkProvider.useFeatureFlag)('enableImprovedPreviewAction');
   (0, _react.useEffect)(function () {
     // Since this hover view is only rendered on resolved status,
@@ -85,16 +83,14 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   }, [cardActions, onActionClick, enableImprovedPreviewAction]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _useMemo = (0, _react.useMemo)(function () {
-      var types = data ? (0, _extractors.extractType)(data) : undefined;
       //TODO: EDM-3224 deleted simulated and use real JsonLd
       var metadata = (0, _extractMetadata.extractMetadata)((0, _utils.getSimulatedMetadata)(extensionKey, data));
-      var primary = showActionableElement ? (0, _utils.toActionableMetadata)(onActionClick, extensionKey, types, cardActions, metadata.primary) : metadata.primary;
       return {
-        primary: primary,
+        primary: metadata.primary,
         secondary: metadata.secondary,
         subtitle: metadata.subtitle
       };
-    }, [cardActions, data, extensionKey, onActionClick, showActionableElement]),
+    }, [data, extensionKey]),
     primary = _useMemo.primary,
     secondary = _useMemo.secondary;
   var snippetHeight = _react.default.useRef(0);

package/dist/cjs/view/HoverCard/utils.js

@@ -1,16 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toActionableMetadata = exports.getSimulatedMetadata = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.getSimulatedMetadata = void 0;
 var _constants = require("../../constants");
 var _extractors = require("@atlaskit/linking-common/extractors");
 var _utils = require("../../extractors/flexible/utils");
-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 getSimulatedMetadata = function getSimulatedMetadata() {
   var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var data = arguments.length > 1 ? arguments[1] : undefined;
@@ -86,31 +82,4 @@ var getSimulatedMetadata = function getSimulatedMetadata() {
       };
   }
 };
-exports.getSimulatedMetadata = getSimulatedMetadata;
-var toActionableMetadata = function toActionableMetadata(onActionClick, extensionKey) {
-  var types = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var cardActions = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  var elementItems = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
-  // Actionable State for Jira issue
-  if (extensionKey === 'jira-object-provider' && types !== null && types !== void 0 && types.includes('atlassian:Task')) {
-    var previewAction = cardActions.find(function (action) {
-      return action.id === 'preview-content';
-    });
-    if (previewAction) {
-      return elementItems.map(function (elementItem) {
-        return elementItem.name === _constants.ElementName.State ? _objectSpread(_objectSpread({}, elementItem), {}, {
-          onClick: function onClick() {
-            if (onActionClick) {
-              onActionClick(previewAction.id);
-            }
-            return previewAction.invoke({
-              isReloadRequired: true
-            });
-          }
-        }) : elementItem;
-      });
-    }
-  }
-  return elementItems;
-};
-exports.toActionableMetadata = toActionableMetadata;
+exports.getSimulatedMetadata = getSimulatedMetadata;

package/dist/es2019/extractors/common/actions/extractPreviewAction.js

@@ -80,10 +80,7 @@ export const extractPreviewAction = ({
     // - Promise invoked by the action invocation handler; open preview.
     previewActionProps.action.promise = previewAction.promise;
     // - Promise invoked on click of `Preview` on block card; trigger above promise.
-    previewAction.promise = opts => handleInvoke({
-      ...previewActionProps,
-      ...opts
-    });
+    previewAction.promise = () => handleInvoke(previewActionProps);
     return previewAction;
   }
 };

package/dist/es2019/state/analytics/useSmartLinkAnalytics.js

@@ -4,7 +4,7 @@ import { chunkloadFailedEvent, connectFailedEvent, connectSucceededEvent, contex
 import { failUfoExperience, startUfoExperience, succeedUfoExperience } from './ufoExperiences';
 import { getDefinitionId, getExtensionKey, getProduct, getResourceType, getSubproduct } from '../helpers';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
-import { trackLinkUpdated, trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
+import { trackSmartLinkQuickActionFailed, trackSmartLinkQuickActionStarted, trackSmartLinkQuickActionSuccess, uiIframeDwelledEvent, uiIframeFocusedEvent } from '../../utils/analytics/analytics';
 import { useDispatchAnalytics } from './useDispatchAnalytics';
 const applyCommonAttributes = (event, commonAttributes) => {
   if (event && event.attributes) {
@@ -733,12 +733,10 @@ export const useSmartLinkAnalytics = (url, _dispatchAnalytics, id, defaultLocati
       location
     }), commonAttributes)),
     /**
-     * This fires a tracking event before and after link updated.
+     * Removed in EDM-5153: This is an even from an experiment.
+     * @deprecated
      */
-    linkUpdated: props => dispatchAnalytics(applyCommonAttributes(trackLinkUpdated({
-      ...commonAttributes,
-      ...props
-    }), commonAttributes)),
+    linkUpdated: props => {},
     /**
      * This fires a tracking event before an action invoke api call is made
      */

package/dist/es2019/state/hooks-external/useSmartLinkActions.js

@@ -1,11 +1,10 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import uuid from 'uuid';
 import { extractBlockProps as extractCardProps } from '../../extractors/block';
 import { useSmartCardActions as useLinkActions } from '../actions';
 import { useSmartLinkAnalytics as useLinkAnalytics } from '../analytics';
 import { useSmartCardState as useLinkState } from '../store';
 import { getExtensionKey } from '../helpers';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 export function useSmartLinkActions({
   url,
   appearance,
@@ -18,32 +17,12 @@ export function useSmartLinkActions({
   const linkState = useLinkState(url);
   const linkAnalytics = useLinkAnalytics(url, analyticsHandler, id);
   const linkActions = useLinkActions(id, url, linkAnalytics);
-
-  // Start: Smart ink Actions experiment
-  const enableActionableElement = useFeatureFlag('enableActionableElement');
-  const reload = useCallback(() => linkActions.reload(), [linkActions]);
-  const handleInvoke = useCallback(opts => {
-    var _opts$action;
-    if (enableActionableElement && opts.type === 'client' && opts.isReloadRequired && ((_opts$action = opts.action) === null || _opts$action === void 0 ? void 0 : _opts$action.type) === 'PreviewAction') {
-      // Reload when embed preview modal close
-      const {
-        promise
-      } = opts.action;
-      opts.action.type = 'StatusAction';
-      opts.action.promise = () => promise({
-        onClose: reload
-      });
-    }
-    return linkActions.invoke(opts, appearance);
-  }, [appearance, enableActionableElement, linkActions, reload]);
-  // End: Smart ink Actions experiment
-
   useEffect(() => {
     if (!linkState.details) {
       return;
     }
     const cardProperties = extractCardProps(linkState.details.data, linkState.details.meta, {
-      handleInvoke,
+      handleInvoke: opts => linkActions.invoke(opts, appearance),
       analytics: linkAnalytics,
       origin,
       extensionKey: getExtensionKey(linkState.details),
@@ -58,6 +37,6 @@ export function useSmartLinkActions({
       invoke: action.promise
     }));
     setActions(cardActions);
-  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin, handleInvoke]);
+  }, [linkState, linkActions, linkAnalytics, appearance, platform, origin]);
   return actions;
 }

package/dist/es2019/utils/analytics/analytics.js

@@ -231,19 +231,6 @@ export const trackAppAccountAuthStarted = ({
     location
   }
 });
-export const trackLinkUpdated = ({
-  actionSubjectId,
-  ...attributes
-}) => ({
-  action: 'updated',
-  actionSubject: 'link',
-  actionSubjectId,
-  eventType: 'track',
-  attributes: {
-    ...context,
-    ...attributes
-  }
-});
 export const trackSmartLinkQuickActionStarted = ({
   smartLinkActionType,
   ...attributes

package/dist/es2019/version.json

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

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

@@ -56,13 +56,12 @@ export default (({
   return {
     id: 'preview-content',
     text: /*#__PURE__*/React.createElement(FormattedMessage, previewText),
-    promise: props => previewFunction({
+    promise: () => previewFunction({
       popupMountPointId: 'twp-editor-preview-iframe',
       providerName: 'Preview',
       showModal: true,
       iframeName: 'twp-editor-preview-iframe',
       onClose: () => {},
-      ...props,
       ...rest
     })
   };

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/es2019/view/FlexibleCard/components/elements/lozenge/index.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React, { useCallback, useState } from 'react';
+import React from 'react';
 import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';
 import LozengeAction from '../../common/lozenge-action';
@@ -8,9 +8,6 @@ const styles = css`
   display: inline-flex;
   line-height: inherit;
 `;
-const actionStyles = css`
-  overflow: visible;
-`;
 
 /**
  * A base element that displays a Lozenge.
@@ -22,20 +19,11 @@ const Lozenge = ({
   action,
   appearance = 'default',
   name,
-  onClick,
   overrideCss,
   text,
   testId = 'smart-element-lozenge'
 }) => {
   const ui = useFlexibleUiOptionContext();
-  const [isBold, setIsBold] = useState(false);
-  const onHover = useCallback(isHover => {
-    if (onClick) {
-      setIsBold(isHover);
-    }
-  }, [onClick]);
-  const onMouseEnter = useCallback(() => onHover(true), [onHover]);
-  const onMouseLeave = useCallback(() => onHover(false), [onHover]);
   if (!text) {
     return null;
   }
@@ -47,19 +35,14 @@ const Lozenge = ({
     zIndex: ui === null || ui === void 0 ? void 0 : ui.zIndex
   }) : jsx(AtlaskitLozenge, {
     appearance: appearance,
-    isBold: isBold,
     testId: `${testId}-lozenge`
   }, text);
   return jsx("span", {
-    css: [styles, onClick ? actionStyles : undefined, overrideCss],
+    css: [styles, overrideCss],
     "data-fit-to-content": true,
     "data-smart-element": name,
     "data-smart-element-lozenge": true,
-    "data-testid": testId,
-    onClick: onClick,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    tabIndex: onClick ? 0 : -1
+    "data-testid": testId
   }, lozenge);
 };
 export default Lozenge;

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -1,12 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { useFeatureFlag } from '@atlaskit/link-provider';
-import { extractType } from '@atlaskit/linking-common/extractors';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { getSimulatedMetadata, toActionableMetadata } from '../../../utils';
+import { getSimulatedMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
 import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
 import { messages } from '../../../../../messages';
@@ -56,7 +55,6 @@ const HoverCardResolvedView = ({
   extensionKey
 }) => {
   var _cardState$details;
-  const showActionableElement = useFeatureFlag('enableActionableElement');
   const enableImprovedPreviewAction = useFeatureFlag('enableImprovedPreviewAction');
   useEffect(() => {
     // Since this hover view is only rendered on resolved status,
@@ -72,16 +70,14 @@ const HoverCardResolvedView = ({
     primary,
     secondary
   } = useMemo(() => {
-    const types = data ? extractType(data) : undefined;
     //TODO: EDM-3224 deleted simulated and use real JsonLd
     const metadata = extractMetadata(getSimulatedMetadata(extensionKey, data));
-    const primary = showActionableElement ? toActionableMetadata(onActionClick, extensionKey, types, cardActions, metadata.primary) : metadata.primary;
     return {
-      primary,
+      primary: metadata.primary,
       secondary: metadata.secondary,
       subtitle: metadata.subtitle
     };
-  }, [cardActions, data, extensionKey, onActionClick, showActionableElement]);
+  }, [data, extensionKey]);
   const snippetHeight = React.useRef(0);
   const snippetBlockRef = useRef(null);
   const onSnippetRender = useCallback(() => {