@atlaskit/smart-card 19.1.27 → 19.1.30

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';

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.27",
+	"version": "19.1.30",
 	"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 '../../../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 '../../../messages';

package/dist/esm/view/CardWithUrl/component.js

@@ -1,4 +1,5 @@
 import React, { useEffect, useCallback, useMemo } from 'react';
+import { useFeatureFlag } from '@atlaskit/link-provider';
 import { isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
 import { getDefinitionId, getServices, isFinalState, getClickUrl, getResourceType, getExtensionKey, getSubproduct, getProduct } from '../../state/helpers';
@@ -47,7 +48,13 @@ export function CardWithUrlContent(_ref) {
   var services = getServices(state.details);
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children);
-  }, [children]); // Setup UI handlers.
+  }, [children]);
+  var showHoverPreviewFlag = useFeatureFlag('showHoverPreview');
+
+  if (showHoverPreview === undefined && showHoverPreviewFlag !== undefined) {
+    showHoverPreview = showHoverPreviewFlag;
+  } // Setup UI handlers.
+
 
   var handleClick = useCallback(function (event) {
     var clickUrl = getClickUrl(url, state.details);

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

@@ -5,11 +5,11 @@ var _templateObject;
 /** @jsx jsx */
 import React from 'react';
 import { css, jsx } from '@emotion/core';
-import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
+import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
 import { getBaseStyles, getGapSize, renderChildren } from '../utils';
 
 var getBlockStyles = function getBlockStyles(direction, size) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  justify-content: flex-start;\n  [data-separator] + [data-separator]:before {\n    content: '\u2022';\n    margin-right: ", "rem;\n  }\n"])), getBaseStyles(direction, size), getGapSize(size));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  justify-content: flex-start;\n  [data-separator] + [data-separator]:before {\n    content: '\u2022';\n    margin-right: ", "rem;\n  }\n  // Pull request elements: source branch \u2192 target branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2192';\n  }\n  // Pull request elements: target branch \u2190 source branch\n  [data-smart-element='", "']\n    + [data-smart-element='", "']:before {\n    content: '\u2190';\n  }\n"])), getBaseStyles(direction, size), getGapSize(size), ElementName.SourceBranch, ElementName.TargetBranch, ElementName.TargetBranch, ElementName.SourceBranch);
 };
 /**
  * A block represents a collection of elements and actions that are arranged

package/dist/esm/view/FlexibleCard/components/blocks/utils.js

@@ -20,7 +20,7 @@ import * as Actions from '../actions';
 import { isFlexibleUiElement } from '../../../../utils/flexible';
 import ActionGroup from './action-group';
 import ElementGroup from './element-group';
-export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _ElementDisplaySchema);
+export var ElementDisplaySchema = (_ElementDisplaySchema = {}, _defineProperty(_ElementDisplaySchema, ElementName.AuthorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CollaboratorGroup, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CommentCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ViewCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ReactCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.VoteCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.CreatedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LatestCommit, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.LinkIcon, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedBy, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ModifiedOn, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Preview, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.Priority, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.ProgrammingLanguage, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Provider, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Snippet, ['block']), _defineProperty(_ElementDisplaySchema, ElementName.SourceBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.State, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.SubscriberCount, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.TargetBranch, ['inline']), _defineProperty(_ElementDisplaySchema, ElementName.Title, ['inline']), _ElementDisplaySchema);
 
 var getDirectionStyles = function getDirectionStyles(direction) {
   switch (direction) {

package/dist/esm/view/FlexibleCard/components/elements/avatar-group/index.js

@@ -38,6 +38,7 @@ var AvatarGroup = function AvatarGroup(_ref) {
       items = _ref$items === void 0 ? [] : _ref$items,
       _ref$maxCount = _ref.maxCount,
       maxCount = _ref$maxCount === void 0 ? MAX_COUNT : _ref$maxCount,
+      name = _ref.name,
       overrideCss = _ref.overrideCss,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
@@ -51,6 +52,7 @@ var AvatarGroup = function AvatarGroup(_ref) {
   return jsx("span", {
     css: [getStyles(size), overrideCss],
     "data-fit-to-content": true,
+    "data-smart-element": name,
     "data-smart-element-avatar-group": true,
     "data-testid": testId
   }, jsx(AtlaskitAvatarGroup, {

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

@@ -65,6 +65,7 @@ var renderImageIcon = function renderImageIcon(url, testId) {
 var Badge = function Badge(_ref) {
   var icon = _ref.icon,
       label = _ref.label,
+      name = _ref.name,
       overrideCss = _ref.overrideCss,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'smart-element-badge' : _ref$testId,
@@ -79,6 +80,7 @@ var Badge = function Badge(_ref) {
   return jsx("span", {
     css: [badgeStyles, overrideCss],
     "data-fit-to-content": true,
+    "data-smart-element": name,
     "data-smart-element-badge": true,
     "data-testid": testId
   }, jsx("span", {

package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js

@@ -32,6 +32,7 @@ var typeToDescriptorMap = {
 
 var DateTime = function DateTime(_ref) {
   var date = _ref.date,
+      name = _ref.name,
       overrideCss = _ref.overrideCss,
       type = _ref.type,
       _ref$testId = _ref.testId,
@@ -71,6 +72,7 @@ var DateTime = function DateTime(_ref) {
   return jsx("span", {
     css: [styles, overrideCss],
     "data-separator": true,
+    "data-smart-element": name,
     "data-smart-element-date-time": true,
     "data-testid": testId
   }, text ? "".concat(text, " ").concat(context) : jsx(FormattedMessage, _extends({}, typeToDescriptorMap[type][typeVariant], {

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

@@ -68,6 +68,7 @@ var Icon = function Icon(_ref) {
   var icon = _ref.icon,
       _ref$label = _ref.label,
       label = _ref$label === void 0 ? 'Link' : _ref$label,
+      name = _ref.name,
       _ref$position = _ref.position,
       position = _ref$position === void 0 ? SmartLinkPosition.Top : _ref$position,
       overrideCss = _ref.overrideCss,
@@ -87,6 +88,7 @@ var Icon = function Icon(_ref) {
   return jsx("div", {
     css: [styles, renderStyles, overrideCss],
     "data-fit-to-content": true,
+    "data-smart-element": name,
     "data-smart-element-icon": true,
     "data-testid": testId
   }, element);

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

@@ -92,6 +92,12 @@ export var ReactCount = createElement(ElementName.ReactCount);
  */
 
 export var Snippet = createElement(ElementName.Snippet);
+/**
+ * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
+ * @see Text
+ */
+
+export var SourceBranch = createElement(ElementName.SourceBranch);
 /**
  * Creates a State Lozenge element using the data from State in the Flexible UI Context.
  * @see Lozenge
@@ -104,6 +110,12 @@ export var State = createElement(ElementName.State);
  */
 
 export var SubscriberCount = createElement(ElementName.SubscriberCount);
+/**
+ * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
+ * @see Text
+ */
+
+export var TargetBranch = createElement(ElementName.TargetBranch);
 /**
  * Creates a Title Link element using the data from Title in the Flexible UI Context.
  * This represents the main link text within the Smart Link.

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

@@ -62,6 +62,7 @@ var Link = function Link(_ref) {
   var hideTooltip = _ref.hideTooltip,
       _ref$maxLines = _ref.maxLines,
       maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+      name = _ref.name,
       overrideCss = _ref.overrideCss,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
@@ -78,6 +79,7 @@ var Link = function Link(_ref) {
   }, [text]);
   var anchor = jsx("a", {
     css: [getAnchorStyles(size, theme, getMaxLines(maxLines), hasSpace), overrideCss],
+    "data-smart-element": name,
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,

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

@@ -17,6 +17,7 @@ var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["
 var Lozenge = function Lozenge(_ref) {
   var _ref$appearance = _ref.appearance,
       appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
+      name = _ref.name,
       overrideCss = _ref.overrideCss,
       text = _ref.text,
       _ref$testId = _ref.testId,
@@ -29,6 +30,7 @@ var Lozenge = function Lozenge(_ref) {
   return jsx("span", {
     css: [styles, overrideCss],
     "data-fit-to-content": true,
+    "data-smart-element": name,
     "data-smart-element-lozenge": true,
     "data-testid": testId
   }, jsx(AtlaskitLozenge, {

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

@@ -26,7 +26,8 @@ var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["
  */
 
 var Media = function Media(_ref) {
-  var overrideCss = _ref.overrideCss,
+  var name = _ref.name,
+      overrideCss = _ref.overrideCss,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'smart-element-media' : _ref$testId,
       type = _ref.type,
@@ -38,6 +39,7 @@ var Media = function Media(_ref) {
 
   return jsx("div", {
     css: [styles, overrideCss],
+    "data-smart-element": name,
     "data-smart-element-media": true,
     "data-testid": testId
   }, jsx(ImageIcon, {

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

@@ -24,6 +24,7 @@ var Text = function Text(_ref) {
       _ref$maxLines = _ref.maxLines,
       maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
       message = _ref.message,
+      name = _ref.name,
       overrideCss = _ref.overrideCss,
       _ref$testId = _ref.testId,
       testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
@@ -35,6 +36,7 @@ var Text = function Text(_ref) {
   return jsx("span", {
     css: [getStyles(maxLines), overrideCss],
     "data-separator": true,
+    "data-smart-element": name,
     "data-smart-element-text": true,
     "data-testid": testId
   }, getFormattedMessage(message) || content);

package/dist/esm/view/FlexibleCard/components/elements/utils.js

@@ -45,10 +45,19 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   }
 }), _defineProperty(_elementMappings, ElementName.CreatedBy, {
   component: Text
+}), _defineProperty(_elementMappings, ElementName.CreatedOn, {
+  component: DateTime
+}), _defineProperty(_elementMappings, ElementName.LatestCommit, {
+  component: Badge,
+  props: {
+    icon: IconType.Commit
+  }
 }), _defineProperty(_elementMappings, ElementName.LinkIcon, {
   component: Icon
 }), _defineProperty(_elementMappings, ElementName.ModifiedBy, {
   component: Text
+}), _defineProperty(_elementMappings, ElementName.ModifiedOn, {
+  component: DateTime
 }), _defineProperty(_elementMappings, ElementName.Preview, {
   component: Media
 }), _defineProperty(_elementMappings, ElementName.Priority, {
@@ -58,12 +67,16 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   props: {
     icon: IconType.ProgrammingLanguage
   }
+}), _defineProperty(_elementMappings, ElementName.Provider, {
+  component: Badge
 }), _defineProperty(_elementMappings, ElementName.Snippet, {
   component: Text,
   props: {
     maxLines: SNIPPET_DEFAULT_MAX_LINES,
     overrideCss: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        color: ", ";\n      "])), tokens.snippet)
   }
+}), _defineProperty(_elementMappings, ElementName.SourceBranch, {
+  component: Text
 }), _defineProperty(_elementMappings, ElementName.State, {
   component: Lozenge
 }), _defineProperty(_elementMappings, ElementName.SubscriberCount, {
@@ -71,19 +84,10 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   props: {
     icon: IconType.Subscriber
   }
+}), _defineProperty(_elementMappings, ElementName.TargetBranch, {
+  component: Text
 }), _defineProperty(_elementMappings, ElementName.Title, {
   component: Link
-}), _defineProperty(_elementMappings, ElementName.CreatedOn, {
-  component: DateTime
-}), _defineProperty(_elementMappings, ElementName.ModifiedOn, {
-  component: DateTime
-}), _defineProperty(_elementMappings, ElementName.Provider, {
-  component: Badge
-}), _defineProperty(_elementMappings, ElementName.LatestCommit, {
-  component: Badge,
-  props: {
-    icon: IconType.Commit
-  }
 }), _elementMappings);
 
 var getContextKey = function getContextKey(name) {
@@ -126,6 +130,8 @@ var getData = function getData(elementName, contextKey, context) {
       return toDateTimeProps('modified', context.modifiedOn);
 
     case ElementName.Snippet:
+    case ElementName.SourceBranch:
+    case ElementName.TargetBranch:
       return toTextProps(data);
 
     case ElementName.Title:
@@ -193,6 +199,8 @@ export var createElement = function createElement(name) {
   return function (overrides) {
     var context = useContext(FlexibleUiContext);
     var data = getData(name, contextKey, context);
-    return data ? /*#__PURE__*/React.createElement(BaseElement, _extends({}, props, data, overrides)) : null;
+    return data ? /*#__PURE__*/React.createElement(BaseElement, _extends({}, props, data, overrides, {
+      name: name
+    })) : null;
   };
 };

package/dist/esm/view/HoverCard/components/hover-card-content.js

@@ -9,6 +9,7 @@ import { isSpecialEvent } from '../../../utils';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { getExtensionKey } from '../../../state/helpers';
 import { titleBlockCss, metadataBlockCss, footerBlockCss } from '../styled';
+import { extractType } from '../../../extractors/common/primitives/extractType';
 var flexibleUiOptions = {
   hideElevation: true,
   size: SmartLinkSize.Medium,
@@ -73,13 +74,16 @@ var HoverCardContent = function HoverCardContent(_ref) {
   }, [url, analytics]);
   var footerActions = useMemo(function () {
     return toFooterActions(cardActions);
-  }, [cardActions]); //TODO: EDM-3224 deleted simulated and use real JsonLd
+  }, [cardActions]);
+  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var types = data ? extractType(data) : undefined; //TODO: EDM-3224 deleted simulated and use real JsonLd
 
-  var _extractMetadata = extractMetadata(getSimulatedMetadata(extensionKey)),
+  var _extractMetadata = extractMetadata(getSimulatedMetadata(extensionKey, types)),
       primary = _extractMetadata.primary,
-      secondary = _extractMetadata.secondary;
+      secondary = _extractMetadata.secondary,
+      subtitle = _extractMetadata.subtitle;
 
-  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var titleMaxLines = subtitle && subtitle.length > 0 ? 1 : 2;
   var body = data && extractPreview(data) ? /*#__PURE__*/React.createElement(PreviewBlock, null) : /*#__PURE__*/React.createElement(SnippetBlock, null);
   return /*#__PURE__*/React.createElement(FlexibleCard, {
     cardState: cardState,
@@ -90,9 +94,11 @@ var HoverCardContent = function HoverCardContent(_ref) {
     url: url
   }, /*#__PURE__*/React.createElement(TitleBlock, {
     actions: titleActions,
+    maxLines: titleMaxLines,
     overrideCss: titleBlockCss,
     size: SmartLinkSize.Large,
-    position: SmartLinkPosition.Center
+    position: SmartLinkPosition.Center,
+    subtitle: subtitle
   }), /*#__PURE__*/React.createElement(MetadataBlock, {
     primary: primary,
     secondary: secondary,

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

@@ -99,7 +99,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
         onMouseLeave: initHideCard
       }), children);
     },
-    zIndex: 501 // Temporary fix for Confluence inline comment on editor mod has z-index of 500
+    zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 
   });
 };

package/dist/esm/view/HoverCard/styled.js

@@ -1,10 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 import { css } from '@emotion/core';
 import { loadingPlaceholderClassName } from '../../index';
-export var HoverCardContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: 24rem;\n  padding: 1rem;\n\n  .", " {\n    display: none;\n  }\n"])), loadingPlaceholderClassName);
-export var titleBlockCss = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  gap: 0.5rem;\n"])));
-export var metadataBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: 0px;\n\n  /* primary element group */\n  [data-smart-element-group]:first-of-type {\n    flex-grow: 7;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: 0.5rem;\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:last-of-type {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: 0.5rem;\n    }\n  }\n"])));
-export var footerBlockCss = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding-top: 0.25rem;\n"])));
+var blockGap = '0.5rem';
+var elementGap = '0.5rem';
+var separatorCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  [data-separator] + [data-separator]:before {\n    margin-right: ", ";\n  }\n"])), elementGap);
+export var HoverCardContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: none;\n  border-width: 0;\n  box-sizing: border-box;\n  width: 24rem;\n  padding: 1rem;\n\n  .", " {\n    display: none;\n  }\n"])), loadingPlaceholderClassName);
+export var titleBlockCss = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  gap: ", ";\n\n  ", "\n\n  // title and subtitle element group\n  [data-smart-element-group] {\n    // gap between title and subtitle\n    gap: 0.06rem;\n\n    /* subtitle element group */\n    > [data-smart-element-group] {\n      > span {\n        margin-right: ", ";\n      }\n    }\n  }\n"])), blockGap, separatorCss, elementGap);
+export var metadataBlockCss = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  gap: 0px;\n\n  /* primary element group */\n  [data-smart-element-group]:nth-of-type(1) {\n    flex-grow: 7;\n\n    // a separator between text-based element\n    ", "\n\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-right: ", ";\n    }\n  }\n  /* secondary element group */\n  [data-smart-element-group]:nth-of-type(2) {\n    flex-grow: 3;\n    /* horizontal spacing between elements in group */\n    > span {\n      margin-left: ", ";\n    }\n  }\n"])), separatorCss, elementGap, elementGap);
+export var footerBlockCss = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding-top: 0.25rem;\n"])));

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

@@ -2,13 +2,35 @@ import { ElementName } from '../../constants';
 export var HOVER_CARD_ANALYTICS_DISPLAY = 'flexible';
 export var getSimulatedMetadata = function getSimulatedMetadata() {
   var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var types = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
   switch (extensionKey) {
+    case 'bitbucket-object-provider':
+    case 'native-bitbucket-object-provider':
+      if (types.includes('atlassian:SourceCodePullRequest')) {
+        return {
+          metadata: {
+            primary: [ElementName.AuthorGroup, ElementName.ModifiedOn, ElementName.SubscriberCount, ElementName.State],
+            secondary: [],
+            subtitle: [ElementName.SourceBranch, ElementName.TargetBranch]
+          }
+        };
+      }
+
+      return {
+        metadata: {
+          primary: [ElementName.ModifiedOn, ElementName.CreatedBy],
+          secondary: [],
+          subtitle: []
+        }
+      };
+
     case 'confluence-object-provider':
       return {
         metadata: {
           primary: [ElementName.AuthorGroup, ElementName.CreatedBy],
-          secondary: [ElementName.CommentCount, ElementName.ReactCount]
+          secondary: [ElementName.CommentCount, ElementName.ReactCount],
+          subtitle: []
         }
       };
 
@@ -16,7 +38,8 @@ export var getSimulatedMetadata = function getSimulatedMetadata() {
       return {
         metadata: {
           primary: [ElementName.AuthorGroup, ElementName.State, ElementName.Priority],
-          secondary: []
+          secondary: [],
+          subtitle: []
         }
       };
 
@@ -24,7 +47,8 @@ export var getSimulatedMetadata = function getSimulatedMetadata() {
       return {
         metadata: {
           primary: [ElementName.ModifiedOn, ElementName.CreatedBy],
-          secondary: []
+          secondary: [],
+          subtitle: []
         }
       };
   }

package/dist/types/constants.d.ts

@@ -68,7 +68,7 @@ export declare enum SmartLinkWidth {
  * When adding an element...
  * 1) Create base element if it doesn't already exist.
  *    Base element are inside src/view/FlexibleCard/components/elements.
- *    E.g. Badge,DateTime, Icon, Lozenge, etc.
+ *    E.g. Badge, DateTime, Icon, Lozenge, etc.
  * 2) Update FlexibleUiContext with the new prop for data representing
  *    the element, preferably with the same name as the element itself.
  *    (src/state/flexible-ui-context/types.ts)
@@ -94,8 +94,10 @@ export declare enum ElementName {
     Provider = "Provider",
     ReactCount = "ReactCount",
     Snippet = "Snippet",
+    SourceBranch = "SourceBranch",
     State = "State",
     SubscriberCount = "SubscriberCount",
+    TargetBranch = "TargetBranch",
     Title = "Title",
     ViewCount = "ViewCount",
     VoteCount = "VoteCount",

package/dist/types/extractors/common/__mocks__/jsonld.d.ts

@@ -17,6 +17,7 @@ export declare const TEST_BASE_DATA: JsonLd.Data.BaseData;
 export declare const TEST_DATA_WITH_EMOJI: JsonLd.Data.BaseData;
 export declare const TEST_DATA_WITH_NO_PREFIX: JsonLd.Data.BaseData;
 export declare const TEST_PROJECT: JsonLd.Data.Project;
+export declare const TEST_PULL_REQUEST: JsonLd.Data.SourceCodePullRequest;
 export declare const TEST_TASK: JsonLd.Data.Task;
 export declare const TEST_META_DATA: JsonLd.Meta.BaseMeta;
 export declare const TEST_DOCUMENT: JsonLd.Data.Document;
@@ -30,19 +31,19 @@ export declare const TEST_DOCUMENT_WITH_ACTIONS: {
     '@type': "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink" | ("Object" | "Document")[] | (JsonLd.Data.DocumentChildType | JsonLd.Data.DocumentParentType)[] | ("Document" | "schema:DigitalDocument")[];
     'schema:fileFormat'?: string | undefined;
     'atlassian:fileSize'?: number | undefined;
-    'schema:dateCreated'?: string | undefined;
-    'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | undefined;
     'schema:commentCount'?: number | undefined;
     'atlassian:isDeleted'?: boolean | undefined;
     'atlassian:dateViewed'?: string | undefined;
     'atlassian:reactCount'?: number | undefined;
-    'atlassian:state'?: string | undefined;
+    'atlassian:state'?: string | JsonLd.Primitives.Object<any> | undefined;
     'atlassian:viewCount'?: number | undefined;
     'atlassian:voteCount'?: number | undefined;
     '@context': JsonLd.Primitives.Context;
     'atlassian:downloadUrl'?: string | undefined;
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
+    'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | JsonLd.Primitives.Collection<JsonLd.Primitives.Link | JsonLd.Primitives.Person<any>> | undefined;
+    'schema:dateCreated'?: string | undefined;
     '@id'?: string | undefined;
     attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
     attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
@@ -85,20 +86,20 @@ export declare const TEST_DOCUMENT_WITH_PREVIEW: {
     '@type': "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink" | ("Object" | "Document")[] | (JsonLd.Data.DocumentChildType | JsonLd.Data.DocumentParentType)[] | ("Document" | "schema:DigitalDocument")[];
     'schema:fileFormat'?: string | undefined;
     'atlassian:fileSize'?: number | undefined;
-    'schema:dateCreated'?: string | undefined;
-    'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | undefined;
     'schema:commentCount'?: number | undefined;
     'atlassian:isDeleted'?: boolean | undefined;
     'schema:potentialAction'?: JsonLd.Primitives.Property<JsonLd.Data.DocumentAction> | undefined;
     'atlassian:dateViewed'?: string | undefined;
     'atlassian:reactCount'?: number | undefined;
-    'atlassian:state'?: string | undefined;
+    'atlassian:state'?: string | JsonLd.Primitives.Object<any> | undefined;
     'atlassian:viewCount'?: number | undefined;
     'atlassian:voteCount'?: number | undefined;
     '@context': JsonLd.Primitives.Context;
     'atlassian:downloadUrl'?: string | undefined;
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
+    'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | JsonLd.Primitives.Collection<JsonLd.Primitives.Link | JsonLd.Primitives.Person<any>> | undefined;
+    'schema:dateCreated'?: string | undefined;
     '@id'?: string | undefined;
     attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
     attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
@@ -145,6 +146,8 @@ export declare const TEST_DATA_WITH_LATEST_COMMIT_OBJ: {
     'atlassian:downloadUrl'?: string | undefined;
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
+    'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | JsonLd.Primitives.Collection<JsonLd.Primitives.Link | JsonLd.Primitives.Person<any>> | undefined;
+    'schema:dateCreated'?: string | undefined;
     '@id'?: string | undefined;
     attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
     attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
@@ -189,6 +192,8 @@ export declare const TEST_DATA_WITH_LATEST_COMMIT_TEXT: {
     'atlassian:downloadUrl'?: string | undefined;
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
+    'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | JsonLd.Primitives.Collection<JsonLd.Primitives.Link | JsonLd.Primitives.Person<any>> | undefined;
+    'schema:dateCreated'?: string | undefined;
     '@id'?: string | undefined;
     attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
     attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {

package/dist/types/extractors/flexible/utils.d.ts

@@ -6,4 +6,6 @@ export declare const extractVoteCount: (data: JsonLd.Data.BaseData) => number |
 export declare const extractCreatedBy: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractModifiedBy: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractProgrammingLanguage: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractSourceBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;
 export declare const extractSubscriberCount: (data: JsonLd.Data.BaseData) => number | undefined;
+export declare const extractTargetBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;