@atlaskit/smart-card 43.27.4 → 43.28.0

package/dist/es2019/extractors/common/icon/extractIcon.js

@@ -6,6 +6,7 @@ import PullRequestIcon from '@atlaskit/icon-object/glyph/pull-request/16';
 import TaskIcon from '@atlaskit/icon-object/glyph/task/16';
 import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
 import { extractProvider, extractTitle, extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getIconForFileType } from '../../../utils';
 import { extractTaskType } from '../lozenge/extractTaskType';
 import { extractFileFormat } from './extractFileFormat';
@@ -16,7 +17,9 @@ import { extractorPriorityMap } from './priority';
 export const extractIcon = (jsonLd, priority = 'type', showIconLabel = true) => {
   const type = jsonLd['@type'];
   const opts = {
-    title: extractTitle(jsonLd),
+    ...(fg('platform_navx_smart_link_icon_label_a11y') ? {} : {
+      title: extractTitle(jsonLd)
+    }),
     provider: extractProvider(jsonLd),
     fileFormat: extractFileFormat(jsonLd),
     taskType: extractTaskType(jsonLd),
@@ -32,36 +35,37 @@ export const extractIcon = (jsonLd, priority = 'type', showIconLabel = true) =>
   }
 };
 function typeToIcon(type, opts) {
+  const getLabel = title => fg('platform_navx_smart_link_icon_label_a11y') ? title : opts.title || title;
   switch (type) {
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/React.createElement(CommitIcon, {
-        label: opts.title || 'commit',
+        label: getLabel('commit'),
         testId: "commit-icon"
       });
     case 'atlassian:Project':
       return /*#__PURE__*/React.createElement(PeopleGroupIcon, {
-        label: opts.title || 'project',
+        label: getLabel('project'),
         testId: "project-icon",
         color: "currentColor"
       });
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/React.createElement(PullRequestIcon, {
-        label: opts.title || 'pullRequest',
+        label: getLabel('pull request'),
         testId: "pull-request-icon"
       });
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/React.createElement(BranchIcon, {
-        label: opts.title || 'reference',
+        label: getLabel('reference'),
         testId: "branch-icon"
       });
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/React.createElement(RepoIcon, {
-        label: opts.title || 'repository',
+        label: getLabel('repository'),
         testId: "repo-icon"
       });
     case 'atlassian:Goal':
       return /*#__PURE__*/React.createElement(TaskIcon, {
-        label: opts.title || 'goal',
+        label: getLabel('goal'),
         testId: "task-icon"
       });
     case 'atlassian:Task':
@@ -72,7 +76,7 @@ function typeToIcon(type, opts) {
 }
 function standardisedExtractIcon(type, opts) {
   const iconFromType = typeToIcon(type, opts);
-  const iconFromFileFormat = opts.fileFormat ? getIconForFileType(opts.fileFormat) : undefined;
+  const iconFromFileFormat = opts.fileFormat ? getIconForFileType(opts.fileFormat, fg('platform_navx_smart_link_icon_label_a11y') ? opts.showIconLabel : undefined) : undefined;
   const iconFromProvider = opts.provider && opts.provider.icon;
   return prioritiseIcon({
     fileFormatIcon: iconFromFileFormat,

package/dist/es2019/extractors/common/icon/extractIconFromDocument.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import DocumentFilledIcon from '@atlaskit/icon/core/file';
 import { isConfluenceGenerator } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import BlogIcon from '../../../common/ui/icons/blog-icon';
 import PresentationIcon from '../../../common/ui/icons/chart-bar-icon';
 import FileIcon from '../../../common/ui/icons/file-icon';
@@ -29,42 +30,49 @@ export const extractIconFromDocument = (type, opts) => {
 };
 const documentFileFormatToIcon = opts => {
   if (opts.fileFormat) {
-    return getIconForFileType(opts.fileFormat);
+    return getIconForFileType(opts.fileFormat, fg('platform_navx_smart_link_icon_label_a11y') ? opts.showIconLabel : undefined);
   }
 };
+const documentLabel = (opts, label) => {
+  // NAVX-4354 can be inlined during cleanup.
+  if (!opts.showIconLabel) {
+    return '';
+  }
+  return fg('platform_navx_smart_link_icon_label_a11y') ? label : opts.title || label;
+};
 const documentTypeToIcon = (type, opts) => {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: opts.showIconLabel ? opts.title || 'blog' : '',
+        label: documentLabel(opts, 'blog'),
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
       return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.showIconLabel ? opts.title || 'document' : '',
+        label: documentLabel(opts, 'document'),
         testId: "document-icon"
       });
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/React.createElement(PresentationIcon, {
-        label: opts.showIconLabel ? opts.title || 'presentation' : '',
+        label: documentLabel(opts, 'presentation'),
         testId: "presentation-icon"
       });
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/React.createElement(SpreadsheetIcon, {
-        label: opts.showIconLabel ? opts.title || 'spreadsheet' : '',
+        label: documentLabel(opts, 'spreadsheet'),
         testId: "spreadsheet-icon"
       });
     case 'atlassian:Template':
       return /*#__PURE__*/React.createElement(DocumentFilledIcon, {
         color: "currentColor",
-        label: opts.showIconLabel ? opts.title || 'template' : '',
+        label: documentLabel(opts, 'template'),
         testId: "document-filled-icon"
       });
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.showIconLabel ? opts.title || 'undefinedLink' : '',
+        label: documentLabel(opts, 'document'),
         testId: "document-icon"
       });
   }
@@ -82,12 +90,12 @@ const digitalDocumentToIcon = opts => {
   var _opts$provider;
   if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && isConfluenceGenerator(opts.provider.id)) {
     return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
-      label: "live-doc",
+      label: documentLabel(opts, 'live document'),
       testId: "live-doc-icon"
     });
   } else {
     return /*#__PURE__*/React.createElement(FileIcon, {
-      label: opts.showIconLabel ? opts.title || 'file' : '',
+      label: documentLabel(opts, 'file'),
       testId: "file-icon"
     });
   }

package/dist/es2019/extractors/common/icon/extractIconFromTask.js

@@ -8,6 +8,7 @@ import JiraProblemIcon from '@atlaskit/icon-object/glyph/problem/16';
 import JiraStoryIcon from '@atlaskit/icon-object/glyph/story/16';
 import JiraSubTaskIcon from '@atlaskit/icon-object/glyph/subtask/16';
 import JiraTaskIcon from '@atlaskit/icon-object/glyph/task/16';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { JIRA_BUG, JIRA_CHANGE, JIRA_CUSTOM_TASK_TYPE, JIRA_EPIC, JIRA_GENERATOR_ID, JIRA_INCIDENT, JIRA_PROBLEM, JIRA_SERVICE_REQUEST, JIRA_STORY, JIRA_SUB_TASK, JIRA_TASK } from '../../constants';
 const TaskIcon = JiraTaskIcon;
 
@@ -25,9 +26,10 @@ export const extractIconFromTask = opts => {
     taskType,
     provider
   } = opts;
-  const taskLabel = opts.title || 'task';
+  const legacyTaskLabel = opts.title || 'task';
+  const getLabel = semantic => fg('platform_navx_smart_link_icon_label_a11y') ? semantic : legacyTaskLabel;
   const defaultIcon = /*#__PURE__*/React.createElement(TaskIcon, {
-    label: taskLabel,
+    label: getLabel('Task'),
     testId: "default-task-icon"
   });
   if (provider && provider.id === JIRA_GENERATOR_ID && taskType && taskType.id) {
@@ -36,47 +38,47 @@ export const extractIconFromTask = opts => {
     switch (taskTypeName) {
       case JIRA_TASK:
         return /*#__PURE__*/React.createElement(JiraTaskIcon, {
-          label: taskLabel,
+          label: getLabel('Task'),
           testId: "jira-task-icon"
         });
       case JIRA_SUB_TASK:
         return /*#__PURE__*/React.createElement(JiraSubTaskIcon, {
-          label: taskLabel,
+          label: getLabel('Sub-task'),
           testId: "jira-subtask-icon"
         });
       case JIRA_STORY:
         return /*#__PURE__*/React.createElement(JiraStoryIcon, {
-          label: taskLabel,
+          label: getLabel('Story'),
           testId: "jira-story-icon"
         });
       case JIRA_BUG:
         return /*#__PURE__*/React.createElement(JiraBugIcon, {
-          label: taskLabel,
+          label: getLabel('Bug'),
           testId: "jira-bug-icon"
         });
       case JIRA_EPIC:
         return /*#__PURE__*/React.createElement(JiraEpicIcon, {
-          label: taskLabel,
+          label: getLabel('Epic'),
           testId: "jira-epic-icon"
         });
       case JIRA_INCIDENT:
         return /*#__PURE__*/React.createElement(JiraIncidentIcon, {
-          label: taskLabel,
+          label: getLabel('Incident'),
           testId: "jira-incident-icon"
         });
       case JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/React.createElement(JiraServiceRequestIcon, {
-          label: taskLabel,
+          label: getLabel('Service request'),
           testId: "jira-service-request-icon"
         });
       case JIRA_CHANGE:
         return /*#__PURE__*/React.createElement(JiraChangeIcon, {
-          label: taskLabel,
+          label: getLabel('Change'),
           testId: "jira-change-icon"
         });
       case JIRA_PROBLEM:
         return /*#__PURE__*/React.createElement(JiraProblemIcon, {
-          label: taskLabel,
+          label: getLabel('Problem'),
           testId: "jira-problem-icon"
         });
       case JIRA_CUSTOM_TASK_TYPE:

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.
@@ -16,48 +17,49 @@ import { IconType } from '../../../constants';
  * @returns an icon descriptor representing the document type
  */
 const extractDocumentTypeIcon = (documentType, label, providerId) => {
+  const getLabel = hardcodedLabel => fg('platform_navx_smart_link_icon_label_a11y') ? hardcodedLabel : label;
   switch (documentType) {
     case 'schema:BlogPosting':
       return {
         icon: IconType.Blog,
-        label
+        label: getLabel('blog')
       };
     case 'schema:DigitalDocument':
       if (providerId && isConfluenceGenerator(providerId)) {
         return {
           icon: IconType.LiveDocument,
-          label
+          label: getLabel('live document')
         };
       } else {
         return {
           icon: IconType.File,
-          label
+          label: getLabel('file')
         };
       }
     case 'schema:TextDigitalDocument':
       return {
         icon: IconType.Document,
-        label
+        label: getLabel('document')
       };
     case 'schema:PresentationDigitalDocument':
       return {
         icon: IconType.Presentation,
-        label
+        label: getLabel('presentation')
       };
     case 'schema:SpreadsheetDigitalDocument':
       return {
         icon: IconType.Spreadsheet,
-        label
+        label: getLabel('spreadsheet')
       };
     case 'atlassian:Template':
       return {
         icon: IconType.Template,
-        label
+        label: getLabel('template')
       };
     case 'atlassian:UndefinedLink':
       return {
         icon: IconType.Document,
-        label
+        label: getLabel('document')
       };
     default:
       return undefined;

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

@@ -1,84 +1,61 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType } from '../../../constants';
 const extractFileFormatIcon = fileFormat => {
+  const getIconDescriptor = (icon, label) => fg('platform_navx_smart_link_icon_label_a11y') ? {
+    icon,
+    label
+  } : {
+    icon
+  };
   switch (fileFormat) {
     // Generic documents
     case 'folder':
-      return {
-        icon: IconType.Folder
-      };
+      return getIconDescriptor(IconType.Folder, 'folder');
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
-      return {
-        icon: IconType.Document
-      };
+      return getIconDescriptor(IconType.Document, 'document');
     case 'application/pdf':
-      return {
-        icon: IconType.PDF
-      };
+      return getIconDescriptor(IconType.PDF, 'pdf');
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
-      return {
-        icon: IconType.Presentation
-      };
+      return getIconDescriptor(IconType.Presentation, 'presentation');
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
-      return {
-        icon: IconType.Spreadsheet
-      };
+      return getIconDescriptor(IconType.Spreadsheet, 'spreadsheet');
     // Google Drive
     case 'application/vnd.google-apps.document':
-      return {
-        icon: IconType.GoogleDocs
-      };
+      return getIconDescriptor(IconType.GoogleDocs, 'google document');
     case 'application/vnd.google-apps.form':
-      return {
-        icon: IconType.GoogleForms
-      };
+      return getIconDescriptor(IconType.GoogleForms, 'google form');
     case 'application/vnd.google-apps.spreadsheet':
-      return {
-        icon: IconType.GoogleSheets
-      };
+      return getIconDescriptor(IconType.GoogleSheets, 'google sheet');
     case 'application/vnd.google-apps.presentation':
-      return {
-        icon: IconType.GoogleSlides
-      };
+      return getIconDescriptor(IconType.GoogleSlides, 'google slide');
     // Microsoft
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
-      return {
-        icon: IconType.MSExcel
-      };
+      return getIconDescriptor(IconType.MSExcel, 'excel spreadsheet');
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
-      return {
-        icon: IconType.MSPowerpoint
-      };
+      return getIconDescriptor(IconType.MSPowerpoint, 'powerpoint');
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-      return {
-        icon: IconType.MSWord
-      };
+      return getIconDescriptor(IconType.MSWord, 'word document');
     case 'image/png':
     case 'image/jpeg':
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
-      return {
-        icon: IconType.Image
-      };
+      return getIconDescriptor(IconType.Image, 'image');
     case 'image/gif':
-      return {
-        icon: IconType.GIF
-      };
+      return getIconDescriptor(IconType.GIF, 'gif');
     case 'audio/midi':
     case 'audio/mpeg':
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
-      return {
-        icon: IconType.Audio
-      };
+      return getIconDescriptor(IconType.Audio, 'audio');
     case 'video/mp4':
     case 'video/quicktime':
     case 'video/mov':
@@ -86,41 +63,27 @@ const extractFileFormatIcon = fileFormat => {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
-      return {
-        icon: IconType.Video
-      };
+      return getIconDescriptor(IconType.Video, 'video');
     // Others
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
-      return {
-        icon: IconType.Code
-      };
+      return getIconDescriptor(IconType.Code, '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 {
-        icon: IconType.Archive
-      };
+      return getIconDescriptor(IconType.Archive, 'archive');
     case 'application/dmg':
-      return {
-        icon: IconType.Executable
-      };
+      return getIconDescriptor(IconType.Executable, 'disk image');
     case 'application/sketch':
-      return {
-        icon: IconType.Sketch
-      };
+      return getIconDescriptor(IconType.Sketch, 'sketch');
     case 'application/octet-stream':
-      return {
-        icon: IconType.Generic
-      };
+      return getIconDescriptor(IconType.Generic, 'file');
     case 'application/invision.prototype':
-      return {
-        icon: IconType.Generic
-      };
+      return getIconDescriptor(IconType.Generic, 'file');
     default:
       return undefined;
   }

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

@@ -1,51 +1,53 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { IconType } from '../../../constants';
-const extractJiraTaskIcon = (taskType, label = 'Task') => {
+const extractJiraTaskIcon = (taskType, label) => {
+  const getLabel = hardcodedLabel => fg('platform_navx_smart_link_icon_label_a11y') ? hardcodedLabel : label || 'Task';
   switch (taskType) {
     case 'JiraBug':
       return {
         icon: IconType.Bug,
-        label
+        label: getLabel('Bug')
       };
     case 'JiraChange':
       return {
         icon: IconType.Change,
-        label
+        label: getLabel('Change')
       };
     case 'JiraEpic':
       return {
         icon: IconType.Epic,
-        label
+        label: getLabel('Epic')
       };
     case 'JiraIncident':
       return {
         icon: IconType.Incident,
-        label
+        label: getLabel('Incident')
       };
     case 'JiraProblem':
       return {
         icon: IconType.Problem,
-        label
+        label: getLabel('Problem')
       };
     case 'JiraServiceRequest':
       return {
         icon: IconType.ServiceRequest,
-        label
+        label: getLabel('Service request')
       };
     case 'JiraStory':
       return {
         icon: IconType.Story,
-        label
+        label: getLabel('Story')
       };
     case 'JiraSubTask':
       return {
         icon: IconType.SubTask,
-        label
+        label: getLabel('Sub-task')
       };
     case 'JiraTask':
     default:
       return {
         icon: IconType.Task,
-        label
+        label: getLabel('Task')
       };
   }
 };