@atlaskit/smart-card 26.14.5 → 26.14.6

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/smart-card
 
+## 26.14.6
+
+### Patch Changes
+
+- [`88b90baf84c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/88b90baf84c) - Update icon for SubTasksProgress flex ui element & update metadata elements order in Block & Hover Card
+- [`e6d7b777ce0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e6d7b777ce0) - Remove dependency to @atlaskit/media-common
+
 ## 26.14.5
 
 ### Patch Changes

package/dist/cjs/constants.js

@@ -222,6 +222,7 @@ var IconType = /*#__PURE__*/function (IconType) {
   IconType["PriorityUndefined"] = "Badge:PriorityUndefined";
   IconType["ProgrammingLanguage"] = "Badge:ProgrammingLanguage";
   IconType["Subscriber"] = "Badge:Subscriber";
+  IconType["SubTasksProgress"] = "Badge:SubTask";
   return IconType;
 }({});
 /**

package/dist/cjs/utils/index.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sleep = exports.openUrl = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIntersectionObserverSupported = exports.isIframe = exports.isCardWithData = exports.importWithRetry = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = void 0;
+exports.sleep = exports.openUrl = exports.isSpecialKey = exports.isSpecialEvent = exports.isSpecialClick = exports.isIntersectionObserverSupported = exports.isIframe = exports.isCardWithData = exports.importWithRetry = exports.handleOnClick = exports.getLabelForFileType = exports.getIframeSandboxAttribute = exports.getIconForFileType = exports.downloadUrl = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -398,8 +398,9 @@ var importWithRetry = /*#__PURE__*/function () {
   };
 }();
 exports.importWithRetry = importWithRetry;
-var openUrl = /*#__PURE__*/function () {
+var downloadUrl = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
+    var isIE11, isSafari, iframeName, link, iframe;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -409,15 +410,55 @@ var openUrl = /*#__PURE__*/function () {
           }
           return _context2.abrupt("return");
         case 2:
-          window.open(url, '_blank', 'noopener=yes');
-        case 3:
+          isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
+          isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+          iframeName = 'media-download-iframe';
+          link = document.createElement('a');
+          iframe = document.getElementById(iframeName);
+          if (!iframe) {
+            iframe = document.createElement('iframe');
+            iframe.style.display = 'none';
+            iframe.id = iframeName;
+            iframe.name = iframeName;
+            document.body.appendChild(iframe);
+          }
+          link.href = url;
+          link.download = url;
+          link.target = isIE11 || isSafari ? '_blank' : iframeName;
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+        case 14:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   }));
-  return function openUrl(_x2) {
+  return function downloadUrl(_x2) {
     return _ref2.apply(this, arguments);
   };
 }();
+exports.downloadUrl = downloadUrl;
+var openUrl = /*#__PURE__*/function () {
+  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
+    return _regenerator.default.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (url) {
+            _context3.next = 2;
+            break;
+          }
+          return _context3.abrupt("return");
+        case 2:
+          window.open(url, '_blank', 'noopener=yes');
+        case 3:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function openUrl(_x3) {
+    return _ref3.apply(this, arguments);
+  };
+}();
 exports.openUrl = openUrl;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.14.5",
+	"version": "26.14.6",
 	"sideEffects": false
 }

package/dist/cjs/view/BlockCard/actions/DownloadAction.js

@@ -5,47 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DownloadAction = void 0;
-exports.downloadFunction = downloadFunction;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _mediaCommon = require("@atlaskit/media-common");
 var _messages = require("../../../messages");
-function downloadFunction(_x) {
-  return _downloadFunction.apply(this, arguments);
-}
-function _downloadFunction() {
-  _downloadFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-    var url;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          (0, _mediaCommon.downloadUrl)(url);
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _downloadFunction.apply(this, arguments);
-}
-var DownloadAction = function DownloadAction(_ref2) {
-  var url = _ref2.url;
+var _utils = require("../../../utils");
+var DownloadAction = function DownloadAction(_ref) {
+  var url = _ref.url;
   return {
     id: 'download-content',
     text: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
     promise: function promise() {
-      return downloadFunction({
-        url: url
-      });
+      return (0, _utils.downloadUrl)(url);
     }
   };
 };

package/dist/cjs/view/BlockCard/views/flexible/utils.js

@@ -64,8 +64,20 @@ var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(cardDetails
           name: _constants.ElementName.AssignedToGroup
         }, {
           name: _constants.ElementName.AssignedTo
-        }].concat(baseTopMetadata) : defaultTopMetadata,
-        bottomMetadata: defaultBottomMetadata
+        }, {
+          name: _constants.ElementName.ModifiedOn
+        }] : [{
+          name: _constants.ElementName.AuthorGroup
+        }, {
+          name: _constants.ElementName.CreatedBy
+        }, {
+          name: _constants.ElementName.ModifiedOn
+        }],
+        bottomMetadata: [{
+          name: _constants.ElementName.Priority
+        }, {
+          name: _constants.ElementName.SubTasksProgress
+        }]
       };
     default:
       return {

package/dist/cjs/view/FlexibleCard/components/actions/action/download-action/index.js

@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../index"));
+var _utils = require("../../../../../../utils");
 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 DownloadAction = function DownloadAction(props) {
@@ -23,9 +22,7 @@ var DownloadAction = function DownloadAction(props) {
   if (downloadUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        downloadFunction({
-          url: downloadUrl
-        });
+        (0, _utils.downloadUrl)(downloadUrl);
         if (_onClick) {
           _onClick();
         }
@@ -40,47 +37,5 @@ var DownloadAction = function DownloadAction(props) {
     return null;
   }
 };
-function downloadFunction(_x) {
-  return _downloadFunction.apply(this, arguments);
-}
-function _downloadFunction() {
-  _downloadFunction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-    var url, isIE11, isSafari, iframeName, link, iframe;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
-          isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-          iframeName = 'media-download-iframe';
-          link = document.createElement('a');
-          iframe = document.getElementById(iframeName);
-          if (!iframe) {
-            iframe = document.createElement('iframe');
-            iframe.style.display = 'none';
-            iframe.id = iframeName;
-            iframe.name = iframeName;
-            document.body.appendChild(iframe);
-          }
-          link.href = url;
-          link.download = url;
-          link.target = isIE11 || isSafari ? '_blank' : iframeName;
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-        case 15:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _downloadFunction.apply(this, arguments);
-}
 var _default = DownloadAction;
 exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -267,6 +267,10 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)(_i
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people'));
   });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.SubTasksProgress, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubtask" */'@atlaskit/icon/glyph/subtask'));
+  });
 }), _importIconMapper);
 var getIconImportFn = function getIconImportFn(icon) {
   return importIconMapper[icon];

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

@@ -119,7 +119,7 @@ var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)(_ele
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.SubTasksProgress, {
   component: _badge.default,
   props: {
-    icon: _constants.IconType.CheckItem
+    icon: _constants.IconType.SubTasksProgress
   }
 }), (0, _defineProperty2.default)(_elementMappings, _constants.ElementName.TargetBranch, {
   component: _text.default

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

@@ -131,7 +131,7 @@ var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
           subtitle: []
         },
         bottomMetadataBlock: {
-          primary: [_constants.ElementName.CommentCount, _constants.ElementName.ReactCount, _constants.ElementName.ViewCount],
+          primary: [_constants.ElementName.ReactCount, _constants.ElementName.CommentCount, _constants.ElementName.ViewCount],
           secondary: [],
           subtitle: []
         }

package/dist/es2019/constants.js

@@ -215,6 +215,7 @@ export let IconType = /*#__PURE__*/function (IconType) {
   IconType["PriorityUndefined"] = "Badge:PriorityUndefined";
   IconType["ProgrammingLanguage"] = "Badge:ProgrammingLanguage";
   IconType["Subscriber"] = "Badge:Subscriber";
+  IconType["SubTasksProgress"] = "Badge:SubTask";
   return IconType;
 }({});
 

package/dist/es2019/utils/index.js

@@ -120,6 +120,29 @@ export const importWithRetry = async (importFn, retries = 2, interval = 500) =>
     }
   }
 };
+export const downloadUrl = async url => {
+  if (!url) {
+    return;
+  }
+  const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
+  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+  const iframeName = 'media-download-iframe';
+  const link = document.createElement('a');
+  let iframe = document.getElementById(iframeName);
+  if (!iframe) {
+    iframe = document.createElement('iframe');
+    iframe.style.display = 'none';
+    iframe.id = iframeName;
+    iframe.name = iframeName;
+    document.body.appendChild(iframe);
+  }
+  link.href = url;
+  link.download = url;
+  link.target = isIE11 || isSafari ? '_blank' : iframeName;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+};
 export const openUrl = async url => {
   if (!url) {
     return;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.14.5",
+	"version": "26.14.6",
 	"sideEffects": false
 }

package/dist/es2019/view/BlockCard/actions/DownloadAction.js

@@ -1,21 +1,11 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { downloadUrl } from '@atlaskit/media-common';
 import { messages } from '../../../messages';
-export async function downloadFunction({
-  url
-}) {
-  if (!url) {
-    return;
-  }
-  downloadUrl(url);
-}
+import { downloadUrl } from '../../../utils';
 export const DownloadAction = ({
   url
 }) => ({
   id: 'download-content',
   text: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
-  promise: () => downloadFunction({
-    url
-  })
+  promise: () => downloadUrl(url)
 });

package/dist/es2019/view/BlockCard/views/flexible/utils.js

@@ -58,8 +58,20 @@ export const getSimulatedBetterMetadata = cardDetails => {
           name: ElementName.AssignedToGroup
         }, {
           name: ElementName.AssignedTo
-        }, ...baseTopMetadata] : defaultTopMetadata,
-        bottomMetadata: defaultBottomMetadata
+        }, {
+          name: ElementName.ModifiedOn
+        }] : [{
+          name: ElementName.AuthorGroup
+        }, {
+          name: ElementName.CreatedBy
+        }, {
+          name: ElementName.ModifiedOn
+        }],
+        bottomMetadata: [{
+          name: ElementName.Priority
+        }, {
+          name: ElementName.SubTasksProgress
+        }]
       };
     default:
       return {

package/dist/es2019/view/FlexibleCard/components/actions/action/download-action/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import Action from '../index';
+import { downloadUrl as download } from '../../../../../../utils';
 const DownloadAction = props => {
   const {
     appearance,
@@ -14,9 +15,7 @@ const DownloadAction = props => {
     const action = {
       ...props,
       onClick: () => {
-        downloadFunction({
-          url: downloadUrl
-        });
+        download(downloadUrl);
         if (onClick) {
           onClick();
         }
@@ -31,29 +30,4 @@ const DownloadAction = props => {
     return null;
   }
 };
-async function downloadFunction({
-  url
-}) {
-  if (!url) {
-    return;
-  }
-  const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
-  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-  const iframeName = 'media-download-iframe';
-  const link = document.createElement('a');
-  let iframe = document.getElementById(iframeName);
-  if (!iframe) {
-    iframe = document.createElement('iframe');
-    iframe.style.display = 'none';
-    iframe.id = iframeName;
-    iframe.name = iframeName;
-    document.body.appendChild(iframe);
-  }
-  link.href = url;
-  link.download = url;
-  link.target = isIE11 || isSafari ? '_blank' : iframeName;
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}
 export default DownloadAction;

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -78,7 +78,8 @@ const importIconMapper = {
   [IconType.PriorityTrivial]: () => import( /* webpackChunkName: "glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial'),
   [IconType.PriorityUndefined]: () => import( /* webpackChunkName: "glyphUndefined" */'@atlaskit/icon/glyph/question'),
   [IconType.ProgrammingLanguage]: () => import( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code'),
-  [IconType.Subscriber]: () => import( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people')
+  [IconType.Subscriber]: () => import( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people'),
+  [IconType.SubTasksProgress]: () => import( /* webpackChunkName: "glyphSubtask" */'@atlaskit/icon/glyph/subtask')
 };
 const getIconImportFn = icon => importIconMapper[icon];
 const importIcon = importFn => {

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

@@ -136,7 +136,7 @@ const elementMappings = {
   [ElementName.SubTasksProgress]: {
     component: Badge,
     props: {
-      icon: IconType.CheckItem
+      icon: IconType.SubTasksProgress
     }
   },
   [ElementName.TargetBranch]: {

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

@@ -118,7 +118,7 @@ export const getSimulatedBetterMetadata = (extensionKey = '', data) => {
           subtitle: []
         },
         bottomMetadataBlock: {
-          primary: [ElementName.CommentCount, ElementName.ReactCount, ElementName.ViewCount],
+          primary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.ViewCount],
           secondary: [],
           subtitle: []
         }

package/dist/esm/constants.js

@@ -215,6 +215,7 @@ export var IconType = /*#__PURE__*/function (IconType) {
   IconType["PriorityUndefined"] = "Badge:PriorityUndefined";
   IconType["ProgrammingLanguage"] = "Badge:ProgrammingLanguage";
   IconType["Subscriber"] = "Badge:Subscriber";
+  IconType["SubTasksProgress"] = "Badge:SubTask";
   return IconType;
 }({});
 

package/dist/esm/utils/index.js

@@ -276,8 +276,9 @@ export var importWithRetry = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-export var openUrl = /*#__PURE__*/function () {
+export var downloadUrl = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
+    var isIE11, isSafari, iframeName, link, iframe;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -287,14 +288,53 @@ export var openUrl = /*#__PURE__*/function () {
           }
           return _context2.abrupt("return");
         case 2:
-          window.open(url, '_blank', 'noopener=yes');
-        case 3:
+          isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
+          isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+          iframeName = 'media-download-iframe';
+          link = document.createElement('a');
+          iframe = document.getElementById(iframeName);
+          if (!iframe) {
+            iframe = document.createElement('iframe');
+            iframe.style.display = 'none';
+            iframe.id = iframeName;
+            iframe.name = iframeName;
+            document.body.appendChild(iframe);
+          }
+          link.href = url;
+          link.download = url;
+          link.target = isIE11 || isSafari ? '_blank' : iframeName;
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+        case 14:
         case "end":
           return _context2.stop();
       }
     }, _callee2);
   }));
-  return function openUrl(_x2) {
+  return function downloadUrl(_x2) {
     return _ref2.apply(this, arguments);
   };
+}();
+export var openUrl = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url) {
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (url) {
+            _context3.next = 2;
+            break;
+          }
+          return _context3.abrupt("return");
+        case 2:
+          window.open(url, '_blank', 'noopener=yes');
+        case 3:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function openUrl(_x3) {
+    return _ref3.apply(this, arguments);
+  };
 }();

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.14.5",
+	"version": "26.14.6",
 	"sideEffects": false
 }

package/dist/esm/view/BlockCard/actions/DownloadAction.js

@@ -1,43 +1,14 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { downloadUrl } from '@atlaskit/media-common';
 import { messages } from '../../../messages';
-export function downloadFunction(_x) {
-  return _downloadFunction.apply(this, arguments);
-}
-function _downloadFunction() {
-  _downloadFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var url;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          downloadUrl(url);
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _downloadFunction.apply(this, arguments);
-}
-export var DownloadAction = function DownloadAction(_ref2) {
-  var url = _ref2.url;
+import { downloadUrl } from '../../../utils';
+export var DownloadAction = function DownloadAction(_ref) {
+  var url = _ref.url;
   return {
     id: 'download-content',
     text: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
     promise: function promise() {
-      return downloadFunction({
-        url: url
-      });
+      return downloadUrl(url);
     }
   };
 };

package/dist/esm/view/BlockCard/views/flexible/utils.js

@@ -58,8 +58,20 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
           name: ElementName.AssignedToGroup
         }, {
           name: ElementName.AssignedTo
-        }].concat(baseTopMetadata) : defaultTopMetadata,
-        bottomMetadata: defaultBottomMetadata
+        }, {
+          name: ElementName.ModifiedOn
+        }] : [{
+          name: ElementName.AuthorGroup
+        }, {
+          name: ElementName.CreatedBy
+        }, {
+          name: ElementName.ModifiedOn
+        }],
+        bottomMetadata: [{
+          name: ElementName.Priority
+        }, {
+          name: ElementName.SubTasksProgress
+        }]
       };
     default:
       return {

package/dist/esm/view/FlexibleCard/components/actions/action/download-action/index.js

@@ -1,11 +1,10 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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 React from 'react';
 import Action from '../index';
+import { downloadUrl as download } from '../../../../../../utils';
 var DownloadAction = function DownloadAction(props) {
   var appearance = props.appearance,
     asDropDownItem = props.asDropDownItem,
@@ -16,9 +15,7 @@ var DownloadAction = function DownloadAction(props) {
   if (downloadUrl && url) {
     var action = _objectSpread(_objectSpread({}, props), {}, {
       onClick: function onClick() {
-        downloadFunction({
-          url: downloadUrl
-        });
+        download(downloadUrl);
         if (_onClick) {
           _onClick();
         }
@@ -33,46 +30,4 @@ var DownloadAction = function DownloadAction(props) {
     return null;
   }
 };
-function downloadFunction(_x) {
-  return _downloadFunction.apply(this, arguments);
-}
-function _downloadFunction() {
-  _downloadFunction = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var url, isIE11, isSafari, iframeName, link, iframe;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          url = _ref.url;
-          if (url) {
-            _context.next = 3;
-            break;
-          }
-          return _context.abrupt("return");
-        case 3:
-          isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
-          isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-          iframeName = 'media-download-iframe';
-          link = document.createElement('a');
-          iframe = document.getElementById(iframeName);
-          if (!iframe) {
-            iframe = document.createElement('iframe');
-            iframe.style.display = 'none';
-            iframe.id = iframeName;
-            iframe.name = iframeName;
-            document.body.appendChild(iframe);
-          }
-          link.href = url;
-          link.download = url;
-          link.target = isIE11 || isSafari ? '_blank' : iframeName;
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-        case 15:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _downloadFunction.apply(this, arguments);
-}
 export default DownloadAction;

package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -137,6 +137,8 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_importIconMappe
   return import( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code');
 }), _defineProperty(_importIconMapper, IconType.Subscriber, function () {
   return import( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people');
+}), _defineProperty(_importIconMapper, IconType.SubTasksProgress, function () {
+  return import( /* webpackChunkName: "glyphSubtask" */'@atlaskit/icon/glyph/subtask');
 }), _importIconMapper);
 var getIconImportFn = function getIconImportFn(icon) {
   return importIconMapper[icon];

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

@@ -109,7 +109,7 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_elementMappings,
 }), _defineProperty(_elementMappings, ElementName.SubTasksProgress, {
   component: Badge,
   props: {
-    icon: IconType.CheckItem
+    icon: IconType.SubTasksProgress
   }
 }), _defineProperty(_elementMappings, ElementName.TargetBranch, {
   component: Text

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

@@ -123,7 +123,7 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata() {
           subtitle: []
         },
         bottomMetadataBlock: {
-          primary: [ElementName.CommentCount, ElementName.ReactCount, ElementName.ViewCount],
+          primary: [ElementName.ReactCount, ElementName.CommentCount, ElementName.ViewCount],
           secondary: [],
           subtitle: []
         }

package/dist/types/constants.d.ts

@@ -193,7 +193,8 @@ export declare enum IconType {
     PriorityTrivial = "Badge:PriorityTrivial",
     PriorityUndefined = "Badge:PriorityUndefined",
     ProgrammingLanguage = "Badge:ProgrammingLanguage",
-    Subscriber = "Badge:Subscriber"
+    Subscriber = "Badge:Subscriber",
+    SubTasksProgress = "Badge:SubTask"
 }
 /**
  * Type for Flexible UI's Media element

package/dist/types/utils/index.d.ts

@@ -21,4 +21,5 @@ export declare const handleOnClick: (handler: Function) => (e: React.BaseSynthet
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;
 export declare const importWithRetry: <T>(importFn: () => Promise<T>, retries?: number, interval?: number) => Promise<T>;
+export declare const downloadUrl: (url?: string) => Promise<void>;
 export declare const openUrl: (url?: string) => Promise<void>;

package/dist/types/view/BlockCard/actions/DownloadAction.d.ts

@@ -1,8 +1,4 @@
 import { ActionProps } from '../components/Action';
-export interface DownloadFunctionArg {
-    url?: string;
-}
-export declare function downloadFunction({ url }: DownloadFunctionArg): Promise<void>;
 export declare const DownloadAction: ({ url }: {
     url?: string | undefined;
 }) => ActionProps;

package/dist/types/view/FlexibleCard/components/actions/action/download-action/types.d.ts

@@ -3,6 +3,3 @@ export type DownloadActionProps = ActionProps & {
     downloadUrl?: string;
     url: string;
 };
-export interface DownloadFunctionProps {
-    url?: string;
-}

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

@@ -193,7 +193,8 @@ export declare enum IconType {
     PriorityTrivial = "Badge:PriorityTrivial",
     PriorityUndefined = "Badge:PriorityUndefined",
     ProgrammingLanguage = "Badge:ProgrammingLanguage",
-    Subscriber = "Badge:Subscriber"
+    Subscriber = "Badge:Subscriber",
+    SubTasksProgress = "Badge:SubTask"
 }
 /**
  * Type for Flexible UI's Media element

package/dist/types-ts4.5/utils/index.d.ts

@@ -21,4 +21,5 @@ export declare const handleOnClick: (handler: Function) => (e: React.BaseSynthet
 export declare const isIntersectionObserverSupported: () => boolean;
 export declare const sleep: (ms: number) => Promise<void>;
 export declare const importWithRetry: <T>(importFn: () => Promise<T>, retries?: number, interval?: number) => Promise<T>;
+export declare const downloadUrl: (url?: string) => Promise<void>;
 export declare const openUrl: (url?: string) => Promise<void>;

package/dist/types-ts4.5/view/BlockCard/actions/DownloadAction.d.ts

@@ -1,8 +1,4 @@
 import { ActionProps } from '../components/Action';
-export interface DownloadFunctionArg {
-    url?: string;
-}
-export declare function downloadFunction({ url }: DownloadFunctionArg): Promise<void>;
 export declare const DownloadAction: ({ url }: {
     url?: string | undefined;
 }) => ActionProps;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/download-action/types.d.ts

@@ -3,6 +3,3 @@ export type DownloadActionProps = ActionProps & {
     downloadUrl?: string;
     url: string;
 };
-export interface DownloadFunctionProps {
-    url?: string;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.14.5",
+  "version": "26.14.6",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,6 @@
     "@atlaskit/linking-types": "^8.2.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
-    "@atlaskit/media-common": "^8.0.0",
     "@atlaskit/modal-dialog": "^12.6.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",