@atlaskit/smart-card 26.13.1 → 26.14.0

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

@@ -57,6 +57,12 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   component: Text
 }), _defineProperty(_elementMappings, ElementName.OwnedBy, {
   component: Text
+}), _defineProperty(_elementMappings, ElementName.AssignedTo, {
+  component: Text
+}), _defineProperty(_elementMappings, ElementName.AssignedToGroup, {
+  component: AvatarGroup
+}), _defineProperty(_elementMappings, ElementName.OwnedByGroup, {
+  component: AvatarGroup
 }), _defineProperty(_elementMappings, ElementName.CreatedOn, {
   component: DateTime
 }), _defineProperty(_elementMappings, ElementName.DueOn, {
@@ -83,6 +89,8 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   }
 }), _defineProperty(_elementMappings, ElementName.Provider, {
   component: Badge
+}), _defineProperty(_elementMappings, ElementName.ReadTime, {
+  component: Text
 }), _defineProperty(_elementMappings, ElementName.Snippet, {
   component: Text,
   props: {
@@ -98,6 +106,11 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
   props: {
     icon: IconType.Subscriber
   }
+}), _defineProperty(_elementMappings, ElementName.SubTasksProgress, {
+  component: Badge,
+  props: {
+    icon: IconType.CheckItem
+  }
 }), _defineProperty(_elementMappings, ElementName.TargetBranch, {
   component: Text
 }), _defineProperty(_elementMappings, ElementName.Title, {
@@ -120,7 +133,9 @@ var getData = function getData(elementName, contextKey, context) {
   var data = context[contextKey];
   switch (elementName) {
     case ElementName.AuthorGroup:
+    case ElementName.AssignedToGroup:
     case ElementName.CollaboratorGroup:
+    case ElementName.OwnedByGroup:
       return toAvatarGroupProps(data);
     case ElementName.AttachmentCount:
     case ElementName.ChecklistProgress:
@@ -131,9 +146,12 @@ var getData = function getData(elementName, contextKey, context) {
     case ElementName.ProgrammingLanguage:
     case ElementName.SubscriberCount:
     case ElementName.LatestCommit:
+    case ElementName.SubTasksProgress:
       return toBadgeProps(data);
     case ElementName.CreatedBy:
       return toFormattedTextProps(messages.created_by, context.createdBy);
+    case ElementName.AssignedTo:
+      return toFormattedTextProps(messages.assigned_to, context.assignedTo);
     case ElementName.OwnedBy:
       return toFormattedTextProps(messages.owned_by, context.ownedBy);
     case ElementName.CreatedOn:
@@ -144,6 +162,8 @@ var getData = function getData(elementName, contextKey, context) {
       return toFormattedTextProps(messages.modified_by, context.modifiedBy);
     case ElementName.ModifiedOn:
       return toDateTimeProps('modified', context.modifiedOn);
+    case ElementName.ReadTime:
+      return toFormattedTextProps(messages.read_time, data);
     case ElementName.Snippet:
     case ElementName.SourceBranch:
     case ElementName.TargetBranch:

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

@@ -8,11 +8,12 @@ import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../..
 import { FooterBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
 import { footerBlockCss, hiddenSnippetStyles, metadataBlockCss } from './styled';
 import FlexibleCard from '../../../../FlexibleCard';
-import { getSimulatedMetadata } from '../../../utils';
+import { getSimulatedMetadata, getSimulatedBetterMetadata } from '../../../utils';
 import SnippetOrPreview from '../../SnippetOrPreview';
-import { extractMetadata } from '../../../../../extractors/hover/extractMetadata';
+import { extractMetadata, elementNamesToItems } from '../../../../../extractors/hover/extractMetadata';
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick, enableImprovedPreviewAction) {
   var appearance = enableImprovedPreviewAction ? {
     appearance: 'primary'
@@ -72,16 +73,24 @@ 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 = useMemo(function () {
-      //TODO: EDM-3224 deleted simulated and use real JsonLd
+      if (getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg')) {
+        var betterMetadata = getSimulatedBetterMetadata(extensionKey, data);
+        return {
+          topPrimary: elementNamesToItems(betterMetadata.topMetadataBlock.primary),
+          topSecondary: elementNamesToItems(betterMetadata.topMetadataBlock.secondary),
+          bottomPrimary: elementNamesToItems(betterMetadata.bottomMetadataBlock.primary)
+        };
+      }
       var metadata = extractMetadata(getSimulatedMetadata(extensionKey, data));
       return {
-        primary: metadata.primary,
-        secondary: metadata.secondary,
-        subtitle: metadata.subtitle
+        topPrimary: metadata.primary,
+        topSecondary: metadata.secondary,
+        bottomPrimary: []
       };
     }, [data, extensionKey]),
-    primary = _useMemo.primary,
-    secondary = _useMemo.secondary;
+    topPrimary = _useMemo.topPrimary,
+    topSecondary = _useMemo.topSecondary,
+    bottomPrimary = _useMemo.bottomPrimary;
   var snippetHeight = React.useRef(0);
   var snippetBlockRef = useRef(null);
   var onSnippetRender = useCallback(function () {
@@ -94,17 +103,24 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
   });
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
-  })), /*#__PURE__*/React.createElement(MetadataBlock, {
-    primary: primary,
-    secondary: secondary,
-    size: SmartLinkSize.Large,
+  })), /*#__PURE__*/React.createElement(MetadataBlock, _extends({
+    primary: topPrimary,
+    secondary: topSecondary,
     overrideCss: metadataBlockCss,
-    maxLines: 1
-  }), body, /*#__PURE__*/React.createElement(SnippetBlock, {
+    maxLines: 1,
+    size: SmartLinkSize.Large
+  }, getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && {
+    size: SmartLinkSize.Medium
+  })), body, /*#__PURE__*/React.createElement(SnippetBlock, {
     testId: 'hidden-snippet',
     onRender: onSnippetRender,
     blockRef: snippetBlockRef,
     overrideCss: hiddenSnippetStyles
+  }), getBooleanFF('platform.linking-platform.smart-card.enable-better-metadata_iojwg') && /*#__PURE__*/React.createElement(MetadataBlock, {
+    primary: bottomPrimary,
+    size: SmartLinkSize.Large,
+    overrideCss: metadataBlockCss,
+    maxLines: 1
   }), /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,

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

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { ElementName } from '../../constants';
 import { extractType } from '@atlaskit/link-extractors';
 import { extractOwnedBy } from '../../extractors/flexible/utils';
@@ -29,7 +32,7 @@ export var getSimulatedMetadata = function getSimulatedMetadata() {
       return {
         metadata: {
           primary: [ElementName.AuthorGroup, primaryAttribution],
-          secondary: [ElementName.CommentCount, ElementName.ReactCount],
+          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.ViewCount],
           subtitle: []
         }
       };
@@ -75,4 +78,98 @@ export var getSimulatedMetadata = function getSimulatedMetadata() {
         }
       };
   }
+};
+export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
+  var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var data = arguments.length > 1 ? arguments[1] : undefined;
+  var types = data ? extractType(data) : undefined;
+  var defaultMetadata = {
+    topMetadataBlock: {
+      primary: [ElementName.ModifiedOn, ElementName.CreatedBy],
+      secondary: [],
+      subtitle: []
+    },
+    bottomMetadataBlock: {
+      primary: [],
+      secondary: [],
+      subtitle: []
+    }
+  };
+  switch (extensionKey) {
+    case 'bitbucket-object-provider':
+    case 'native-bitbucket-object-provider':
+      if (types !== null && types !== void 0 && types.includes('atlassian:SourceCodePullRequest')) {
+        return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+          topMetadataBlock: {
+            primary: [ElementName.AuthorGroup, ElementName.ModifiedOn, ElementName.SubscriberCount, ElementName.State],
+            secondary: [],
+            subtitle: [ElementName.SourceBranch, ElementName.TargetBranch]
+          }
+        });
+      }
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [ElementName.ModifiedOn, ElementName.CreatedBy],
+          secondary: [],
+          subtitle: []
+        }
+      });
+    case 'confluence-object-provider':
+      var primaryAttribution = data && extractOwnedBy(data) ? ElementName.OwnedByGroup : ElementName.AuthorGroup;
+      return {
+        topMetadataBlock: {
+          primary: [primaryAttribution, ElementName.ModifiedOn],
+          secondary: [],
+          subtitle: []
+        },
+        bottomMetadataBlock: {
+          primary: [ElementName.CommentCount, ElementName.ReactCount, ElementName.ViewCount],
+          secondary: [],
+          subtitle: []
+        }
+      };
+    case 'jira-object-provider':
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [ElementName.AssignedToGroup, ElementName.State, ElementName.Priority],
+          secondary: [],
+          subtitle: []
+        }
+      });
+    case 'trello-object-provider':
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
+          secondary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.AttachmentCount, ElementName.ChecklistProgress],
+          subtitle: [ElementName.Location]
+        }
+      });
+    case 'watermelon-object-provider':
+      if (types !== null && types !== void 0 && types.includes('atlassian:Project')) {
+        return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+          topMetadataBlock: {
+            primary: [ElementName.AuthorGroup, ElementName.ModifiedOn, ElementName.State, ElementName.DueOn],
+            secondary: [],
+            subtitle: []
+          }
+        });
+      }
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [ElementName.AuthorGroup, ElementName.State, ElementName.DueOn],
+          secondary: [],
+          subtitle: []
+        }
+      });
+    case 'google-object-provider':
+      return _objectSpread(_objectSpread({}, defaultMetadata), {}, {
+        topMetadataBlock: {
+          primary: [ElementName.AuthorGroup, ElementName.ModifiedOn],
+          secondary: [],
+          subtitle: []
+        }
+      });
+    default:
+      return defaultMetadata;
+  }
 };

package/dist/types/constants.d.ts

@@ -84,6 +84,8 @@ export declare enum SmartLinkWidth {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export declare enum ElementName {
+    AssignedTo = "AssignedTo",
+    AssignedToGroup = "AssignedToGroup",
     AttachmentCount = "AttachmentCount",
     AuthorGroup = "AuthorGroup",
     ChecklistProgress = "ChecklistProgress",
@@ -98,15 +100,18 @@ export declare enum ElementName {
     ModifiedBy = "ModifiedBy",
     ModifiedOn = "ModifiedOn",
     OwnedBy = "OwnedBy",
+    OwnedByGroup = "OwnedByGroup",
     Preview = "Preview",
     Priority = "Priority",
     ProgrammingLanguage = "ProgrammingLanguage",
     Provider = "Provider",
     ReactCount = "ReactCount",
+    ReadTime = "ReadTime",
     Snippet = "Snippet",
     SourceBranch = "SourceBranch",
     State = "State",
     SubscriberCount = "SubscriberCount",
+    SubTasksProgress = "SubTasksProgress",
     TargetBranch = "TargetBranch",
     Title = "Title",
     ViewCount = "ViewCount",

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

@@ -1,4 +1,5 @@
 import { JsonLd } from 'json-ld-types';
+import { LinkPerson } from '@atlaskit/link-extractors';
 import { LinkLocation } from '../../state/flexible-ui-context/types';
 export declare const extractCommentCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractDueOn: (data: JsonLd.Data.BaseData) => string | undefined;
@@ -6,6 +7,8 @@ export declare const extractViewCount: (data: JsonLd.Data.BaseData) => number |
 export declare const extractReactCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractVoteCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractOwnedBy: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractAssignedTo: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractPersonAssignedToAsArray: (data: JsonLd.Data.BaseData) => LinkPerson[] | undefined;
 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;
@@ -15,3 +18,5 @@ export declare const extractAttachmentCount: (data: JsonLd.Data.BaseData) => num
 export declare const extractTargetBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;
 export declare const extractChecklistProgress: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractLocation: (data: JsonLd.Data.BaseData) => LinkLocation | undefined;
+export declare const extractSubTasksProgress: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractReadTime: (data: JsonLd.Data.BaseData) => string | undefined;

package/dist/types/extractors/hover/extractMetadata.d.ts

@@ -1,3 +1,5 @@
+import { ElementItem } from '../../view/FlexibleCard/components/blocks/types';
 import { MetadataOptions } from '../../view/HoverCard/types';
 import { JsonLd } from 'json-ld-types';
+export declare const elementNamesToItems: (elementNames: string[]) => ElementItem[];
 export declare const extractMetadata: (jsonLd: JsonLd.Primitives.Property<any>) => MetadataOptions;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -6,6 +6,11 @@ import { IconType, MediaType } from '../../constants';
  * underlying elements.
  */
 export type FlexibleUiDataContext = {
+    /**
+     * An array containing data used to populate the AssignedToGroup element.
+     * @see AvatarGroup
+     */
+    assignedToGroup?: LinkPerson[];
     /**
      * Contains the number of attachments on the linked resource.
      * @type number
@@ -58,6 +63,12 @@ export type FlexibleUiDataContext = {
      * @see VoteCount
      */
     voteCount?: number;
+    /**
+     * Contains the name of the entity that has the resource assigend to.
+     * @type string
+     * @see AssignedTo
+     */
+    assignedTo?: string;
     /**
      * Contains the name of the entity that created the resource.
      * @type string
@@ -70,6 +81,12 @@ export type FlexibleUiDataContext = {
      * @see OwnedBy
      */
     ownedBy?: string;
+    /**
+     * Contains the person that owns the resource.
+     * @type LinkPerson
+     * @see OwnedByGroup
+     */
+    ownedByGroup?: LinkPerson[];
     /**
      * Contains the ISO timestamp of when the resource was created.
      * @type string - ISO Timestamp
@@ -146,6 +163,10 @@ export type FlexibleUiDataContext = {
      * @see Snippet
      */
     snippet?: string;
+    /**
+     * Contains read time (time taken to read) of the resource
+     */
+    readTime?: string;
     /**
      * Contains the source branch name of the link typed pull request.
      * @type string
@@ -158,6 +179,10 @@ export type FlexibleUiDataContext = {
      * @see SubscriberCount
      */
     subscriberCount?: number;
+    /**
+     * A string displaying progress on subtasks
+     */
+    subTasksProgress?: string;
     /**
      * Contains the number of subscribers of the linked resource.
      * @type number

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

@@ -0,0 +1,2 @@
+export declare const metadataBlockCss: import("@emotion/react").SerializedStyles;
+export declare const titleBlockCss: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,10 @@
+import { JsonLd } from 'json-ld-types';
+import { ElementItem } from '../../../FlexibleCard/components/blocks/types';
+export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
+export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
+type SimulatedMetadata = {
+    titleMetadata: ElementItem[];
+    topMetadata: ElementItem[];
+    bottomMetadata?: ElementItem[];
+};
+export {};

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

@@ -168,7 +168,7 @@ export type OnActionMenuOpenChangeOptions = {
 /**
  * A type that contains all the possible combinations of elements with their corresponding props.
  */
-export type ElementItemProps = AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location | ModifiedBy | ModifiedOn | OwnedBy | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | Snippet | SourceBranch | State | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
+export type ElementItemProps = AssignedTo | AssignedToGroup | AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location | ModifiedBy | ModifiedOn | OwnedBy | OwnedByGroup | Preview | Priority | ProgrammingLanguage | Provider | ReactCount | ReadTime | Snippet | SourceBranch | State | SubscriberCount | SubTasksProgress | TargetBranch | Title | ViewCount | VoteCount;
 /**
  * Represents the props available for an AttachmentCount element.
  * @see AttachmentCount
@@ -183,6 +183,20 @@ export type AttachmentCount = {
 export type AuthorGroup = {
     name: ElementName.AuthorGroup;
 };
+/**
+ * Represents the props available for an OwnedByGroup element.
+ * @see AuthorGroup
+ */
+export type OwnedByGroup = {
+    name: ElementName.OwnedByGroup;
+};
+/**
+ * Represents the props available for an AssignedToGroup element.
+ * @see AuthorGroup
+ */
+export type AssignedToGroup = {
+    name: ElementName.AssignedToGroup;
+};
 /**
  * Represents the props available for an ChecklistProgress element.
  * @see ChecklistProgress
@@ -204,6 +218,13 @@ export type CollaboratorGroup = {
 export type CommentCount = {
     name: ElementName.CommentCount;
 };
+/**
+ * Represents the props available for an AssignedTo element.
+ * @see AssignedTo
+ */
+export type AssignedTo = {
+    name: ElementName.AssignedTo;
+};
 /**
  * Represents the props available for an CreatedBy element.
  * @see CreatedBy
@@ -309,6 +330,12 @@ export type Provider = {
 export type ReactCount = {
     name: ElementName.ReactCount;
 };
+/**
+ * Represents the props available for a ReadTime element.
+ */
+export type ReadTime = {
+    name: ElementName.ReadTime;
+};
 /**
  * Represents the props available for an Snippet element.
  * @see Snippet
@@ -331,12 +358,18 @@ export type State = {
     name: ElementName.State;
 };
 /**
- * Represents the props available for an SubscriberCount element.
+ * Represents the props available for a SubscriberCount element.
  * @see SubscriberCount
  */
 export type SubscriberCount = {
     name: ElementName.SubscriberCount;
 };
+/**
+ * Represents the props available for a Subtasks element.
+ */
+export type SubTasksProgress = {
+    name: ElementName.SubTasksProgress;
+};
 /**
  * Represents the props available for an TargetBranch element.
  * @see TargetBranch

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

@@ -7,6 +7,16 @@ import { AvatarGroupProps } from './avatar-group/types';
 import { TextProps } from './text/types';
 import { DateTimeProps } from './date-time/types';
 import { MediaProps } from './media/types';
+/**
+ * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
+ * @see Text
+ */
+export declare const AssignedTo: import("react").FC<TextProps>;
+/**
+ * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export declare const AssignedToGroup: import("react").FC<AvatarGroupProps>;
 /**
  * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
  * @see Badge
@@ -77,6 +87,11 @@ export declare const ModifiedOn: import("react").FC<DateTimeProps>;
  * @see Text
  */
 export declare const OwnedBy: import("react").FC<TextProps>;
+/**
+ * An AvatarGroup element using the data from OwnedByGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export declare const OwnedByGroup: import("react").FC<AvatarGroupProps>;
 /**
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
@@ -102,6 +117,10 @@ export declare const Provider: import("react").FC<BadgeProps>;
  * @see Badge
  */
 export declare const ReactCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
+ */
+export declare const ReadTime: import("react").FC<TextProps>;
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text
@@ -122,6 +141,11 @@ export declare const State: import("react").FC<LozengeProps>;
  * @see Badge
  */
 export declare const SubscriberCount: import("react").FC<BadgeProps>;
+/**
+ * Create a SubTasks Badge element using the data from subTasks in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const SubTasksProgress: import("react").FC<BadgeProps>;
 /**
  * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
  * @see Text

package/dist/types/view/HoverCard/utils.d.ts

@@ -1,2 +1,3 @@
 import { JsonLd } from 'json-ld-types';
 export declare const getSimulatedMetadata: (extensionKey: string | undefined, data: JsonLd.Data.BaseData) => JsonLd.Primitives.Property<any>;
+export declare const getSimulatedBetterMetadata: (extensionKey: string | undefined, data: JsonLd.Data.BaseData) => JsonLd.Primitives.Property<any>;

package/dist/types-ts4.5/constants.d.ts

@@ -84,6 +84,8 @@ export declare enum SmartLinkWidth {
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
 export declare enum ElementName {
+    AssignedTo = "AssignedTo",
+    AssignedToGroup = "AssignedToGroup",
     AttachmentCount = "AttachmentCount",
     AuthorGroup = "AuthorGroup",
     ChecklistProgress = "ChecklistProgress",
@@ -98,15 +100,18 @@ export declare enum ElementName {
     ModifiedBy = "ModifiedBy",
     ModifiedOn = "ModifiedOn",
     OwnedBy = "OwnedBy",
+    OwnedByGroup = "OwnedByGroup",
     Preview = "Preview",
     Priority = "Priority",
     ProgrammingLanguage = "ProgrammingLanguage",
     Provider = "Provider",
     ReactCount = "ReactCount",
+    ReadTime = "ReadTime",
     Snippet = "Snippet",
     SourceBranch = "SourceBranch",
     State = "State",
     SubscriberCount = "SubscriberCount",
+    SubTasksProgress = "SubTasksProgress",
     TargetBranch = "TargetBranch",
     Title = "Title",
     ViewCount = "ViewCount",

package/dist/types-ts4.5/extractors/flexible/utils.d.ts

@@ -1,4 +1,5 @@
 import { JsonLd } from 'json-ld-types';
+import { LinkPerson } from '@atlaskit/link-extractors';
 import { LinkLocation } from '../../state/flexible-ui-context/types';
 export declare const extractCommentCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractDueOn: (data: JsonLd.Data.BaseData) => string | undefined;
@@ -6,6 +7,8 @@ export declare const extractViewCount: (data: JsonLd.Data.BaseData) => number |
 export declare const extractReactCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractVoteCount: (data: JsonLd.Data.BaseData) => number | undefined;
 export declare const extractOwnedBy: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractAssignedTo: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractPersonAssignedToAsArray: (data: JsonLd.Data.BaseData) => LinkPerson[] | undefined;
 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;
@@ -15,3 +18,5 @@ export declare const extractAttachmentCount: (data: JsonLd.Data.BaseData) => num
 export declare const extractTargetBranch: (data: JsonLd.Data.SourceCodePullRequest) => string | undefined;
 export declare const extractChecklistProgress: (data: JsonLd.Data.BaseData) => string | undefined;
 export declare const extractLocation: (data: JsonLd.Data.BaseData) => LinkLocation | undefined;
+export declare const extractSubTasksProgress: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractReadTime: (data: JsonLd.Data.BaseData) => string | undefined;

package/dist/types-ts4.5/extractors/hover/extractMetadata.d.ts

@@ -1,3 +1,5 @@
+import { ElementItem } from '../../view/FlexibleCard/components/blocks/types';
 import { MetadataOptions } from '../../view/HoverCard/types';
 import { JsonLd } from 'json-ld-types';
+export declare const elementNamesToItems: (elementNames: string[]) => ElementItem[];
 export declare const extractMetadata: (jsonLd: JsonLd.Primitives.Property<any>) => MetadataOptions;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_description' | 'request_denied_description';
-export type MessageKey = 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
+export type MessageKey = 'assigned_to' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'could_not_load_link' | 'download' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_improved' | 'preview' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };