@atlaskit/smart-card 16.3.0 → 17.2.0

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

@@ -6,19 +6,59 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineCard = void 0;
+Object.defineProperty(exports, "InlineCardErroredView", {
+  enumerable: true,
+  get: function get() {
+    return _ErroredView.InlineCardErroredView;
+  }
+});
+Object.defineProperty(exports, "InlineCardForbiddenView", {
+  enumerable: true,
+  get: function get() {
+    return _ForbiddenView.InlineCardForbiddenView;
+  }
+});
+Object.defineProperty(exports, "InlineCardResolvedView", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvedView.InlineCardResolvedView;
+  }
+});
+Object.defineProperty(exports, "InlineCardResolvingView", {
+  enumerable: true,
+  get: function get() {
+    return _ResolvingView.InlineCardResolvingView;
+  }
+});
+Object.defineProperty(exports, "InlineCardUnauthorizedView", {
+  enumerable: true,
+  get: function get() {
+    return _UnauthorisedView.InlineCardUnauthorizedView;
+  }
+});
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _mediaUi = require("@atlaskit/media-ui");
-
 var _jsonld = require("../../utils/jsonld");
 
 var _inline = require("../../extractors/inline");
 
 var _context = require("../../extractors/common/context");
 
+var _LinkView = require("../LinkView");
+
+var _ErroredView = require("./ErroredView");
+
+var _ForbiddenView = require("./ForbiddenView");
+
+var _ResolvedView = require("./ResolvedView");
+
+var _ResolvingView = require("./ResolvingView");
+
+var _UnauthorisedView = require("./UnauthorisedView");
+
 var InlineCard = function InlineCard(_ref) {
   var _details$meta;
 
@@ -39,7 +79,7 @@ var InlineCard = function InlineCard(_ref) {
   switch (status) {
     case 'pending':
     case 'resolving':
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardResolvingView, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvingView.InlineCardResolvingView, {
         url: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
@@ -57,7 +97,7 @@ var InlineCard = function InlineCard(_ref) {
         });
       }
 
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
+      return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
         link: url,
         isSelected: isSelected,
         onClick: handleFrameClick,
@@ -66,7 +106,7 @@ var InlineCard = function InlineCard(_ref) {
 
     case 'unauthorized':
       var provider = (0, _context.extractProvider)(cardDetails);
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardUnauthorizedView, {
+      return /*#__PURE__*/_react.default.createElement(_UnauthorisedView.InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
         url: url,
         isSelected: isSelected,
@@ -83,7 +123,7 @@ var InlineCard = function InlineCard(_ref) {
         url: url,
         context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text
       });
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardForbiddenView, {
+      return /*#__PURE__*/_react.default.createElement(_ForbiddenView.InlineCardForbiddenView, {
         url: url,
         icon: providerForbidden && providerForbidden.icon,
         context: providerForbidden === null || providerForbidden === void 0 ? void 0 : providerForbidden.text,
@@ -96,7 +136,7 @@ var InlineCard = function InlineCard(_ref) {
 
     case 'not_found':
       var providerNotFound = (0, _context.extractProvider)(cardDetails);
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.InlineCardErroredView, {
+      return /*#__PURE__*/_react.default.createElement(_ErroredView.InlineCardErroredView, {
         url: url,
         icon: providerNotFound && providerNotFound.icon,
         isSelected: isSelected,
@@ -107,7 +147,7 @@ var InlineCard = function InlineCard(_ref) {
 
     case 'fallback':
     case 'errored':
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.CardLinkView, {
+      return /*#__PURE__*/_react.default.createElement(_LinkView.CardLinkView, {
         link: url,
         isSelected: isSelected,
         onClick: handleFrameClick,

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

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoLinkAppearance = exports.LowercaseAppearance = exports.LinkAppearance = exports.IconStyledButton = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _components = require("@atlaskit/theme/components");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
+// This basically turns the button back into inline content
+
+var IconStyledButton = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  text-align: initial !important;\n  display: inline !important;\n\n  &:hover {\n    /* Remove the text-decoration to match other inline card hover states*/\n    text-decoration: none !important;\n  }\n\n  > span {\n    display: inline;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])));
+
+exports.IconStyledButton = IconStyledButton;
+
+var NoLinkAppearance = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
+  light: _colors.N200,
+  dark: LINK_COLOR_DARK
+}));
+
+exports.NoLinkAppearance = NoLinkAppearance;
+
+var LowercaseAppearance = _styled.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  text-transform: lowercase;\n"])));
+
+exports.LowercaseAppearance = LowercaseAppearance;
+
+var LinkAppearance = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n"])), (0, _components.themed)({
+  light: _colors.B400,
+  dark: LINK_COLOR_DARK
+}));
+
+exports.LinkAppearance = LinkAppearance;

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardLinkView = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Frame = require("../InlineCard/Frame");
+
+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); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var CardLinkView = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2.default)(CardLinkView, _React$PureComponent);
+
+  var _super = _createSuper(CardLinkView);
+
+  function CardLinkView() {
+    (0, _classCallCheck2.default)(this, CardLinkView);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(CardLinkView, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_Frame.Frame, (0, _extends2.default)({
+        withoutBackground: true
+      }, this.props), this.props.link);
+    }
+  }]);
+  return CardLinkView;
+}(_react.default.PureComponent);
+
+exports.CardLinkView = CardLinkView;

package/dist/cjs/view/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/es2019/classNames.js

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

package/dist/es2019/constants.js

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

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

@@ -1,4 +1,5 @@
-import { DownloadAction, ViewAction } from '@atlaskit/media-ui';
+import { ViewAction } from '../../../view/BlockCard/actions/ViewAction';
+import { DownloadAction } from '../../../view/BlockCard/actions/DownloadAction';
 
 const isClientAction = action => ['ViewAction', 'DownloadAction'].indexOf(action['@type']) > -1;
 

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

@@ -1,8 +1,8 @@
-import { PreviewAction } from '@atlaskit/media-ui';
 import { uiRenderSuccessEvent, uiRenderFailedEvent } from '../../../utils/analytics';
 import { extractDownloadUrl } from '../detail';
 import { extractProvider } from '../context';
 import { extractPreview } from '../preview';
+import { PreviewAction } from '../../../view/BlockCard';
 
 const getMetadataFromJsonLd = (jsonLd, platform) => {
   const download = extractDownloadUrl(jsonLd);

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

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

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

@@ -1,4 +1,5 @@
-import { ForbiddenAction, messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
+import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
 export const extractRequestAccessContext = ({
   jsonLd,
   url,

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

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

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

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

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

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

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

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

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

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