@atlaskit/smart-card 17.0.1 → 17.1.0

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @atlaskit/smart-card
 
+## 17.1.0
+
+### Minor Changes
+
+- [`c73cde16d49`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c73cde16d49) - [ux] Jira Work Management (JWM) List and Board view links will be converted into smart link embed by default
+- [`948a410185b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/948a410185b) - [ux] New elements were added ModifiedOn and CreatedOn
+- [`6648e62bbfe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6648e62bbfe) - ### Expose smart-card SSR component
+
+  There is a new entry point in place for SSR which keeps the same API as the existing one, and can be used like:
+
+  ```
+  import { CardSSR } from '@atlaskit/smart-card/ssr'
+
+  <CardSSR
+    url="http://atlassian.com"
+    appearance="inline"
+  />
+  ```
+
+- [`7f0d83f7a05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f0d83f7a05) - Remove Styled Components from smart-card
+
+### Patch Changes
+
+- [`3c4e3cf2bd3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c4e3cf2bd3) - Flexible UI: Update sizing and styling
+- [`15b67162087`](https://bitbucket.org/atlassian/atlassian-frontend/commits/15b67162087) - Flexible UI: Add LinkIcon element
+- [`a53d41a0d93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a53d41a0d93) - Flexible UI: Add TitleBlock error views
+- [`12943538dde`](https://bitbucket.org/atlassian/atlassian-frontend/commits/12943538dde) - Flexible UI: Add element - Title
+- [`a46aabfcc71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a46aabfcc71) - Flexible UI: TitleBlock metadata
+- [`8e1979f21ef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e1979f21ef) - Flexible UI: Update action styling and sizing
+- [`be56b069142`](https://bitbucket.org/atlassian/atlassian-frontend/commits/be56b069142) - Flexible UI: Add element type Text
+- [`6b6fa61b644`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6b6fa61b644) - Flexible UI: Add mock data to examples
+- [`140f262c0c6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/140f262c0c6) - Flexible UI: Add icon custom render function to support emoji renderer
+- [`856b888358b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/856b888358b) - Added a lozenge element for Smart Links Flexible UI
+- [`dc0752db477`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dc0752db477) - Flexible UI: Fix icon size not showing properly
+- [`d499df97cbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d499df97cbb) - Flexible UI: Fix empty element group showing
+- [`6d50e8c688e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6d50e8c688e) - Flexible UI: Add priority badge element
+- [`76851a3b80f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76851a3b80f) - Flexible UI: Add resolved view
+- [`29fab08e186`](https://bitbucket.org/atlassian/atlassian-frontend/commits/29fab08e186) - Flexible UI: Fix icon/badge positioning
+- [`121361e494b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/121361e494b) - Flexible UI: Convert css object style to string style
+- [`7c2030d8ee6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7c2030d8ee6) - use @atlaskit/media-test-helpers/smart-card-state
+- [`e528d830cda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e528d830cda) - Flexible UI: Update design token
+- [`45d97511958`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45d97511958) - Flexible UI: Add badge element
+- [`4f8e3da4bbf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4f8e3da4bbf) - Added AvatarGroup for flexible ui
+- [`cb7bcebb612`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb7bcebb612) - Flexible UI: Add error views
+- [`8b39fd95409`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8b39fd95409) - Flexible UI: Update badge colour
+- [`b38f4e08b8a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b38f4e08b8a) - Flexible UI: Add TitleBlock
+- [`5d20795553e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5d20795553e) - Flexible UI: Update forbidden messages
+- [`31dc57d1a21`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31dc57d1a21) - Flexible UI: Fix badge size
+- [`63993a75a59`](https://bitbucket.org/atlassian/atlassian-frontend/commits/63993a75a59) - Flexible UI: Update badge element to support image icon
+- [`919e2b13299`](https://bitbucket.org/atlassian/atlassian-frontend/commits/919e2b13299) - Flexible UI: Add tooltip to link element
+- [`1f9c5bddeb9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f9c5bddeb9) - Flexible UI: TitleBlock resolving view
+- [`7613398d13a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7613398d13a) - Added DeleteAction to flexible UI
+- [`f56022576da`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f56022576da) - Flexible UI: Update design token
+- [`d764e29dd17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d764e29dd17) - update docs to include staging login url
+- Updated dependencies
+
 ## 17.0.1
 
 ### Patch Changes

package/dist/cjs/classNames.js

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

package/dist/cjs/constants.js

@@ -3,15 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SmartLinkTheme = exports.SmartLinkSize = exports.SmartLinkDirection = exports.IconType = void 0;
+exports.SmartLinkWidth = exports.SmartLinkTheme = exports.SmartLinkStatus = exports.SmartLinkSize = exports.SmartLinkPosition = exports.SmartLinkDirection = exports.SmartLinkAlignment = exports.IconType = exports.ElementName = exports.ActionName = void 0;
+var SmartLinkAlignment;
+exports.SmartLinkAlignment = SmartLinkAlignment;
+
+(function (SmartLinkAlignment) {
+  SmartLinkAlignment["Left"] = "left";
+  SmartLinkAlignment["Right"] = "right";
+})(SmartLinkAlignment || (exports.SmartLinkAlignment = SmartLinkAlignment = {}));
+
 var SmartLinkDirection;
 exports.SmartLinkDirection = SmartLinkDirection;
 
 (function (SmartLinkDirection) {
-  SmartLinkDirection["Horizontal"] = "Horizontal";
-  SmartLinkDirection["Vertical"] = "Vertical";
+  SmartLinkDirection["Horizontal"] = "horizontal";
+  SmartLinkDirection["Vertical"] = "vertical";
 })(SmartLinkDirection || (exports.SmartLinkDirection = SmartLinkDirection = {}));
 
+var SmartLinkPosition;
+exports.SmartLinkPosition = SmartLinkPosition;
+
+(function (SmartLinkPosition) {
+  SmartLinkPosition["Top"] = "top";
+  SmartLinkPosition["Center"] = "center";
+})(SmartLinkPosition || (exports.SmartLinkPosition = SmartLinkPosition = {}));
+
 var SmartLinkSize;
 exports.SmartLinkSize = SmartLinkSize;
 
@@ -22,14 +38,62 @@ exports.SmartLinkSize = SmartLinkSize;
   SmartLinkSize["Small"] = "small";
 })(SmartLinkSize || (exports.SmartLinkSize = SmartLinkSize = {}));
 
+var SmartLinkStatus;
+exports.SmartLinkStatus = SmartLinkStatus;
+
+(function (SmartLinkStatus) {
+  SmartLinkStatus["Pending"] = "pending";
+  SmartLinkStatus["Resolving"] = "resolving";
+  SmartLinkStatus["Resolved"] = "resolved";
+  SmartLinkStatus["Forbidden"] = "forbidden";
+  SmartLinkStatus["Errored"] = "errored";
+  SmartLinkStatus["NotFound"] = "not_found";
+  SmartLinkStatus["Unauthorized"] = "unauthorized";
+  SmartLinkStatus["Fallback"] = "fallback";
+})(SmartLinkStatus || (exports.SmartLinkStatus = SmartLinkStatus = {}));
+
 var SmartLinkTheme;
 exports.SmartLinkTheme = SmartLinkTheme;
 
 (function (SmartLinkTheme) {
-  SmartLinkTheme["Black"] = "Black";
-  SmartLinkTheme["Link"] = "Link";
+  SmartLinkTheme["Black"] = "black";
+  SmartLinkTheme["Link"] = "link";
 })(SmartLinkTheme || (exports.SmartLinkTheme = SmartLinkTheme = {}));
 
+var SmartLinkWidth;
+exports.SmartLinkWidth = SmartLinkWidth;
+
+(function (SmartLinkWidth) {
+  SmartLinkWidth["FitToContent"] = "fit-to-content";
+  SmartLinkWidth["Flexible"] = "flexible";
+})(SmartLinkWidth || (exports.SmartLinkWidth = SmartLinkWidth = {}));
+
+var ElementName;
+exports.ElementName = ElementName;
+
+(function (ElementName) {
+  ElementName["AuthorGroup"] = "AuthorGroup";
+  ElementName["CollaboratorGroup"] = "CollaboratorGroup";
+  ElementName["CommentCount"] = "CommentCount";
+  ElementName["CreatedBy"] = "CreatedBy";
+  ElementName["CreatedOn"] = "CreatedOn";
+  ElementName["LinkIcon"] = "LinkIcon";
+  ElementName["ModifiedBy"] = "ModifiedBy";
+  ElementName["ModifiedOn"] = "ModifiedOn";
+  ElementName["Priority"] = "Priority";
+  ElementName["ProgrammingLanguage"] = "ProgrammingLanguage";
+  ElementName["State"] = "State";
+  ElementName["SubscriberCount"] = "SubscriberCount";
+  ElementName["Title"] = "Title";
+})(ElementName || (exports.ElementName = ElementName = {}));
+
+var ActionName;
+exports.ActionName = ActionName;
+
+(function (ActionName) {
+  ActionName["DeleteAction"] = "DeleteAction";
+})(ActionName || (exports.ActionName = ActionName = {}));
+
 var IconType;
 exports.IconType = IconType;
 
@@ -74,4 +138,21 @@ exports.IconType = 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 || (exports.IconType = IconType = {}));

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

@@ -11,7 +11,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _mediaUi = require("@atlaskit/media-ui");
+var _ViewAction = require("../../../view/BlockCard/actions/ViewAction");
+
+var _DownloadAction = require("../../../view/BlockCard/actions/DownloadAction");
 
 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; }
 
@@ -24,12 +26,12 @@ var isClientAction = function isClientAction(action) {
 var getClientAction = function getClientAction(jsonLd, action) {
   switch (action['@type']) {
     case 'ViewAction':
-      return (0, _mediaUi.ViewAction)({
+      return (0, _ViewAction.ViewAction)({
         url: jsonLd.url
       });
 
     case 'DownloadAction':
-      return (0, _mediaUi.DownloadAction)({
+      return (0, _DownloadAction.DownloadAction)({
         url: jsonLd['atlassian:downloadUrl']
       });
   }

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

@@ -9,8 +9,6 @@ exports.extractPreviewAction = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _mediaUi = require("@atlaskit/media-ui");
-
 var _analytics = require("../../../utils/analytics");
 
 var _detail = require("../detail");
@@ -19,6 +17,8 @@ var _context = require("../context");
 
 var _preview = require("../preview");
 
+var _BlockCard = require("../../../view/BlockCard");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = 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; }
@@ -83,7 +83,7 @@ var extractPreviewAction = function extractPreviewAction() {
   if (metadataFromJsonLd.src) {
     // Build action using instrumentation hooks.
     var key = extensionKey;
-    var previewAction = (0, _mediaUi.PreviewAction)(_objectSpread(_objectSpread({}, metadata), {}, {
+    var previewAction = (0, _BlockCard.PreviewAction)(_objectSpread(_objectSpread({}, metadata), {}, {
       testId: testId,
       onOpen: function onOpen() {
         handleAnalytics((0, _analytics.uiRenderSuccessEvent)('preview', key));

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

@@ -9,7 +9,9 @@ exports.extractRequestAccessContext = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _mediaUi = require("@atlaskit/media-ui");
+var _messages = require("@atlaskit/media-ui/messages");
+
+var _ForbiddenAction = require("../../../view/BlockCard/actions/ForbiddenAction");
 
 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; }
 
@@ -27,18 +29,18 @@ var extractRequestAccessContext = function extractRequestAccessContext(_ref) {
       return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
         callToActionMessageKey: 'click_to_join',
         descriptiveMessageKey: 'click_to_join_description',
-        action: (0, _mediaUi.ForbiddenAction)(function () {
+        action: (0, _ForbiddenAction.ForbiddenAction)(function () {
           return window.open(url);
-        }, 'click_to_join', _mediaUi.messages.click_to_join, context)
+        }, 'click_to_join', _messages.messages.click_to_join, context)
       });
 
     case 'REQUEST_ACCESS':
       return _objectSpread(_objectSpread({}, jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess), {}, {
         callToActionMessageKey: 'request_access',
         descriptiveMessageKey: 'request_access_description',
-        action: (0, _mediaUi.ForbiddenAction)(function () {
+        action: (0, _ForbiddenAction.ForbiddenAction)(function () {
           return window.open(url);
-        }, 'request_access', _mediaUi.messages.request_access, context)
+        }, 'request_access', _messages.messages.request_access, context)
       });
 
     case 'PENDING_REQUEST_EXISTS':

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractPersonsUpdatedBy = void 0;
+
+var _utils = require("../../common/utils");
+
+// Temporary Extractor until https://product-fabric.atlassian.net/browse/EDM-2652 is ready
+var extractPersonsUpdatedBy = function extractPersonsUpdatedBy(jsonLd) {
+  var updatedBy = jsonLd['atlassian:updatedBy'];
+
+  if (updatedBy) {
+    var extractedPersons = (0, _utils.extractPersonFromJsonLd)(updatedBy);
+    return extractedPersons ? [extractedPersons] : undefined;
+  }
+};
+
+exports.extractPersonsUpdatedBy = extractPersonsUpdatedBy;

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../../constants");
+
+var _utils = require("../common/utils");
+
+var priorityMapper = {
+  blocker: _constants.IconType.PriorityBlocker,
+  critical: _constants.IconType.PriorityCritical,
+  high: _constants.IconType.PriorityHigh,
+  highest: _constants.IconType.PriorityHighest,
+  low: _constants.IconType.PriorityLow,
+  lowest: _constants.IconType.PriorityLowest,
+  major: _constants.IconType.PriorityMajor,
+  medium: _constants.IconType.PriorityMedium,
+  minor: _constants.IconType.PriorityMinor,
+  trivial: _constants.IconType.PriorityTrivial,
+  undefined: _constants.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 && (0, _utils.extractUrlFromIconJsonLd)(priority.icon)
+      };
+    }
+  }
+};
+
+var _default = extractPriority;
+exports.default = _default;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../../../constants");
+
+var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label) {
+  switch (documentType) {
+    case 'schema:BlogPosting':
+      return [_constants.IconType.Blog, label || 'Blog'];
+
+    case 'schema:DigitalDocument':
+      return [_constants.IconType.File, label || 'File'];
+
+    case 'schema:TextDigitalDocument':
+      return [_constants.IconType.Document, label || 'Document'];
+
+    case 'schema:PresentationDigitalDocument':
+      return [_constants.IconType.Presentation, label || 'Presentation'];
+
+    case 'schema:SpreadsheetDigitalDocument':
+      return [_constants.IconType.Spreadsheet, label || 'Spreadsheet'];
+
+    case 'atlassian:Template':
+      return [_constants.IconType.Template, label || 'Template'];
+
+    case 'atlassian:UndefinedLink':
+      return [_constants.IconType.Document, label || 'Undefined link'];
+
+    default:
+      return undefined;
+  }
+};
+
+var _default = extractDocumentTypeIcon;
+exports.default = _default;

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _constants = require("../../../constants");
+
+var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
+  switch (fileFormat) {
+    // Generic documents
+    case 'folder':
+      return [_constants.IconType.Folder, 'Folder'];
+
+    case 'text/plain':
+    case 'application/vnd.oasis.opendocument.text':
+    case 'application/vnd.apple.pages':
+      return [_constants.IconType.Document, 'Document'];
+
+    case 'application/pdf':
+      return [_constants.IconType.PDF, 'PDF document'];
+
+    case 'application/vnd.oasis.opendocument.presentation':
+    case 'application/vnd.apple.keynote':
+      return [_constants.IconType.Presentation, 'Presentation'];
+
+    case 'application/vnd.oasis.opendocument.spreadsheet':
+    case 'application/vnd.apple.numbers':
+      return [_constants.IconType.Spreadsheet, 'Spreadsheet'];
+    // Google Drive
+
+    case 'application/vnd.google-apps.document':
+      return [_constants.IconType.GoogleDocs, 'Google Docs'];
+
+    case 'application/vnd.google-apps.form':
+      return [_constants.IconType.GoogleForms, 'Google Form'];
+
+    case 'application/vnd.google-apps.spreadsheet':
+      return [_constants.IconType.GoogleSheets, 'Google Sheets'];
+
+    case 'application/vnd.google-apps.presentation':
+      return [_constants.IconType.GoogleSlides, 'Google Slides'];
+    // Microsoft
+
+    case 'application/vnd.ms-excel':
+    case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+      return [_constants.IconType.MSExcel, 'Excel spreadsheet'];
+
+    case 'application/vnd.ms-powerpoint':
+    case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
+      return [_constants.IconType.MSPowerpoint, 'PowerPoint presentation'];
+
+    case 'application/msword':
+    case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+      return [_constants.IconType.MSWord, 'Word document'];
+
+    case 'image/png':
+    case 'image/jpeg':
+    case 'image/bmp':
+    case 'image/webp':
+    case 'image/svg+xml':
+      return [_constants.IconType.Image, 'Image'];
+
+    case 'image/gif':
+      return [_constants.IconType.GIF, 'GIF'];
+
+    case 'audio/midi':
+    case 'audio/mpeg':
+    case 'audio/webm':
+    case 'audio/ogg':
+    case 'audio/wav':
+      return [_constants.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 [_constants.IconType.Video, 'Video'];
+    // Others
+
+    case 'text/css':
+    case 'text/html':
+    case 'application/javascript':
+      return [_constants.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 [_constants.IconType.Archive, 'Archive'];
+
+    case 'application/dmg':
+      return [_constants.IconType.Executable, 'Executable'];
+
+    case 'application/sketch':
+      return [_constants.IconType.Sketch, 'Sketch'];
+
+    case 'application/octet-stream':
+      return [_constants.IconType.Generic, 'Binary file'];
+
+    case 'application/invision.prototype':
+      return [_constants.IconType.Generic, 'Prototype'];
+
+    default:
+      return undefined;
+  }
+};
+
+var _default = extractFileFormatIcon;
+exports.default = _default;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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);
+      };
+    }
+  }
+};
+
+var _default = extractIconRenderer;
+exports.default = _default;