@atlaskit/smart-card 16.3.0 → 17.2.0

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Frame } from '../Frame';
+import Lozenge from '@atlaskit/lozenge';
+import { IconAndTitleLayout } from '../IconAndTitleLayout';
+import { LozengeWrapper } from '../IconAndTitleLayout/styled';
+export class InlineCardResolvedView extends React.Component {
+  renderLozenge() {
+    const {
+      lozenge
+    } = this.props;
+
+    if (!lozenge) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+      appearance: lozenge.appearance || 'default',
+      isBold: lozenge.isBold
+    }, lozenge.text));
+  }
+
+  render() {
+    const {
+      title = '',
+      isSelected,
+      onClick,
+      icon,
+      link,
+      testId = 'inline-card-resolved-view',
+      titleTextColor,
+      titlePrefix
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Frame, {
+      testId: testId,
+      link: link,
+      isSelected: isSelected,
+      onClick: onClick
+    }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+      emoji: titlePrefix,
+      icon: icon,
+      title: title,
+      titleTextColor: titleTextColor
+    }), this.renderLozenge());
+  }
+
+}

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Frame } from '../Frame';
+import Spinner from '@atlaskit/spinner';
+import { IconAndTitleLayout } from '../IconAndTitleLayout';
+import { SpinnerWrapper } from './styled';
+import { IconTitleWrapper, RightIconPositionWrapper } from '../IconAndTitleLayout/styled';
+export class InlineCardResolvingView extends React.Component {
+  render() {
+    const {
+      url,
+      onClick,
+      isSelected,
+      inlinePreloaderStyle,
+      testId = 'inline-card-resolving-view',
+      titleTextColor,
+      withoutHover
+    } = this.props;
+
+    if (inlinePreloaderStyle === 'on-right-without-skeleton') {
+      return /*#__PURE__*/React.createElement(Frame, {
+        withoutBackground: true,
+        withoutHover: withoutHover,
+        testId: testId,
+        onClick: onClick,
+        isSelected: isSelected
+      }, /*#__PURE__*/React.createElement(IconTitleWrapper, null, url, /*#__PURE__*/React.createElement(RightIconPositionWrapper, null, /*#__PURE__*/React.createElement(SpinnerWrapper, {
+        className: "inline-resolving-spinner"
+      }, /*#__PURE__*/React.createElement(Spinner, {
+        size: 14
+      })))));
+    } else {
+      return /*#__PURE__*/React.createElement(Frame, {
+        testId: testId,
+        onClick: onClick,
+        isSelected: isSelected,
+        withoutHover: withoutHover
+      }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+        title: url,
+        titleTextColor: titleTextColor
+      }, /*#__PURE__*/React.createElement(SpinnerWrapper, {
+        className: "inline-resolving-spinner"
+      }, /*#__PURE__*/React.createElement(Spinner, {
+        size: 14
+      }))));
+    }
+  }
+
+}

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

@@ -0,0 +1,6 @@
+import styled from '@emotion/styled';
+import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
+export const SpinnerWrapper = styled(IconTitleWrapper)`
+  vertical-align: text-top;
+  margin-left: 2px;
+`;

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

@@ -0,0 +1,66 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import Button from '@atlaskit/button/custom-theme-button';
+import LockIcon from '@atlaskit/icon/glyph/lock-filled';
+import { N500, R400 } from '@atlaskit/theme/colors';
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import { messages } from '@atlaskit/media-ui/messages';
+import { Frame } from '../Frame';
+import { AKIconWrapper } from '../Icon';
+import { IconAndTitleLayout } from '../IconAndTitleLayout';
+import { IconStyledButton, LinkAppearance } from '../styled';
+const FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
+  label: "error",
+  size: "small",
+  primaryColor: R400
+}));
+export class InlineCardUnauthorizedView extends React.Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "handleConnectAccount", event => {
+      const {
+        onAuthorise
+      } = this.props;
+      event.preventDefault();
+      event.stopPropagation();
+      return onAuthorise();
+    });
+
+    _defineProperty(this, "renderMessage", () => {
+      const {
+        onAuthorise,
+        url
+      } = this.props;
+      const link = /*#__PURE__*/React.createElement(LinkAppearance, null, url);
+      return !onAuthorise ? link : /*#__PURE__*/React.createElement(React.Fragment, null, link, ' - ', /*#__PURE__*/React.createElement(Button, {
+        spacing: "none",
+        appearance: "subtle-link",
+        component: IconStyledButton,
+        onClick: this.handleConnectAccount,
+        testId: "button-connect-account"
+      }, /*#__PURE__*/React.createElement(FormattedMessage, messages.connect_link_account)));
+    });
+  }
+
+  render() {
+    const {
+      url,
+      icon,
+      onClick,
+      isSelected,
+      testId = 'inline-card-unauthorized-view'
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Frame, {
+      testId: testId,
+      link: url,
+      onClick: onClick,
+      isSelected: isSelected
+    }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
+      icon: icon ? icon : FallbackUnauthorizedIcon,
+      title: this.renderMessage(),
+      titleColor: N500
+    }));
+  }
+
+}

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

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

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;