@atlaskit/smart-card 17.0.1 → 17.3.0

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { CardLinkView, InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView } from '@atlaskit/media-ui';
 import { getEmptyJsonLd, getUnauthorizedJsonLd } from '../../utils/jsonld';
 import { extractInlineProps } from '../../extractors/inline';
 import { extractProvider, extractRequestAccessContext } from '../../extractors/common/context';
+import { CardLinkView } from '../LinkView';
+import { InlineCardErroredView } from './ErroredView';
+import { InlineCardForbiddenView } from './ForbiddenView';
+import { InlineCardResolvedView } from './ResolvedView';
+import { InlineCardResolvingView } from './ResolvingView';
+import { InlineCardUnauthorizedView } from './UnauthorisedView';
+export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView };
 export const InlineCard = ({
   url,
   cardState,

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

@@ -0,0 +1,39 @@
+import styled from '@emotion/styled';
+import { B400, N200 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
+const LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
+// This basically turns the button back into inline content
+
+export const IconStyledButton = styled.span`
+  text-align: initial !important;
+  display: inline !important;
+
+  &:hover {
+    /* Remove the text-decoration to match other inline card hover states*/
+    text-decoration: none !important;
+  }
+
+  > span {
+    display: inline;
+    > span {
+      overflow: initial;
+      text-overflow: initial;
+      white-space: initial;
+    }
+  }
+`;
+export const NoLinkAppearance = styled.span`
+  color: ${themed({
+  light: N200,
+  dark: LINK_COLOR_DARK
+})};
+`;
+export const LowercaseAppearance = styled.span`
+  text-transform: lowercase;
+`;
+export const LinkAppearance = styled.span`
+  color: ${themed({
+  light: B400,
+  dark: LINK_COLOR_DARK
+})};
+`;

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

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { Frame } from '../InlineCard/Frame';
+export class CardLinkView extends React.PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(Frame, _extends({
+      withoutBackground: true
+    }, this.props), this.props.link);
+  }
+
+}

package/dist/es2019/view/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/classNames.js

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

package/dist/esm/constants.js

@@ -1,10 +1,24 @@
+export var SmartLinkAlignment;
+
+(function (SmartLinkAlignment) {
+  SmartLinkAlignment["Left"] = "left";
+  SmartLinkAlignment["Right"] = "right";
+})(SmartLinkAlignment || (SmartLinkAlignment = {}));
+
 export var SmartLinkDirection;
 
 (function (SmartLinkDirection) {
-  SmartLinkDirection["Horizontal"] = "Horizontal";
-  SmartLinkDirection["Vertical"] = "Vertical";
+  SmartLinkDirection["Horizontal"] = "horizontal";
+  SmartLinkDirection["Vertical"] = "vertical";
 })(SmartLinkDirection || (SmartLinkDirection = {}));
 
+export var SmartLinkPosition;
+
+(function (SmartLinkPosition) {
+  SmartLinkPosition["Top"] = "top";
+  SmartLinkPosition["Center"] = "center";
+})(SmartLinkPosition || (SmartLinkPosition = {}));
+
 export var SmartLinkSize;
 
 (function (SmartLinkSize) {
@@ -14,13 +28,57 @@ export var SmartLinkSize;
   SmartLinkSize["Small"] = "small";
 })(SmartLinkSize || (SmartLinkSize = {}));
 
+export var SmartLinkStatus;
+
+(function (SmartLinkStatus) {
+  SmartLinkStatus["Pending"] = "pending";
+  SmartLinkStatus["Resolving"] = "resolving";
+  SmartLinkStatus["Resolved"] = "resolved";
+  SmartLinkStatus["Forbidden"] = "forbidden";
+  SmartLinkStatus["Errored"] = "errored";
+  SmartLinkStatus["NotFound"] = "not_found";
+  SmartLinkStatus["Unauthorized"] = "unauthorized";
+  SmartLinkStatus["Fallback"] = "fallback";
+})(SmartLinkStatus || (SmartLinkStatus = {}));
+
 export var SmartLinkTheme;
 
 (function (SmartLinkTheme) {
-  SmartLinkTheme["Black"] = "Black";
-  SmartLinkTheme["Link"] = "Link";
+  SmartLinkTheme["Black"] = "black";
+  SmartLinkTheme["Link"] = "link";
 })(SmartLinkTheme || (SmartLinkTheme = {}));
 
+export var SmartLinkWidth;
+
+(function (SmartLinkWidth) {
+  SmartLinkWidth["FitToContent"] = "fit-to-content";
+  SmartLinkWidth["Flexible"] = "flexible";
+})(SmartLinkWidth || (SmartLinkWidth = {}));
+
+export var ElementName;
+
+(function (ElementName) {
+  ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["CollaboratorGroup"] = "CollaboratorGroup";
+  ElementName["CommentCount"] = "CommentCount";
+  ElementName["CreatedBy"] = "CreatedBy";
+  ElementName["CreatedOn"] = "CreatedOn";
+  ElementName["LinkIcon"] = "LinkIcon";
+  ElementName["ModifiedBy"] = "ModifiedBy";
+  ElementName["ModifiedOn"] = "ModifiedOn";
+  ElementName["Priority"] = "Priority";
+  ElementName["ProgrammingLanguage"] = "ProgrammingLanguage";
+  ElementName["State"] = "State";
+  ElementName["SubscriberCount"] = "SubscriberCount";
+  ElementName["Title"] = "Title";
+})(ElementName || (ElementName = {}));
+
+export var ActionName;
+
+(function (ActionName) {
+  ActionName["DeleteAction"] = "DeleteAction";
+})(ActionName || (ActionName = {}));
+
 export var IconType;
 
 (function (IconType) {
@@ -64,4 +122,21 @@ export var IconType;
   IconType["Task"] = "Jira:Task";
   IconType["Confluence"] = "Provider:Confluence";
   IconType["Jira"] = "Provider:Jira";
+  IconType["Default"] = "Default";
+  IconType["Error"] = "Default:Error";
+  IconType["Forbidden"] = "Default:Forbidden";
+  IconType["Comment"] = "Badge:Comment";
+  IconType["PriorityBlocker"] = "Badge:PriorityBlocker";
+  IconType["PriorityCritical"] = "Badge:PriorityCritical";
+  IconType["PriorityHigh"] = "Badge:PriorityHigh";
+  IconType["PriorityHighest"] = "Badge:PriorityHighest";
+  IconType["PriorityLow"] = "Badge:PriorityLow";
+  IconType["PriorityLowest"] = "Badge:PriorityLowest";
+  IconType["PriorityMajor"] = "Badge:PriorityMajor";
+  IconType["PriorityMedium"] = "Badge:PriorityMedium";
+  IconType["PriorityMinor"] = "Badge:PriorityMinor";
+  IconType["PriorityTrivial"] = "Badge:PriorityTrivial";
+  IconType["PriorityUndefined"] = "Badge:PriorityUndefined";
+  IconType["ProgrammingLanguage"] = "Badge:ProgrammingLanguage";
+  IconType["Subscriber"] = "Badge:Subscriber";
 })(IconType || (IconType = {}));

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

@@ -5,7 +5,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { DownloadAction, ViewAction } from '@atlaskit/media-ui';
+import { ViewAction } from '../../../view/BlockCard/actions/ViewAction';
+import { DownloadAction } from '../../../view/BlockCard/actions/DownloadAction';
 
 var isClientAction = function isClientAction(action) {
   return ['ViewAction', 'DownloadAction'].indexOf(action['@type']) > -1;

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

@@ -4,11 +4,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { PreviewAction } from '@atlaskit/media-ui';
 import { uiRenderSuccessEvent, uiRenderFailedEvent } from '../../../utils/analytics';
 import { extractDownloadUrl } from '../detail';
 import { extractProvider } from '../context';
 import { extractPreview } from '../preview';
+import { PreviewAction } from '../../../view/BlockCard';
 
 var getMetadataFromJsonLd = function getMetadataFromJsonLd(jsonLd, platform) {
   var download = extractDownloadUrl(jsonLd);

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

@@ -4,7 +4,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { ForbiddenAction, messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
+import { ForbiddenAction } from '../../../view/BlockCard/actions/ForbiddenAction';
 export var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
   var _jsonLd$requestAccess;
 

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { IconType } from '../../../constants';
+
+var extractDocumentTypeIcon = function 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/esm/extractors/flexible/icon/extract-file-formatIcon.js

@@ -0,0 +1,108 @@
+import { IconType } from '../../../constants';
+
+var extractFileFormatIcon = function 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/esm/extractors/flexible/icon/extract-icon-renderer.js

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

package/dist/esm/extractors/flexible/icon/extract-jira-task-icon.js

@@ -0,0 +1,37 @@
+import { IconType } from '../../../constants';
+
+var extractJiraTaskIcon = function extractJiraTaskIcon(taskType) {
+  var label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Task';
+
+  switch (taskType) {
+    case 'JiraBug':
+      return [IconType.Bug, label];
+
+    case 'JiraChange':
+      return [IconType.Change, label];
+
+    case 'JiraEpic':
+      return [IconType.Epic, label];
+
+    case 'JiraIncident':
+      return [IconType.Incident, label];
+
+    case 'JiraProblem':
+      return [IconType.Problem, label];
+
+    case 'JiraServiceRequest':
+      return [IconType.ServiceRequest, label];
+
+    case 'JiraStory':
+      return [IconType.Story, label];
+
+    case 'JiraSubTask':
+      return [IconType.SubTask, label];
+
+    case 'JiraTask':
+    default:
+      return [IconType.Task, label];
+  }
+};
+
+export default extractJiraTaskIcon;