@atlaskit/smart-card 43.17.4 → 43.17.6

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -18,6 +18,7 @@ var _fullscreenExit = _interopRequireDefault(require("@atlaskit/icon/core/fullsc
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _modalDialog = require("@atlaskit/modal-dialog");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("../../../../messages");
 var _Icon = require("../../../common/Icon");
@@ -33,6 +34,9 @@ var iconSize = '24px';
 var iconCss = null;
 var titleCss = null;
 var actionCss = null;
+var buttonGroupCss = null;
+var listItemCSS = null;
+var resizeButtonCss = null;
 var LinkInfo = function LinkInfo(_ref) {
   var icon = _ref.icon,
     providerName = _ref.providerName,
@@ -137,4 +141,107 @@ var LinkInfo = function LinkInfo(_ref) {
     testId: testId
   }))));
 };
-var _default = exports.default = LinkInfo;
+var LinkInfoNew = function LinkInfoNew(_ref2) {
+  var focusRef = _ref2.focusRef,
+    icon = _ref2.icon,
+    providerName = _ref2.providerName,
+    onDownloadButtonClick = _ref2.onDownloadButtonClick,
+    onResizeButtonClick = _ref2.onResizeButtonClick,
+    onViewButtonClick = _ref2.onViewButtonClick,
+    size = _ref2.size,
+    testId = _ref2.testId,
+    title = _ref2.title;
+  var _useModal2 = (0, _modalDialog.useModal)(),
+    onClose = _useModal2.onClose;
+  var _useIntl2 = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl2.formatMessage;
+  var downloadButton = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
+      icon: function icon() {
+        return /*#__PURE__*/_react.default.createElement(_download.default, {
+          label: "",
+          spacing: "spacious",
+          color: "currentColor"
+        });
+      },
+      label: _messages.messages.download,
+      onClick: onDownloadButtonClick,
+      testId: "".concat(testId, "-download")
+    });
+  }, [onDownloadButtonClick, testId]);
+  var urlButton = (0, _react.useMemo)(function () {
+    if (onViewButtonClick) {
+      var content = providerName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal);
+      return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+        content: content,
+        icon: function icon() {
+          return /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
+            label: "",
+            spacing: "spacious",
+            color: "currentColor"
+          });
+        },
+        label: _messages.messages.viewOriginal,
+        onClick: onViewButtonClick,
+        testId: "".concat(testId, "-url")
+      });
+    }
+  }, [onViewButtonClick, providerName, testId]);
+  var sizeButton = (0, _react.useMemo)(function () {
+    var isFullScreen = size === _constants.MAX_MODAL_SIZE;
+    var message = isFullScreen ? _messages.messages.preview_min_size : _messages.messages.preview_max_size;
+    var _icon2 = isFullScreen ? /*#__PURE__*/_react.default.createElement(_fullscreenExit.default, {
+      label: "",
+      spacing: "spacious",
+      color: "currentColor"
+    }) : /*#__PURE__*/_react.default.createElement(_fullscreenEnter.default, {
+      label: "",
+      spacing: "spacious",
+      color: "currentColor"
+    });
+    return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+      content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
+      icon: function icon() {
+        return _icon2;
+      },
+      label: message,
+      onClick: onResizeButtonClick,
+      testId: "".concat(testId, "-resize")
+    });
+  }, [onResizeButtonClick, size, testId]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
+  }, icon && /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "".concat(testId, "-icon"),
+    className: (0, _runtime.ax)(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
+  }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
+  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+    size: "small",
+    color: "color.text",
+    ref: focusRef,
+    testId: "".concat(testId, "-title")
+  }, title)), /*#__PURE__*/_react.default.createElement("ul", {
+    role: "list",
+    className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _qtt8glyw _1e0c1txw _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _1pfhze3t _6rthze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bozgze3t"])
+  }, onDownloadButtonClick && /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf"])
+  }, downloadButton), /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf"])
+  }, urlButton), /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf", "_1dt6glyw"])
+  }, sizeButton), /*#__PURE__*/_react.default.createElement("li", {
+    className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf"])
+  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
+    hideTooltipOnClick: true,
+    tag: "span",
+    testId: "".concat(testId, "-close-tooltip")
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.CloseButton, {
+    onClick: onClose,
+    label: formatMessage(_messages.messages.preview_close),
+    testId: testId
+  })))));
+};
+var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);

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

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tokens = require("@atlaskit/tokens");
 var _constants = require("../../constants");
 var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
@@ -60,6 +61,9 @@ var EmbedModal = function EmbedModal(_ref) {
     width = _useState4[0],
     setWidth = _useState4[1];
   var openAt = (0, _react.useRef)();
+  var focusRef = (0, _platformFeatureFlags.fg)('platform_navx_sl_a11y_embed_modal') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  (0, _react.useRef)(null) : undefined;
   var invoke = (0, _useInvokeClientAction.default)({
     fireEvent: fireEvent
   });
@@ -103,7 +107,9 @@ var EmbedModal = function EmbedModal(_ref) {
   if (previewUrl && isSupportTheming) {
     previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
   }
-  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_navx_sl_a11y_embed_modal') ? {
+    autoFocus: focusRef
+  } : undefined, {
     height: "100%",
     onClose: handleOnClose,
     onCloseComplete: handleOnCloseComplete,
@@ -112,13 +118,16 @@ var EmbedModal = function EmbedModal(_ref) {
     width: width,
     label: title,
     isBlanketHidden: isBlanketHidden
-  }, /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
+  }), /*#__PURE__*/_react.default.createElement(_linkInfo.default, (0, _extends2.default)({
     icon: linkIcon && {
       icon: /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, linkIcon, {
         size: _constants.SmartLinkSize.Large
       })),
       isFlexibleUi: true
-    },
+    }
+  }, (0, _platformFeatureFlags.fg)('platform_navx_sl_a11y_embed_modal') ? {
+    focusRef: focusRef
+  } : undefined, {
     providerName: providerName,
     onViewButtonClick: invokeViewAction ? handleOnViewActionClick : undefined,
     onDownloadButtonClick: invokeDownloadAction ? handleOnDownloadActionClick : undefined,
@@ -126,7 +135,7 @@ var EmbedModal = function EmbedModal(_ref) {
     size: width,
     title: title,
     testId: testId
-  }), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_embedContent.default, {
+  })), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_embedContent.default, {
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,

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

@@ -1,4 +1,5 @@
 import { isConfluenceGenerator } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType } from '../../../constants';
 /**
  * Computes the relevant icon for a document type.
@@ -18,53 +19,77 @@ import { IconType } from '../../../constants';
 const extractDocumentTypeIcon = (documentType, label, providerId) => {
   switch (documentType) {
     case 'schema:BlogPosting':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
         icon: IconType.Blog,
+        label
+      } : {
+        icon: IconType.Blog,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Blog'
       };
     case 'schema:DigitalDocument':
       if (providerId && isConfluenceGenerator(providerId)) {
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        return {
+        return fg('navx-2827-eslint-object-translation-smart-links') ? {
+          icon: IconType.LiveDocument,
+          label
+        } : {
           icon: IconType.LiveDocument,
+          // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
           label: label || 'Live Document'
         };
       } else {
-        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-        return {
+        return fg('navx-2827-eslint-object-translation-smart-links') ? {
+          icon: IconType.File,
+          label
+        } : {
           icon: IconType.File,
+          // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
           label: label || 'File'
         };
       }
     case 'schema:TextDigitalDocument':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
         icon: IconType.Document,
+        label
+      } : {
+        icon: IconType.Document,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Document'
       };
     case 'schema:PresentationDigitalDocument':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
         icon: IconType.Presentation,
+        label
+      } : {
+        icon: IconType.Presentation,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Presentation'
       };
     case 'schema:SpreadsheetDigitalDocument':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
         icon: IconType.Spreadsheet,
+        label
+      } : {
+        icon: IconType.Spreadsheet,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Spreadsheet'
       };
     case 'atlassian:Template':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
         icon: IconType.Template,
+        label
+      } : {
+        icon: IconType.Template,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Template'
       };
     case 'atlassian:UndefinedLink':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
         icon: IconType.Document,
+        label
+      } : {
+        icon: IconType.Document,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Undefined link'
       };
     default:

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

@@ -1,87 +1,111 @@
-/* eslint-disable @atlassian/i18n/no-literal-string-in-object */
+import { fg } from "@atlaskit/platform-feature-flags";
 import { IconType } from '../../../constants';
 const extractFileFormatIcon = fileFormat => {
   switch (fileFormat) {
     // Generic documents
     case 'folder':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Folder
+      } : {
         icon: IconType.Folder,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Folder'
       };
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Document
+      } : {
         icon: IconType.Document,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Document'
       };
     case 'application/pdf':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.PDF
+      } : {
         icon: IconType.PDF,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'PDF document'
       };
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Presentation
+      } : {
         icon: IconType.Presentation,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Presentation'
       };
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Spreadsheet
+      } : {
         icon: IconType.Spreadsheet,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Spreadsheet'
       };
     // Google Drive
     case 'application/vnd.google-apps.document':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.GoogleDocs
+      } : {
         icon: IconType.GoogleDocs,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Google Docs'
       };
     case 'application/vnd.google-apps.form':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.GoogleForms
+      } : {
         icon: IconType.GoogleForms,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Google Form'
       };
     case 'application/vnd.google-apps.spreadsheet':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.GoogleSheets
+      } : {
         icon: IconType.GoogleSheets,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Google Sheets'
       };
     case 'application/vnd.google-apps.presentation':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.GoogleSlides
+      } : {
         icon: IconType.GoogleSlides,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Google Slides'
       };
     // Microsoft
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.MSExcel
+      } : {
         icon: IconType.MSExcel,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Excel spreadsheet'
       };
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.MSPowerpoint
+      } : {
         icon: IconType.MSPowerpoint,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'PowerPoint presentation'
       };
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.MSWord
+      } : {
         icon: IconType.MSWord,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Word document'
       };
     case 'image/png':
@@ -89,15 +113,19 @@ const extractFileFormatIcon = fileFormat => {
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Image
+      } : {
         icon: IconType.Image,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Image'
       };
     case 'image/gif':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.GIF
+      } : {
         icon: IconType.GIF,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'GIF'
       };
     case 'audio/midi':
@@ -105,9 +133,11 @@ const extractFileFormatIcon = fileFormat => {
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Audio
+      } : {
         icon: IconType.Audio,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Audio'
       };
     case 'video/mp4':
@@ -117,18 +147,22 @@ const extractFileFormatIcon = fileFormat => {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Video
+      } : {
         icon: IconType.Video,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Video'
       };
     // Others
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Code
+      } : {
         icon: IconType.Code,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Source Code'
       };
     case 'application/zip':
@@ -137,33 +171,43 @@ const extractFileFormatIcon = fileFormat => {
     case 'application/x-7z-compressed':
     case 'application/x-apple-diskimage':
     case 'application/vnd.rar':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Archive
+      } : {
         icon: IconType.Archive,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Archive'
       };
     case 'application/dmg':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Executable
+      } : {
         icon: IconType.Executable,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Executable'
       };
     case 'application/sketch':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Sketch
+      } : {
         icon: IconType.Sketch,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Sketch'
       };
     case 'application/octet-stream':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Generic
+      } : {
         icon: IconType.Generic,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Binary file'
       };
     case 'application/invision.prototype':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Generic
+      } : {
         icon: IconType.Generic,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: 'Prototype'
       };
     default:

package/dist/es2019/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -1,4 +1,5 @@
 import { extractTitle } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType } from '../../../constants';
 import { prioritiseIcon } from '../../common/icon';
 import { extractorPriorityMap as priorityMap } from '../../common/icon/priority';
@@ -61,39 +62,57 @@ function typeToIconDescriptor({
 }) {
   switch (type) {
     case 'atlassian:Goal':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
         icon: IconType.Task,
+        label
+      } : {
+        icon: IconType.Task,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Goal'
       };
     case 'atlassian:Project':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Project,
+        label
+      } : {
         icon: IconType.Project,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Project'
       };
     case 'atlassian:SourceCodeCommit':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Commit,
+        label
+      } : {
         icon: IconType.Commit,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Commit'
       };
     case 'atlassian:SourceCodePullRequest':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
         icon: IconType.PullRequest,
+        label
+      } : {
+        icon: IconType.PullRequest,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Pull request'
       };
     case 'atlassian:SourceCodeReference':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Branch,
+        label
+      } : {
         icon: IconType.Branch,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Reference'
       };
     case 'atlassian:SourceCodeRepository':
-      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
-      return {
+      return fg('navx-2827-eslint-object-translation-smart-links') ? {
+        icon: IconType.Repo,
+        label
+      } : {
         icon: IconType.Repo,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Repository'
       };
     case 'atlassian:Task':

package/dist/es2019/utils/index.js

@@ -44,14 +44,6 @@ export const getIconForFileType = fileMimeType => {
     testId: "document-file-format-icon"
   });
 };
-export const getLabelForFileType = fileMimeType => {
-  let icon = getTypeToIconMap(fileMimeType.toLowerCase());
-  if (!icon) {
-    return;
-  }
-  const [label] = icon;
-  return label;
-};
 // prettier-ignore
 export const getLazyIcons = () => {
   return {