@atlaskit/smart-card 16.2.1 → 17.1.0

package/CHANGELOG.md

@@ -1,5 +1,150 @@
 # @atlaskit/smart-card
 
+## 17.1.0
+
+### Minor Changes
+
+- [`c73cde16d49`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c73cde16d49) - [ux] Jira Work Management (JWM) List and Board view links will be converted into smart link embed by default
+- [`948a410185b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/948a410185b) - [ux] New elements were added ModifiedOn and CreatedOn
+- [`6648e62bbfe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6648e62bbfe) - ### Expose smart-card SSR component
+
+  There is a new entry point in place for SSR which keeps the same API as the existing one, and can be used like:
+
+  ```
+  import { CardSSR } from '@atlaskit/smart-card/ssr'
+
+  <CardSSR
+    url="http://atlassian.com"
+    appearance="inline"
+  />
+  ```
+
+- [`7f0d83f7a05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f0d83f7a05) - Remove Styled Components from smart-card
+
+### Patch Changes
+
+- [`3c4e3cf2bd3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c4e3cf2bd3) - Flexible UI: Update sizing and styling
+- [`15b67162087`](https://bitbucket.org/atlassian/atlassian-frontend/commits/15b67162087) - Flexible UI: Add LinkIcon element
+- [`a53d41a0d93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a53d41a0d93) - Flexible UI: Add TitleBlock error views
+- [`12943538dde`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12943538dde) - Flexible UI: Add element - Title
+- [`a46aabfcc71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a46aabfcc71) - Flexible UI: TitleBlock metadata
+- [`8e1979f21ef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e1979f21ef) - Flexible UI: Update action styling and sizing
+- [`be56b069142`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be56b069142) - Flexible UI: Add element type Text
+- [`6b6fa61b644`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b6fa61b644) - Flexible UI: Add mock data to examples
+- [`140f262c0c6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/140f262c0c6) - Flexible UI: Add icon custom render function to support emoji renderer
+- [`856b888358b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/856b888358b) - Added a lozenge element for Smart Links Flexible UI
+- [`dc0752db477`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dc0752db477) - Flexible UI: Fix icon size not showing properly
+- [`d499df97cbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d499df97cbb) - Flexible UI: Fix empty element group showing
+- [`6d50e8c688e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d50e8c688e) - Flexible UI: Add priority badge element
+- [`76851a3b80f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76851a3b80f) - Flexible UI: Add resolved view
+- [`29fab08e186`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29fab08e186) - Flexible UI: Fix icon/badge positioning
+- [`121361e494b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/121361e494b) - Flexible UI: Convert css object style to string style
+- [`7c2030d8ee6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c2030d8ee6) - use @atlaskit/media-test-helpers/smart-card-state
+- [`e528d830cda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e528d830cda) - Flexible UI: Update design token
+- [`45d97511958`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45d97511958) - Flexible UI: Add badge element
+- [`4f8e3da4bbf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f8e3da4bbf) - Added AvatarGroup for flexible ui
+- [`cb7bcebb612`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb7bcebb612) - Flexible UI: Add error views
+- [`8b39fd95409`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8b39fd95409) - Flexible UI: Update badge colour
+- [`b38f4e08b8a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b38f4e08b8a) - Flexible UI: Add TitleBlock
+- [`5d20795553e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5d20795553e) - Flexible UI: Update forbidden messages
+- [`31dc57d1a21`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31dc57d1a21) - Flexible UI: Fix badge size
+- [`63993a75a59`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63993a75a59) - Flexible UI: Update badge element to support image icon
+- [`919e2b13299`](https://bitbucket.org/atlassian/atlassian-frontend/commits/919e2b13299) - Flexible UI: Add tooltip to link element
+- [`1f9c5bddeb9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f9c5bddeb9) - Flexible UI: TitleBlock resolving view
+- [`7613398d13a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7613398d13a) - Added DeleteAction to flexible UI
+- [`f56022576da`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f56022576da) - Flexible UI: Update design token
+- [`d764e29dd17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d764e29dd17) - update docs to include staging login url
+- Updated dependencies
+
+## 17.0.1
+
+### Patch Changes
+
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Flexible UI: Add base element - Icon
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Flexible UI: Add base element - Link
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Update doc
+- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Flexible UI: Add base block and container
+- Updated dependencies
+
+## 17.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.3.0
+
+### Minor Changes
+
+- [`af29def3dac`](https://bitbucket.org/atlassian/atlassian-frontend/commits/af29def3dac) - expose missing smart-card classnames
+
+  ```
+  import {
+    blockCardResolvedViewByClassName,
+    blockCardForbiddenViewLinkClassName,
+    blockCardContentClassName,
+    blockCardContentHeaderClassName,
+    blockCardContentHeaderNameClassName,
+    blockCardNotFoundViewClassName,
+    blockCardErroredViewClassName,
+  } from '@atlaskit/smart-card'
+
+  css`
+    .${blockCardContentHeaderNameClassName} {
+      background-color: red;
+    }
+  `
+  ```
+
+- [`e7b325a766c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7b325a766c) - [ux] Jira Work Management (JWM) Calendar view links will be converted into smart link embed by default
+- [`b2664acc865`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2664acc865) - [ux] Jira Work Management (JWM) Timeline view links will be converted into smart link embed by default
+
+### Patch Changes
+
+- [`bea1d5c0a96`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bea1d5c0a96) - Add UFO instrumentation for action invocation. Send extensionKey for client actions as intended, instead of definitionId
+- [`89aa3e3f314`](https://bitbucket.org/atlassian/atlassian-frontend/commits/89aa3e3f314) - Update dependency of dropdown menu to the lite mode version. Update all usages to cater to the new API. The padding within dropdown menu items is 8px more, which makes the menu look bigger.
+- Updated dependencies
+
 ## 16.2.1
 
 ### Patch Changes

package/dist/cjs/classNames.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "blockCardContentClassName", {
+  enumerable: true,
+  get: function get() {
+    return _Content.blockCardContentClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardContentHeaderClassName", {
+  enumerable: true,
+  get: function get() {
+    return _ContentHeader.blockCardContentHeaderClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardContentHeaderNameClassName", {
+  enumerable: true,
+  get: function get() {
+    return _Name.blockCardContentHeaderNameClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardErroredViewClassName", {
+  enumerable: true,
+  get: function get() {
+    return _ErroredView.blockCardErroredViewClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardForbiddenViewClassName", {
+  enumerable: true,
+  get: function get() {
+    return _ForbiddenView.blockCardForbiddenViewClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardForbiddenViewLinkClassName", {
+  enumerable: true,
+  get: function get() {
+    return _ForbiddenView.blockCardForbiddenViewLinkClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardIconImageClassName", {
+  enumerable: true,
+  get: function get() {
+    return _Icon.blockCardIconImageClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardNotFoundViewClassName", {
+  enumerable: true,
+  get: function get() {
+    return _NotFoundView.blockCardNotFoundViewClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardResolvedViewByClassName", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvedView.blockCardResolvedViewByClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardResolvedViewClassName", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvedView.blockCardResolvedViewClassName;
+  }
+});
+Object.defineProperty(exports, "blockCardResolvingViewClassName", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvingView.blockCardResolvingViewClassName;
+  }
+});
+Object.defineProperty(exports, "contentFooterClassName", {
+  enumerable: true,
+  get: function get() {
+    return _ContentFooter.contentFooterClassName;
+  }
+});
+Object.defineProperty(exports, "metadataListClassName", {
+  enumerable: true,
+  get: function get() {
+    return _MetadataList.metadataListClassName;
+  }
+});
+
+var _ContentFooter = require("./view/BlockCard/components/ContentFooter");
+
+var _MetadataList = require("./view/BlockCard/components/MetadataList");
+
+var _ResolvingView = require("./view/BlockCard/views/ResolvingView");
+
+var _ResolvedView = require("./view/BlockCard/views/ResolvedView");
+
+var _ForbiddenView = require("./view/BlockCard/views/ForbiddenView");
+
+var _Icon = require("./view/BlockCard/components/Icon");
+
+var _Content = require("./view/BlockCard/components/Content");
+
+var _ContentHeader = require("./view/BlockCard/components/ContentHeader");
+
+var _Name = require("./view/BlockCard/components/Name");
+
+var _NotFoundView = require("./view/BlockCard/views/NotFoundView");
+
+var _ErroredView = require("./view/BlockCard/views/ErroredView");

package/dist/cjs/client/api.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.request = request;
 exports.NetworkError = void 0;
+exports.request = request;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -14,6 +14,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -24,9 +26,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _wrapNativeSuper2 = _interopRequireDefault(require("@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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
@@ -44,7 +46,7 @@ var NetworkError = /*#__PURE__*/function (_Error) {
     return _super.call(this, error);
   }
 
-  return NetworkError;
+  return (0, _createClass2.default)(NetworkError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
 
 exports.NetworkError = NetworkError;

package/dist/cjs/client/errors.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.APIError = void 0;
 
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
@@ -47,7 +49,7 @@ var APIError = /*#__PURE__*/function (_Error) {
     return _this;
   }
 
-  return APIError;
+  return (0, _createClass2.default)(APIError);
 }( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Error));
 
 exports.APIError = APIError;

package/dist/cjs/client/types/responses.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isErrorResponse = exports.isSuccessfulResponse = void 0;
+exports.isSuccessfulResponse = exports.isErrorResponse = void 0;
 
 // Used to catch any other errors - not server-side.
 var isSuccessfulResponse = function isSuccessfulResponse(response) {

package/dist/cjs/client/utils/environments.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.getResolverUrl = exports.getBaseUrl = exports.BaseUrls = void 0;
+exports.getResolverUrl = exports.getBaseUrl = exports.default = exports.BaseUrls = void 0;
 var devBaseUrl = 'https://api-private.dev.atlassian.com';
 var stgBaseUrl = 'https://commerce-components-preview.dev.atlassian.com/gateway/api';
 var prodBaseUrl = 'https://api-private.atlassian.com';

package/dist/cjs/constants.js

@@ -0,0 +1,158 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.IconType = exports.ElementName = exports.ActionName = void 0;
+var SmartLinkAlignment;
+exports.SmartLinkAlignment = SmartLinkAlignment;
+
+(function (SmartLinkAlignment) {
+  SmartLinkAlignment["Left"] = "left";
+  SmartLinkAlignment["Right"] = "right";
+})(SmartLinkAlignment || (exports.SmartLinkAlignment = SmartLinkAlignment = {}));
+
+var SmartLinkDirection;
+exports.SmartLinkDirection = SmartLinkDirection;
+
+(function (SmartLinkDirection) {
+  SmartLinkDirection["Horizontal"] = "horizontal";
+  SmartLinkDirection["Vertical"] = "vertical";
+})(SmartLinkDirection || (exports.SmartLinkDirection = SmartLinkDirection = {}));
+
+var SmartLinkPosition;
+exports.SmartLinkPosition = SmartLinkPosition;
+
+(function (SmartLinkPosition) {
+  SmartLinkPosition["Top"] = "top";
+  SmartLinkPosition["Center"] = "center";
+})(SmartLinkPosition || (exports.SmartLinkPosition = SmartLinkPosition = {}));
+
+var SmartLinkSize;
+exports.SmartLinkSize = SmartLinkSize;
+
+(function (SmartLinkSize) {
+  SmartLinkSize["XLarge"] = "xlarge";
+  SmartLinkSize["Large"] = "large";
+  SmartLinkSize["Medium"] = "medium";
+  SmartLinkSize["Small"] = "small";
+})(SmartLinkSize || (exports.SmartLinkSize = SmartLinkSize = {}));
+
+var SmartLinkStatus;
+exports.SmartLinkStatus = 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 || (exports.SmartLinkStatus = SmartLinkStatus = {}));
+
+var SmartLinkTheme;
+exports.SmartLinkTheme = SmartLinkTheme;
+
+(function (SmartLinkTheme) {
+  SmartLinkTheme["Black"] = "black";
+  SmartLinkTheme["Link"] = "link";
+})(SmartLinkTheme || (exports.SmartLinkTheme = SmartLinkTheme = {}));
+
+var SmartLinkWidth;
+exports.SmartLinkWidth = SmartLinkWidth;
+
+(function (SmartLinkWidth) {
+  SmartLinkWidth["FitToContent"] = "fit-to-content";
+  SmartLinkWidth["Flexible"] = "flexible";
+})(SmartLinkWidth || (exports.SmartLinkWidth = SmartLinkWidth = {}));
+
+var ElementName;
+exports.ElementName = 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 || (exports.ElementName = ElementName = {}));
+
+var ActionName;
+exports.ActionName = ActionName;
+
+(function (ActionName) {
+  ActionName["DeleteAction"] = "DeleteAction";
+})(ActionName || (exports.ActionName = ActionName = {}));
+
+var IconType;
+exports.IconType = 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 || (exports.IconType = IconType = {}));

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.extractBlockProps = exports.extractBlockUsers = exports.extractBlockActions = void 0;
+exports.extractBlockUsers = exports.extractBlockProps = exports.extractBlockActions = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -39,9 +39,9 @@ var _extractPreviewAction = require("../common/actions/extractPreviewAction");
 
 var _extractIsTrusted = require("../common/meta/extractIsTrusted");
 
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var extractBlockIcon = function extractBlockIcon(jsonLd) {
   var icon = (0, _icon.extractIcon)(jsonLd);
@@ -67,10 +67,10 @@ var extractBlockActions = function extractBlockActions(props, jsonLd, opts, plat
   if (opts) {
     var handleInvoke = opts.handleInvoke,
         handleAnalytics = opts.handleAnalytics,
-        definitionId = opts.definitionId,
+        extensionKey = opts.extensionKey,
         testId = opts.testId;
     var actions = (0, _extractActions.extractActions)(jsonLd, handleInvoke);
-    var previewAction = (0, _extractPreviewAction.extractPreviewAction)(definitionId, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
+    var previewAction = (0, _extractPreviewAction.extractPreviewAction)(extensionKey, props, jsonLd, handleInvoke, handleAnalytics, testId, platform); // The previewAction should always be the last action
 
     if (previewAction) {
       actions.push(previewAction);

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

@@ -11,11 +11,13 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _mediaUi = require("@atlaskit/media-ui");
+var _ViewAction = require("../../../view/BlockCard/actions/ViewAction");
 
-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; }
+var _DownloadAction = require("../../../view/BlockCard/actions/DownloadAction");
 
-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) { (0, _defineProperty2.default)(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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var isClientAction = function isClientAction(action) {
   return ['ViewAction', 'DownloadAction'].indexOf(action['@type']) > -1;
@@ -24,12 +26,12 @@ var isClientAction = function isClientAction(action) {
 var getClientAction = function getClientAction(jsonLd, action) {
   switch (action['@type']) {
     case 'ViewAction':
-      return (0, _mediaUi.ViewAction)({
+      return (0, _ViewAction.ViewAction)({
         url: jsonLd.url
       });
 
     case 'DownloadAction':
-      return (0, _mediaUi.DownloadAction)({
+      return (0, _DownloadAction.DownloadAction)({
         url: jsonLd['atlassian:downloadUrl']
       });
   }

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

@@ -9,8 +9,6 @@ exports.extractPreviewAction = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _mediaUi = require("@atlaskit/media-ui");
-
 var _analytics = require("../../../utils/analytics");
 
 var _detail = require("../detail");
@@ -19,9 +17,11 @@ var _context = require("../context");
 
 var _preview = require("../preview");
 
-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; }
+var _BlockCard = require("../../../view/BlockCard");
+
+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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getMetadataFromJsonLd = function getMetadataFromJsonLd(jsonLd, platform) {
   var download = (0, _detail.extractDownloadUrl)(jsonLd);
@@ -66,7 +66,7 @@ var getInvokeOpts = function getInvokeOpts(key, action, source) {
 };
 
 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;
@@ -82,8 +82,8 @@ var extractPreviewAction = function extractPreviewAction() {
 
   if (metadataFromJsonLd.src) {
     // Build action using instrumentation hooks.
-    var key = definitionId;
-    var previewAction = (0, _mediaUi.PreviewAction)(_objectSpread(_objectSpread({}, metadata), {}, {
+    var key = extensionKey;
+    var previewAction = (0, _BlockCard.PreviewAction)(_objectSpread(_objectSpread({}, metadata), {}, {
       testId: testId,
       onOpen: function onOpen() {
         handleAnalytics((0, _analytics.uiRenderSuccessEvent)('preview', key));

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

@@ -9,7 +9,9 @@ exports.extractByline = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
+
+var _intlUtils = require("@formatjs/intl-utils");
 
 var _extractPersonUpdatedBy = require("../person/extractPersonUpdatedBy");
 
@@ -24,15 +26,25 @@ var extractByline = function extractByline(jsonLd) {
   var createdAt = (0, _extractDateCreated.extractDateCreated)(jsonLd);
 
   if (updatedAt) {
+    var _selectUnit = (0, _intlUtils.selectUnit)(new Date(updatedAt).getTime()),
+        value = _selectUnit.value,
+        unit = _selectUnit.unit;
+
     var updatedBy = (0, _extractPersonUpdatedBy.extractPersonUpdatedBy)(jsonLd);
-    return /*#__PURE__*/_react.default.createElement("span", null, "Updated ", updatedBy && "by ".concat(updatedBy.name), ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedRelative, {
-      value: updatedAt
+    return /*#__PURE__*/_react.default.createElement("span", null, "Updated ", updatedBy && "by ".concat(updatedBy.name), ' ', /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedRelativeTime, {
+      value: value,
+      unit: unit
     }));
   } else if (createdAt) {
+    var _selectUnit2 = (0, _intlUtils.selectUnit)(new Date(createdAt).getTime()),
+        _value = _selectUnit2.value,
+        _unit = _selectUnit2.unit;
+
     var createdBy = (0, _extractPersonCreatedBy.extractPersonCreatedBy)(jsonLd);
     var createdByPerson = extractFirstPerson(createdBy);
-    return /*#__PURE__*/_react.default.createElement("span", null, "Created ", createdByPerson && "by ".concat(createdByPerson.name), ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedRelative, {
-      value: createdAt
+    return /*#__PURE__*/_react.default.createElement("span", null, "Created ", createdByPerson && "by ".concat(createdByPerson.name), ' ', /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedRelativeTime, {
+      value: _value,
+      unit: _unit
     }));
   }
 };