@atlaskit/smart-card 16.2.1 → 17.1.0

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

@@ -1,9 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { CardLinkView, InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView } from '@atlaskit/media-ui';
 import { getEmptyJsonLd, getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractProvider, extractRequestAccessContext } from '../../extractors/common/context';
+import { CardLinkView } from '../LinkView';
+import { InlineCardErroredView } from './ErroredView';
+import { InlineCardForbiddenView } from './ForbiddenView';
+import { InlineCardResolvedView } from './ResolvedView';
+import { InlineCardResolvingView } from './ResolvingView';
+import { InlineCardUnauthorizedView } from './UnauthorisedView';
+export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export const InlineCard = ({
   url,
   cardState,

package/dist/es2019/view/InlineCard/styled.js

@@ -0,0 +1,39 @@
+import styled from '@emotion/styled';
+import { B400, N200 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
+const LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
+// This basically turns the button back into inline content
+
+export const IconStyledButton = styled.span`
+  text-align: initial !important;
+  display: inline !important;
+
+  &:hover {
+    /* Remove the text-decoration to match other inline card hover states*/
+    text-decoration: none !important;
+  }
+
+  > span {
+    display: inline;
+    > span {
+      overflow: initial;
+      text-overflow: initial;
+      white-space: initial;
+    }
+  }
+`;
+export const NoLinkAppearance = styled.span`
+  color: ${themed({
+  light: N200,
+  dark: LINK_COLOR_DARK
+})};
+`;
+export const LowercaseAppearance = styled.span`
+  text-transform: lowercase;
+`;
+export const LinkAppearance = styled.span`
+  color: ${themed({
+  light: B400,
+  dark: LINK_COLOR_DARK
+})};
+`;

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Frame } from '../InlineCard/Frame';
+export class CardLinkView extends React.PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(Frame, _extends({
+      withoutBackground: true
+    }, this.props), this.props.link);
+  }
+
+}

package/dist/es2019/view/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/classNames.js

@@ -0,0 +1,11 @@
+export { contentFooterClassName } from './view/BlockCard/components/ContentFooter';
+export { metadataListClassName } from './view/BlockCard/components/MetadataList';
+export { blockCardResolvingViewClassName } from './view/BlockCard/views/ResolvingView';
+export { blockCardResolvedViewClassName, blockCardResolvedViewByClassName } from './view/BlockCard/views/ResolvedView';
+export { blockCardForbiddenViewClassName, blockCardForbiddenViewLinkClassName } from './view/BlockCard/views/ForbiddenView';
+export { blockCardIconImageClassName } from './view/BlockCard/components/Icon';
+export { blockCardContentClassName } from './view/BlockCard/components/Content';
+export { blockCardContentHeaderClassName } from './view/BlockCard/components/ContentHeader';
+export { blockCardContentHeaderNameClassName } from './view/BlockCard/components/Name';
+export { blockCardNotFoundViewClassName } from './view/BlockCard/views/NotFoundView';
+export { blockCardErroredViewClassName } from './view/BlockCard/views/ErroredView';

package/dist/esm/client/api.js

@@ -1,15 +1,16 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 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); }; }
 
@@ -27,7 +28,7 @@ export var NetworkError = /*#__PURE__*/function (_Error) {
     return _super.call(this, error);
   }
 
-  return NetworkError;
+  return _createClass(NetworkError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 export function request(_x, _x2, _x3, _x4) {
   return _request.apply(this, arguments);

package/dist/esm/client/errors.js

@@ -1,3 +1,4 @@
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -35,5 +36,5 @@ export var APIError = /*#__PURE__*/function (_Error) {
     return _this;
   }
 
-  return APIError;
+  return _createClass(APIError);
 }( /*#__PURE__*/_wrapNativeSuper(Error));

package/dist/esm/constants.js

@@ -0,0 +1,142 @@
+export var SmartLinkAlignment;
+
+(function (SmartLinkAlignment) {
+  SmartLinkAlignment["Left"] = "left";
+  SmartLinkAlignment["Right"] = "right";
+})(SmartLinkAlignment || (SmartLinkAlignment = {}));
+
+export var SmartLinkDirection;
+
+(function (SmartLinkDirection) {
+  SmartLinkDirection["Horizontal"] = "horizontal";
+  SmartLinkDirection["Vertical"] = "vertical";
+})(SmartLinkDirection || (SmartLinkDirection = {}));
+
+export var SmartLinkPosition;
+
+(function (SmartLinkPosition) {
+  SmartLinkPosition["Top"] = "top";
+  SmartLinkPosition["Center"] = "center";
+})(SmartLinkPosition || (SmartLinkPosition = {}));
+
+export var SmartLinkSize;
+
+(function (SmartLinkSize) {
+  SmartLinkSize["XLarge"] = "xlarge";
+  SmartLinkSize["Large"] = "large";
+  SmartLinkSize["Medium"] = "medium";
+  SmartLinkSize["Small"] = "small";
+})(SmartLinkSize || (SmartLinkSize = {}));
+
+export var SmartLinkStatus;
+
+(function (SmartLinkStatus) {
+  SmartLinkStatus["Pending"] = "pending";
+  SmartLinkStatus["Resolving"] = "resolving";
+  SmartLinkStatus["Resolved"] = "resolved";
+  SmartLinkStatus["Forbidden"] = "forbidden";
+  SmartLinkStatus["Errored"] = "errored";
+  SmartLinkStatus["NotFound"] = "not_found";
+  SmartLinkStatus["Unauthorized"] = "unauthorized";
+  SmartLinkStatus["Fallback"] = "fallback";
+})(SmartLinkStatus || (SmartLinkStatus = {}));
+
+export var SmartLinkTheme;
+
+(function (SmartLinkTheme) {
+  SmartLinkTheme["Black"] = "black";
+  SmartLinkTheme["Link"] = "link";
+})(SmartLinkTheme || (SmartLinkTheme = {}));
+
+export var SmartLinkWidth;
+
+(function (SmartLinkWidth) {
+  SmartLinkWidth["FitToContent"] = "fit-to-content";
+  SmartLinkWidth["Flexible"] = "flexible";
+})(SmartLinkWidth || (SmartLinkWidth = {}));
+
+export var ElementName;
+
+(function (ElementName) {
+  ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["CollaboratorGroup"] = "CollaboratorGroup";
+  ElementName["CommentCount"] = "CommentCount";
+  ElementName["CreatedBy"] = "CreatedBy";
+  ElementName["CreatedOn"] = "CreatedOn";
+  ElementName["LinkIcon"] = "LinkIcon";
+  ElementName["ModifiedBy"] = "ModifiedBy";
+  ElementName["ModifiedOn"] = "ModifiedOn";
+  ElementName["Priority"] = "Priority";
+  ElementName["ProgrammingLanguage"] = "ProgrammingLanguage";
+  ElementName["State"] = "State";
+  ElementName["SubscriberCount"] = "SubscriberCount";
+  ElementName["Title"] = "Title";
+})(ElementName || (ElementName = {}));
+
+export var ActionName;
+
+(function (ActionName) {
+  ActionName["DeleteAction"] = "DeleteAction";
+})(ActionName || (ActionName = {}));
+
+export var IconType;
+
+(function (IconType) {
+  IconType["Archive"] = "FileType:Archive";
+  IconType["Audio"] = "FileType:Audio";
+  IconType["Blog"] = "FileType:Blog";
+  IconType["Code"] = "FileType:Code";
+  IconType["Document"] = "FileType:Document";
+  IconType["Executable"] = "FileType:Executable";
+  IconType["File"] = "FileType:File";
+  IconType["Folder"] = "FileType:Folder";
+  IconType["Generic"] = "FileType:Generic";
+  IconType["GIF"] = "FileType:GIF";
+  IconType["GoogleDocs"] = "FileType:GoogleDocs";
+  IconType["GoogleForms"] = "FileType:GoogleForms";
+  IconType["GoogleSheets"] = "FileType:GoogleSheets";
+  IconType["GoogleSlides"] = "FileType:GoogleSlides";
+  IconType["Image"] = "FileType.Image";
+  IconType["MSExcel"] = "FileType:Excel";
+  IconType["MSPowerpoint"] = "FileType:Powerpoint";
+  IconType["MSWord"] = "FileType:WordDocument";
+  IconType["PDF"] = "FileType:PDF";
+  IconType["Presentation"] = "FileType:Presentation";
+  IconType["Sketch"] = "FileType:Sketch";
+  IconType["Spreadsheet"] = "FileType:Spreadsheet";
+  IconType["Template"] = "FileType:Template";
+  IconType["Video"] = "FileType:Video";
+  IconType["Branch"] = "BitBucket:Branch";
+  IconType["Commit"] = "BitBucket:Commit";
+  IconType["Project"] = "BitBucket:Project";
+  IconType["PullRequest"] = "BitBucket:PullRequest";
+  IconType["Repo"] = "BitBucket:Repo";
+  IconType["Bug"] = "Jira:Bug";
+  IconType["Change"] = "Jira:Change";
+  IconType["Epic"] = "Jira:Epic";
+  IconType["Incident"] = "Jira:Incident";
+  IconType["Problem"] = "Jira:Problem";
+  IconType["ServiceRequest"] = "Jira:ServiceRequest";
+  IconType["Story"] = "Jira:Story";
+  IconType["SubTask"] = "Jira:SubTask";
+  IconType["Task"] = "Jira:Task";
+  IconType["Confluence"] = "Provider:Confluence";
+  IconType["Jira"] = "Provider:Jira";
+  IconType["Default"] = "Default";
+  IconType["Error"] = "Default:Error";
+  IconType["Forbidden"] = "Default:Forbidden";
+  IconType["Comment"] = "Badge:Comment";
+  IconType["PriorityBlocker"] = "Badge:PriorityBlocker";
+  IconType["PriorityCritical"] = "Badge:PriorityCritical";
+  IconType["PriorityHigh"] = "Badge:PriorityHigh";
+  IconType["PriorityHighest"] = "Badge:PriorityHighest";
+  IconType["PriorityLow"] = "Badge:PriorityLow";
+  IconType["PriorityLowest"] = "Badge:PriorityLowest";
+  IconType["PriorityMajor"] = "Badge:PriorityMajor";
+  IconType["PriorityMedium"] = "Badge:PriorityMedium";
+  IconType["PriorityMinor"] = "Badge:PriorityMinor";
+  IconType["PriorityTrivial"] = "Badge:PriorityTrivial";
+  IconType["PriorityUndefined"] = "Badge:PriorityUndefined";
+  IconType["ProgrammingLanguage"] = "Badge:ProgrammingLanguage";
+  IconType["Subscriber"] = "Badge:Subscriber";
+})(IconType || (IconType = {}));

package/dist/esm/extractors/block/index.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { extractLink, extractTitle, extractTitleTextColor, extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';
@@ -44,10 +44,10 @@ export var extractBlockActions = function extractBlockActions(props, jsonLd, opt
   if (opts) {
     var handleInvoke = opts.handleInvoke,
         handleAnalytics = opts.handleAnalytics,
-        definitionId = opts.definitionId,
+        extensionKey = opts.extensionKey,
         testId = opts.testId;
     var actions = extractActions(jsonLd, handleInvoke);
-    var previewAction = extractPreviewAction(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
+    var previewAction = extractPreviewAction(extensionKey, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);

package/dist/esm/extractors/common/actions/extractActions.js

@@ -1,11 +1,12 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { DownloadAction, ViewAction } from '@atlaskit/media-ui';
+import { ViewAction } from '../../../view/BlockCard/actions/ViewAction';
+import { DownloadAction } from '../../../view/BlockCard/actions/DownloadAction';
 
 var isClientAction = function isClientAction(action) {
   return ['ViewAction', 'DownloadAction'].indexOf(action['@type']) > -1;

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

@@ -1,14 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { PreviewAction } from '@atlaskit/media-ui';
 import { uiRenderSuccessEvent, uiRenderFailedEvent } from '../../../utils/analytics';
 import { extractDownloadUrl } from '../detail';
 import { extractProvider } from '../context';
 import { extractPreview } from '../preview';
+import { PreviewAction } from '../../../view/BlockCard';
 
 var getMetadataFromJsonLd = function getMetadataFromJsonLd(jsonLd, platform) {
   var download = extractDownloadUrl(jsonLd);
@@ -53,7 +53,7 @@ var getInvokeOpts = function getInvokeOpts(key, action, source) {
 };
 
 export var extractPreviewAction = function extractPreviewAction() {
-  var definitionId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'empty-object-provider';
+  var extensionKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'empty-object-provider';
   var viewProps = arguments.length > 1 ? arguments[1] : undefined;
   var jsonLd = arguments.length > 2 ? arguments[2] : undefined;
   var handleInvoke = arguments.length > 3 ? arguments[3] : undefined;
@@ -69,7 +69,7 @@ export var extractPreviewAction = function extractPreviewAction() {
 
   if (metadataFromJsonLd.src) {
     // Build action using instrumentation hooks.
-    var key = definitionId;
+    var key = extensionKey;
     var previewAction = PreviewAction(_objectSpread(_objectSpread({}, metadata), {}, {
       testId: testId,
       onOpen: function onOpen() {

package/dist/esm/extractors/common/byline/extractByline.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { FormattedRelative } from 'react-intl';
+import { FormattedRelativeTime } from 'react-intl-next';
+import { selectUnit } from '@formatjs/intl-utils';
 import { extractPersonUpdatedBy } from '../person/extractPersonUpdatedBy';
 import { extractPersonCreatedBy } from '../person/extractPersonCreatedBy';
 import { extractDateCreated } from '../date/extractDateCreated';
@@ -9,15 +10,25 @@ export var extractByline = function extractByline(jsonLd) {
   var createdAt = extractDateCreated(jsonLd);
 
   if (updatedAt) {
+    var _selectUnit = selectUnit(new Date(updatedAt).getTime()),
+        value = _selectUnit.value,
+        unit = _selectUnit.unit;
+
     var updatedBy = extractPersonUpdatedBy(jsonLd);
-    return /*#__PURE__*/React.createElement("span", null, "Updated ", updatedBy && "by ".concat(updatedBy.name), ' ', /*#__PURE__*/React.createElement(FormattedRelative, {
-      value: updatedAt
+    return /*#__PURE__*/React.createElement("span", null, "Updated ", updatedBy && "by ".concat(updatedBy.name), ' ', /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: value,
+      unit: unit
     }));
   } else if (createdAt) {
+    var _selectUnit2 = selectUnit(new Date(createdAt).getTime()),
+        _value = _selectUnit2.value,
+        _unit = _selectUnit2.unit;
+
     var createdBy = extractPersonCreatedBy(jsonLd);
     var createdByPerson = extractFirstPerson(createdBy);
-    return /*#__PURE__*/React.createElement("span", null, "Created ", createdByPerson && "by ".concat(createdByPerson.name), ' ', /*#__PURE__*/React.createElement(FormattedRelative, {
-      value: createdAt
+    return /*#__PURE__*/React.createElement("span", null, "Created ", createdByPerson && "by ".concat(createdByPerson.name), ' ', /*#__PURE__*/React.createElement(FormattedRelativeTime, {
+      value: _value,
+      unit: _unit
     }));
   }
 };

package/dist/esm/extractors/common/context/extractAccessContext.js

@@ -1,10 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { ForbiddenAction, messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
+import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
 export var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
   var _jsonLd$requestAccess;
 

package/dist/esm/extractors/embed/index.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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 { extractLink, extractTitle } from '../common/primitives';
 import { extractProvider } from '../common/context';

package/dist/esm/extractors/flexible/collaboratorGroup/index.js

@@ -0,0 +1,10 @@
+import { extractPersonFromJsonLd } from '../../common/utils';
+// Temporary Extractor until https://product-fabric.atlassian.net/browse/EDM-2652 is ready
+export var extractPersonsUpdatedBy = function extractPersonsUpdatedBy(jsonLd) {
+  var updatedBy = jsonLd['atlassian:updatedBy'];
+
+  if (updatedBy) {
+    var extractedPersons = extractPersonFromJsonLd(updatedBy);
+    return extractedPersons ? [extractedPersons] : undefined;
+  }
+};

package/dist/esm/extractors/flexible/extract-priority.js

@@ -0,0 +1,39 @@
+import { IconType } from '../../constants';
+import { extractUrlFromIconJsonLd } from '../common/utils';
+var priorityMapper = {
+  blocker: IconType.PriorityBlocker,
+  critical: IconType.PriorityCritical,
+  high: IconType.PriorityHigh,
+  highest: IconType.PriorityHighest,
+  low: IconType.PriorityLow,
+  lowest: IconType.PriorityLowest,
+  major: IconType.PriorityMajor,
+  medium: IconType.PriorityMedium,
+  minor: IconType.PriorityMinor,
+  trivial: IconType.PriorityTrivial,
+  undefined: IconType.PriorityUndefined
+};
+
+var extractPriority = function extractPriority(data) {
+  var priority = data['atlassian:priority'];
+
+  if (priority) {
+    if (typeof priority === 'string') {
+      var icon = priorityMapper[priority.toLowerCase()];
+
+      if (icon) {
+        return {
+          icon: icon,
+          label: priority
+        };
+      }
+    } else if (priority['@type'] === 'Object') {
+      return {
+        label: priority.name,
+        url: priority.icon && extractUrlFromIconJsonLd(priority.icon)
+      };
+    }
+  }
+};
+
+export default extractPriority;

package/dist/esm/extractors/flexible/icon/extract-document-type-icon.js

@@ -0,0 +1,31 @@
+import { IconType } from '../../../constants';
+
+var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label) {
+  switch (documentType) {
+    case 'schema:BlogPosting':
+      return [IconType.Blog, label || 'Blog'];
+
+    case 'schema:DigitalDocument':
+      return [IconType.File, label || 'File'];
+
+    case 'schema:TextDigitalDocument':
+      return [IconType.Document, label || 'Document'];
+
+    case 'schema:PresentationDigitalDocument':
+      return [IconType.Presentation, label || 'Presentation'];
+
+    case 'schema:SpreadsheetDigitalDocument':
+      return [IconType.Spreadsheet, label || 'Spreadsheet'];
+
+    case 'atlassian:Template':
+      return [IconType.Template, label || 'Template'];
+
+    case 'atlassian:UndefinedLink':
+      return [IconType.Document, label || 'Undefined link'];
+
+    default:
+      return undefined;
+  }
+};
+
+export default extractDocumentTypeIcon;

package/dist/esm/extractors/flexible/icon/extract-file-formatIcon.js

@@ -0,0 +1,108 @@
+import { IconType } from '../../../constants';
+
+var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
+  switch (fileFormat) {
+    // Generic documents
+    case 'folder':
+      return [IconType.Folder, 'Folder'];
+
+    case 'text/plain':
+    case 'application/vnd.oasis.opendocument.text':
+    case 'application/vnd.apple.pages':
+      return [IconType.Document, 'Document'];
+
+    case 'application/pdf':
+      return [IconType.PDF, 'PDF document'];
+
+    case 'application/vnd.oasis.opendocument.presentation':
+    case 'application/vnd.apple.keynote':
+      return [IconType.Presentation, 'Presentation'];
+
+    case 'application/vnd.oasis.opendocument.spreadsheet':
+    case 'application/vnd.apple.numbers':
+      return [IconType.Spreadsheet, 'Spreadsheet'];
+    // Google Drive
+
+    case 'application/vnd.google-apps.document':
+      return [IconType.GoogleDocs, 'Google Docs'];
+
+    case 'application/vnd.google-apps.form':
+      return [IconType.GoogleForms, 'Google Form'];
+
+    case 'application/vnd.google-apps.spreadsheet':
+      return [IconType.GoogleSheets, 'Google Sheets'];
+
+    case 'application/vnd.google-apps.presentation':
+      return [IconType.GoogleSlides, 'Google Slides'];
+    // Microsoft
+
+    case 'application/vnd.ms-excel':
+    case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+      return [IconType.MSExcel, 'Excel spreadsheet'];
+
+    case 'application/vnd.ms-powerpoint':
+    case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
+      return [IconType.MSPowerpoint, 'PowerPoint presentation'];
+
+    case 'application/msword':
+    case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+      return [IconType.MSWord, 'Word document'];
+
+    case 'image/png':
+    case 'image/jpeg':
+    case 'image/bmp':
+    case 'image/webp':
+    case 'image/svg+xml':
+      return [IconType.Image, 'Image'];
+
+    case 'image/gif':
+      return [IconType.GIF, 'GIF'];
+
+    case 'audio/midi':
+    case 'audio/mpeg':
+    case 'audio/webm':
+    case 'audio/ogg':
+    case 'audio/wav':
+      return [IconType.Audio, 'Audio'];
+
+    case 'video/mp4':
+    case 'video/quicktime':
+    case 'video/mov':
+    case 'video/webm':
+    case 'video/ogg':
+    case 'video/x-ms-wmv':
+    case 'video/x-msvideo':
+      return [IconType.Video, 'Video'];
+    // Others
+
+    case 'text/css':
+    case 'text/html':
+    case 'application/javascript':
+      return [IconType.Code, 'Source Code'];
+
+    case 'application/zip':
+    case 'application/x-tar':
+    case 'application/x-gtar':
+    case 'application/x-7z-compressed':
+    case 'application/x-apple-diskimage':
+    case 'application/vnd.rar':
+      return [IconType.Archive, 'Archive'];
+
+    case 'application/dmg':
+      return [IconType.Executable, 'Executable'];
+
+    case 'application/sketch':
+      return [IconType.Sketch, 'Sketch'];
+
+    case 'application/octet-stream':
+      return [IconType.Generic, 'Binary file'];
+
+    case 'application/invision.prototype':
+      return [IconType.Generic, 'Prototype'];
+
+    default:
+      return undefined;
+  }
+};
+
+export default extractFileFormatIcon;

package/dist/esm/extractors/flexible/icon/extract-icon-renderer.js

@@ -0,0 +1,20 @@
+var sanitizeEmojiValue = function sanitizeEmojiValue(value) {
+  return value && value.replace(/['"]+/g, '').replace(/null/, '') || '';
+};
+
+var extractIconRenderer = function extractIconRenderer(data, renderers) {
+  var prefix = data['atlassian:titlePrefix'];
+
+  if ((prefix === null || prefix === void 0 ? void 0 : prefix['@type']) === 'atlassian:Emoji') {
+    var emojiId = sanitizeEmojiValue(prefix['text']);
+    var emojiRenderer = renderers === null || renderers === void 0 ? void 0 : renderers.emoji;
+
+    if (emojiId && emojiRenderer) {
+      return function () {
+        return emojiRenderer(emojiId);
+      };
+    }
+  }
+};
+
+export default extractIconRenderer;