@atlaskit/smart-card 43.17.4 → 43.17.6

package/dist/es2019/view/EmbedModal/components/link-info/index.compiled.css

@@ -1,12 +1,17 @@
 
+._qtt8glyw{list-style:none}
 ._zulp1b66{gap:var(--ds-space-050,4px)}
 ._zulpu2gc{gap:var(--ds-space-100,8px)}._11hh1tcg [data-smart-element-icon] svg{min-width:24px}
 ._15iz1tcg span{min-height:24px}
 ._16jlidpf{flex-grow:0}
 ._16jlkb7n{flex-grow:1}
 ._17521tcg svg{height:24px}
+._18u0ze3t{margin-left:var(--ds-space-0,0)}
 ._19bv1ejb{padding-left:var(--ds-space-300,24px)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._19l31tcg img{max-height:24px}
+._19pkidpf{margin-top:0}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1h6o{justify-content:center}
 ._1bnm1tcg [data-smart-element-icon] svg{height:24px}
 ._1bsb1tcg{width:24px}
@@ -15,6 +20,7 @@
 ._1h1b1tcg [data-smart-element-icon] span{width:24px}
 ._1mj01tcg [data-smart-element-icon] img{max-width:24px}
 ._1o9zidpf{flex-shrink:0}
+._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
 ._1pr21tcg span{max-height:24px}
 ._1q121tcg [data-smart-element-icon] img{max-height:24px}
 ._1r9c1tcg [data-smart-element-icon] span{max-width:24px}
@@ -27,14 +33,19 @@
 ._1xch1tcg [data-smart-element-icon] svg{max-width:24px}
 ._1xjx1tcg span{height:24px}
 ._1xyl1tcg [data-smart-element-icon] img{width:24px}
+._2hwxze3t{margin-right:var(--ds-space-0,0)}
 ._2lx21bp4{flex-direction:column}
 ._2s1x1tcg [data-smart-element-icon] span{max-height:24px}
+._4cvr1h6o{align-items:center}
 ._4t3i1tcg{height:24px}
 ._4x201tcg svg{max-width:24px}
+._6rthze3t{margin-block-end:var(--ds-space-0,0)}
 ._b8nk1tcg span{max-width:24px}
 ._bna71tcg img{height:24px}
+._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
 ._c71l1tcg{max-height:24px}
 ._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
 ._e2oo1tcg span{width:24px}
 ._erub1tcg svg{min-height:24px}
 ._gire1tcg [data-smart-element-icon] img{height:24px}
@@ -43,16 +54,19 @@
 ._jbhf1tcg [data-smart-element-icon] span{min-width:24px}
 ._mezj1tcg img{width:24px}
 ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._otyrze3t{margin-bottom:var(--ds-space-0,0)}
 ._p12f1tcg{max-width:24px}
 ._prfw1tcg [data-smart-element-icon] svg{width:24px}
 ._q7cv1tcg span{min-width:24px}
 ._qci81tcg img{min-height:24px}
 ._rtys1tcg img{max-width:24px}
 ._u5f31ejb{padding-right:var(--ds-space-300,24px)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}
 ._v5981tcg [data-smart-element-icon] span{min-height:24px}
 ._w8l51tcg svg{width:24px}
 ._x9xj1tcg [data-smart-element-icon] img{min-height:24px}
 ._xwbj1tcg svg{min-width:24px}
 ._yrry1tcg [data-smart-element-icon] span{height:24px}
 ._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
-@media only screen and (max-width:980px){._3kllglyw .smart-link-resize-button{display:none}}
+@media only screen and (max-width:980px){._1dt6glyw{display:none}._3kllglyw .smart-link-resize-button{display:none}}

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

@@ -10,6 +10,7 @@ import FullscreenExitIcon from '@atlaskit/icon/core/fullscreen-exit';
 import ShortcutIcon from '@atlaskit/icon/core/link-external';
 import { CloseButton, useModal } from '@atlaskit/modal-dialog';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
@@ -24,6 +25,9 @@ const iconSize = '24px';
 const iconCss = null;
 const titleCss = null;
 const actionCss = null;
+const buttonGroupCss = null;
+const listItemCSS = null;
+const resizeButtonCss = null;
 const LinkInfo = ({
   icon,
   providerName,
@@ -125,4 +129,102 @@ const LinkInfo = ({
     testId: testId
   }))));
 };
-export default LinkInfo;
+const LinkInfoNew = ({
+  focusRef,
+  icon,
+  providerName,
+  onDownloadButtonClick,
+  onResizeButtonClick,
+  onViewButtonClick,
+  size,
+  testId,
+  title
+}) => {
+  const {
+    onClose
+  } = useModal();
+  const {
+    formatMessage
+  } = useIntl();
+  const downloadButton = useMemo(() => /*#__PURE__*/React.createElement(LinkInfoButton, {
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.download),
+    icon: () => /*#__PURE__*/React.createElement(DownloadIcon, {
+      label: "",
+      spacing: "spacious",
+      color: "currentColor"
+    }),
+    label: messages.download,
+    onClick: onDownloadButtonClick,
+    testId: `${testId}-download`
+  }), [onDownloadButtonClick, testId]);
+  const urlButton = useMemo(() => {
+    if (onViewButtonClick) {
+      const content = providerName ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.viewIn), " ", providerName) : /*#__PURE__*/React.createElement(FormattedMessage, messages.viewOriginal);
+      return /*#__PURE__*/React.createElement(LinkInfoButton, {
+        content: content,
+        icon: () => /*#__PURE__*/React.createElement(ShortcutIcon, {
+          label: "",
+          spacing: "spacious",
+          color: "currentColor"
+        }),
+        label: messages.viewOriginal,
+        onClick: onViewButtonClick,
+        testId: `${testId}-url`
+      });
+    }
+  }, [onViewButtonClick, providerName, testId]);
+  const sizeButton = useMemo(() => {
+    const isFullScreen = size === MAX_MODAL_SIZE;
+    const message = isFullScreen ? messages.preview_min_size : messages.preview_max_size;
+    const icon = isFullScreen ? /*#__PURE__*/React.createElement(FullscreenExitIcon, {
+      label: "",
+      spacing: "spacious",
+      color: "currentColor"
+    }) : /*#__PURE__*/React.createElement(VidFullScreenOnIcon, {
+      label: "",
+      spacing: "spacious",
+      color: "currentColor"
+    });
+    return /*#__PURE__*/React.createElement(LinkInfoButton, {
+      content: /*#__PURE__*/React.createElement(FormattedMessage, message),
+      icon: () => icon,
+      label: message,
+      onClick: onResizeButtonClick,
+      testId: `${testId}-resize`
+    });
+  }, [onResizeButtonClick, size, testId]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
+  }, icon && /*#__PURE__*/React.createElement("div", {
+    "data-testid": `${testId}-icon`,
+    className: 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.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
+    className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
+  }, /*#__PURE__*/React.createElement(Heading, {
+    size: "small",
+    color: "color.text",
+    ref: focusRef,
+    testId: `${testId}-title`
+  }, title)), /*#__PURE__*/React.createElement("ul", {
+    role: "list",
+    className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _qtt8glyw _1e0c1txw _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _1pfhze3t _6rthze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bozgze3t"])
+  }, onDownloadButtonClick && /*#__PURE__*/React.createElement("li", {
+    className: ax(["_4cvr1h6o _19pkidpf"])
+  }, downloadButton), /*#__PURE__*/React.createElement("li", {
+    className: ax(["_4cvr1h6o _19pkidpf"])
+  }, urlButton), /*#__PURE__*/React.createElement("li", {
+    className: ax(["_4cvr1h6o _19pkidpf", "_1dt6glyw"])
+  }, sizeButton), /*#__PURE__*/React.createElement("li", {
+    className: ax(["_4cvr1h6o _19pkidpf"])
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
+    hideTooltipOnClick: true,
+    tag: "span",
+    testId: `${testId}-close-tooltip`
+  }, /*#__PURE__*/React.createElement(CloseButton, {
+    onClick: onClose,
+    label: formatMessage(messages.preview_close),
+    testId: testId
+  })))));
+};
+export default componentWithFG('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useRef, useState } from 'react';
 import ModalDialog, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
 import { SmartLinkSize } from '../../constants';
 import useInvokeClientAction from '../../state/hooks/use-invoke-client-action';
@@ -38,6 +39,9 @@ const EmbedModal = ({
   const [isOpen, setIsOpen] = useState(showModal);
   const [width, setWidth] = useState(defaultWidth);
   const openAt = useRef();
+  const focusRef = fg('platform_navx_sl_a11y_embed_modal') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useRef(null) : undefined;
   const invoke = useInvokeClientAction({
     fireEvent
   });
@@ -79,7 +83,9 @@ const EmbedModal = ({
   if (previewUrl && isSupportTheming) {
     previewUrl = getPreviewUrlWithTheme(previewUrl, themeState);
   }
-  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(ModalDialog, _extends({}, fg('platform_navx_sl_a11y_embed_modal') ? {
+    autoFocus: focusRef
+  } : undefined, {
     height: "100%",
     onClose: handleOnClose,
     onCloseComplete: handleOnCloseComplete,
@@ -88,13 +94,16 @@ const EmbedModal = ({
     width: width,
     label: title,
     isBlanketHidden: isBlanketHidden
-  }, /*#__PURE__*/React.createElement(LinkInfo, {
+  }), /*#__PURE__*/React.createElement(LinkInfo, _extends({
     icon: linkIcon && {
       icon: /*#__PURE__*/React.createElement(BaseIconElement, _extends({}, linkIcon, {
         size: SmartLinkSize.Large
       })),
       isFlexibleUi: true
-    },
+    }
+  }, fg('platform_navx_sl_a11y_embed_modal') ? {
+    focusRef
+  } : undefined, {
     providerName: providerName,
     onViewButtonClick: invokeViewAction ? handleOnViewActionClick : undefined,
     onDownloadButtonClick: invokeDownloadAction ? handleOnDownloadActionClick : undefined,
@@ -102,7 +111,7 @@ const EmbedModal = ({
     size: width,
     title: title,
     testId: testId
-  }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(EmbedContent, {
+  })), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(EmbedContent, {
     isTrusted: isTrusted,
     name: iframeName,
     src: previewUrl,

package/dist/esm/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';
 var extractDocumentTypeIcon = function 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: 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: 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: 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: 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: 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: 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: 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: label
+      } : {
+        icon: IconType.Document,
+        // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
         label: label || 'Undefined link'
       };
     default:

package/dist/esm/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';
 var extractFileFormatIcon = function 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 @@ var extractFileFormatIcon = function 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 @@ var extractFileFormatIcon = function 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 @@ var extractFileFormatIcon = function 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 @@ var extractFileFormatIcon = function 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: