@atlaskit/smart-card 34.2.1 → 34.3.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 34.3.0
+
+### Minor Changes
+
+- [#103331](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103331)
+  [`a05153325ac07`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a05153325ac07) -
+  Remove unnecessary compiled JSX from related links
+
+## 34.2.2
+
+### Patch Changes
+
+- [#102176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/102176)
+  [`efb0c67fbb1f6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/efb0c67fbb1f6) -
+  [ux] Update inline card lazy icons
+- Updated dependencies
+
 ## 34.2.1
 
 ### Patch Changes

package/dist/cjs/common/ui/icons/angle-brackets-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/source-code/16"));
+var _angleBrackets = _interopRequireDefault(require("@atlaskit/icon/core/angle-brackets"));
+var AngleBracketsIconWithColor = function AngleBracketsIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "blueBold",
+    icon: _angleBrackets.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
+var _default = exports.default = AngleBracketsIconWithColor;

package/dist/cjs/common/ui/icons/audio-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/audio/16"));
+var _audio = _interopRequireDefault(require("@atlaskit/icon/core/audio"));
+var AudioIconWithColor = function AudioIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "redBold",
+    icon: _audio.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+AudioIconWithColor.displayName = 'AudioIconWithColor';
+var _default = exports.default = AudioIconWithColor;

package/dist/cjs/common/ui/icons/chart-bar-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/16"));
+var _chartBar = _interopRequireDefault(require("@atlaskit/icon/core/chart-bar"));
+var ChartBarIconWithColor = function ChartBarIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "purpleBold",
+    icon: _chartBar.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
+var _default = exports.default = ChartBarIconWithColor;

package/dist/cjs/common/ui/icons/file-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
+var _file = _interopRequireDefault(require("@atlaskit/icon/core/file"));
+var FileIconWithColor = function FileIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "grayBold",
+    icon: _file.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+FileIconWithColor.displayName = 'FileIconWithColor';
+var _default = exports.default = FileIconWithColor;

package/dist/cjs/common/ui/icons/folder-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/folder/16"));
+var _folderClosed = _interopRequireDefault(require("@atlaskit/icon/core/folder-closed"));
+var FolderClosedIconWithColor = function FolderClosedIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "blueBold",
+    icon: _folderClosed.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
+var _default = exports.default = FolderClosedIconWithColor;

package/dist/cjs/common/ui/icons/image-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/image/16"));
+var _image = _interopRequireDefault(require("@atlaskit/icon/core/image"));
+var ImageIconWithColor = function ImageIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "yellowBold",
+    icon: _image.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+ImageIconWithColor.displayName = 'ImageIconWithColor';
+var _default = exports.default = ImageIconWithColor;

package/dist/cjs/common/ui/icons/list-bullet-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
+var _listBulleted = _interopRequireDefault(require("@atlaskit/icon/core/list-bulleted"));
+var ListBulletedIconWithColor = function ListBulletedIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "greenBold",
+    icon: _listBulleted.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
+var _default = exports.default = ListBulletedIconWithColor;

package/dist/cjs/common/ui/icons/page-icon.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/16"));
+var _page = _interopRequireDefault(require("@atlaskit/icon/core/page"));
+var PageIconWithColor = function PageIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({
+    appearance: "blueBold",
+    icon: _page.default,
+    size: "16"
+  }, props, {
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+PageIconWithColor.displayName = 'PageIconWithColor';
+var _default = exports.default = PageIconWithColor;

package/dist/cjs/common/ui/icons/video-icon.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/video/16"));
+var _video = _interopRequireDefault(require("@atlaskit/icon/core/video"));
+var VideoIconWithColor = function VideoIconWithColor(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, (0, _extends2.default)({}, props, {
+    appearance: "redBold",
+    icon: _video.default,
+    size: "16",
+    LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(_.default, props)
+  }));
+};
+VideoIconWithColor.displayName = 'VideoIconWithColor';
+var _default = exports.default = VideoIconWithColor;

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.2.1"
+  packageVersion: "34.3.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/index.js

@@ -11,6 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokens = require("@atlaskit/tokens");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -40,7 +41,7 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
   if (!fileMimeType) {
     return;
   }
-  var icon = typeToIcon[fileMimeType.toLowerCase()];
+  var icon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? getTypeToIconMap()[fileMimeType.toLowerCase()] : typeToIcon[fileMimeType.toLowerCase()];
   if (!icon) {
     return;
   }
@@ -67,7 +68,7 @@ var getIconForFileType = exports.getIconForFileType = function getIconForFileTyp
   });
 };
 var getLabelForFileType = exports.getLabelForFileType = function getLabelForFileType(fileMimeType) {
-  var icon = typeToIcon[fileMimeType.toLowerCase()];
+  var icon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? getTypeToIconMap()[fileMimeType.toLowerCase()] : typeToIcon[fileMimeType.toLowerCase()];
   if (!icon) {
     return;
   }
@@ -328,6 +329,261 @@ var typeToIcon = {
     });
   }]
 };
+var getTypeToIconMap = function getTypeToIconMap() {
+  return {
+    'text/plain': ['Document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
+      });
+    }],
+    'application/vnd.oasis.opendocument.text': ['Document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
+      });
+    }],
+    'application/vnd.apple.pages': ['Document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
+      });
+    }],
+    'application/vnd.google-apps.document': ['Google Doc', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-doc/16'));
+      });
+    }],
+    'application/msword': ['Word document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/word-document/16'));
+      });
+    }],
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': ['Word document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/word-document/16'));
+      });
+    }],
+    'application/pdf': ['PDF document', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/pdf-document/16'));
+      });
+    }],
+    'application/vnd.oasis.opendocument.spreadsheet': ['Spreadsheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon'));
+      });
+    }],
+    'application/vnd.apple.numbers': ['Spreadsheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon'));
+      });
+    }],
+    'application/vnd.google-apps.spreadsheet': ['Google Sheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-sheet/16'));
+      });
+    }],
+    'application/vnd.ms-excel': ['Excel spreadsheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'));
+      });
+    }],
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['Excel spreadsheet', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'));
+      });
+    }],
+    'application/vnd.oasis.opendocument.presentation': ['Presentation', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon'));
+      });
+    }],
+    'application/vnd.apple.keynote': ['Presentation', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_chart-bar-icon" */'../common/ui/icons/chart-bar-icon'));
+      });
+    }],
+    'application/vnd.google-apps.presentation': ['Google Slide', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-slide/16'));
+      });
+    }],
+    'application/vnd.ms-powerpoint': ['PowerPoint presentation', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'));
+      });
+    }],
+    'application/vnd.openxmlformats-officedocument.presentationml.presentation': ['PowerPoint presentation', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'));
+      });
+    }],
+    'application/vnd.google-apps.form': ['Google Form', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-form/16'));
+      });
+    }],
+    'image/png': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/jpeg': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/bmp': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/webp': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/svg+xml': ['Image', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_image-icon" */'../common/ui/icons/image-icon'));
+      });
+    }],
+    'image/gif': ['GIF', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/gif/16'));
+      });
+    }],
+    'audio/midi': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'audio/mpeg': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'audio/webm': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'audio/ogg': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'audio/wav': ['Audio', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_audio-icon" */'../common/ui/icons/audio-icon'));
+      });
+    }],
+    'video/mp4': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/quicktime': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/mov': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/webm': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/ogg': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/x-ms-wmv': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'video/x-msvideo': ['Video', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
+      });
+    }],
+    'application/zip': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/x-tar': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/x-gtar': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/x-7z-compressed': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/x-apple-diskimage': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/vnd.rar': ['Archive', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+      });
+    }],
+    'application/dmg': ['Executable', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/executable/16'));
+      });
+    }],
+    'text/css': ['Source Code', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon'));
+      });
+    }],
+    'text/html': ['Source Code', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon'));
+      });
+    }],
+    'application/javascript': ['Source Code', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_angle-brackets-icon" */'../common/ui/icons/angle-brackets-icon'));
+      });
+    }],
+    'application/octet-stream': ['Binary file', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon'));
+      });
+    }],
+    'application/invision.prototype': ['Prototype', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_file-icon" */'../common/ui/icons/file-icon'));
+      });
+    }],
+    // TODO: Figure a way to detect those
+    'application/sketch': ['Sketch', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/sketch/16'));
+      });
+    }],
+    folder: ['Folder', function () {
+      return Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_folder-icon" */'../common/ui/icons/folder-icon'));
+      });
+    }]
+  };
+};
 var getIframeSandboxAttribute = exports.getIframeSandboxAttribute = function getIframeSandboxAttribute(isTrusted) {
   if (isTrusted) {
     return undefined;

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

@@ -1,14 +1,11 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _actionButton = _interopRequireDefault(require("./action-button"));
@@ -16,8 +13,6 @@ var _actionDropdownItem = _interopRequireDefault(require("./action-dropdown-item
 var _actionIcon = _interopRequireDefault(require("./action-icon"));
 var _actionStackItem = _interopRequireDefault(require("./action-stack-item"));
 var _ActionOld = _interopRequireDefault(require("./ActionOld"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * A base action that can be triggered with an on click.
  * @internal
@@ -55,7 +50,7 @@ var ActionNew = function ActionNew(_ref) {
   }
   var isStackItem = as === 'stack-item';
   var isDropdownItem = as === 'dropdown-item' || asDropDownItem;
-  var actionIcon = icon && /*#__PURE__*/React.createElement(_actionIcon.default, {
+  var actionIcon = icon && /*#__PURE__*/_react.default.createElement(_actionIcon.default, {
     asStackItemIcon: isStackItem,
     isDisabled: isDisabled,
     icon: icon,
@@ -65,7 +60,7 @@ var ActionNew = function ActionNew(_ref) {
   var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
   var iconAfter = icon && iconPosition === 'after' ? actionIcon : undefined;
   if (isStackItem) {
-    return /*#__PURE__*/React.createElement(_actionStackItem.default, {
+    return /*#__PURE__*/_react.default.createElement(_actionStackItem.default, {
       content: content,
       icon: actionIcon,
       space: spaceInline,
@@ -84,7 +79,7 @@ var ActionNew = function ActionNew(_ref) {
     });
   }
   if (isDropdownItem) {
-    return /*#__PURE__*/React.createElement(_actionDropdownItem.default, {
+    return /*#__PURE__*/_react.default.createElement(_actionDropdownItem.default, {
       content: content,
       iconAfter: iconAfter,
       iconBefore: iconBefore,
@@ -93,7 +88,7 @@ var ActionNew = function ActionNew(_ref) {
       testId: testId
     });
   }
-  var button = /*#__PURE__*/React.createElement(_actionButton.default, {
+  var button = /*#__PURE__*/_react.default.createElement(_actionButton.default, {
     appearance: appearance,
     content: content,
     iconAfter: iconAfter,
@@ -110,12 +105,12 @@ var ActionNew = function ActionNew(_ref) {
     href: href,
     ariaLabel: ariaLabel
   });
-  return Wrapper !== undefined ? /*#__PURE__*/React.createElement(Wrapper, null, button) : button;
+  return Wrapper !== undefined ? /*#__PURE__*/_react.default.createElement(Wrapper, null, button) : button;
 };
 var Action = function Action(props) {
   if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(ActionNew, props);
+    return /*#__PURE__*/_react.default.createElement(ActionNew, props);
   }
-  return /*#__PURE__*/React.createElement(_ActionOld.default, props);
+  return /*#__PURE__*/_react.default.createElement(_ActionOld.default, props);
 };
 var _default = exports.default = Action;

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

@@ -1,4 +1,3 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _runtime = require("@compiled/react/runtime");
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
 var _messages = require("../../../../../messages");
@@ -39,7 +36,7 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
   var onClick = (0, _react.useCallback)(function () {
     var ari = actionData === null || actionData === void 0 ? void 0 : actionData.ari;
     if (ari) {
-      modal.open( /*#__PURE__*/React.createElement(RelatedLinksModal, {
+      modal.open( /*#__PURE__*/_react.default.createElement(RelatedLinksModal, {
         ari: ari,
         showModal: true,
         onClose: function onClose() {
@@ -50,9 +47,9 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
     fireEvent('ui.button.clicked.relatedLinks', {});
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
   }, [actionData === null || actionData === void 0 ? void 0 : actionData.ari, fireEvent, modal, onClickCallback]);
-  return actionData ? /*#__PURE__*/React.createElement(_action.default, (0, _extends2.default)({
-    content: /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_urls),
-    icon: /*#__PURE__*/React.createElement(_relatedLinksActionIcon.default, null),
+  return actionData ? /*#__PURE__*/_react.default.createElement(_action.default, (0, _extends2.default)({
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_view_related_urls),
+    icon: /*#__PURE__*/_react.default.createElement(_relatedLinksActionIcon.default, null),
     onClick: onClick,
     testId: "smart-action-view-related-links-action",
     ariaLabel: "View most recent pages or content types coming from or found on this link"