@atlaskit/smart-card 23.14.0 → 23.14.2

package/dist/es2019/constants.js

@@ -1,61 +1,57 @@
 export const CONTENT_URL_SECURITY_AND_PERMISSIONS = 'https://support.atlassian.com/confluence-cloud/docs/insert-links-and-anchors/#Smart-links';
+
 /**
  * The alignment of Flexible UI component.
  */
-
 export let SmartLinkAlignment;
+
 /**
  * The direction of Flexible UI components. It establish the main-axis
  * or how the child components laid out inside the parent component.
  * Similar to flex's flex-direction concept.
  */
-
 (function (SmartLinkAlignment) {
   SmartLinkAlignment["Left"] = "left";
   SmartLinkAlignment["Right"] = "right";
 })(SmartLinkAlignment || (SmartLinkAlignment = {}));
-
 export let SmartLinkDirection;
+
 /**
  * The positioning of the component within the parent component.
  * Similar to flex's align-items or align-self concept.
  */
-
 (function (SmartLinkDirection) {
   SmartLinkDirection["Horizontal"] = "horizontal";
   SmartLinkDirection["Vertical"] = "vertical";
 })(SmartLinkDirection || (SmartLinkDirection = {}));
-
 export let SmartLinkPosition;
+
 /**
  * The sizing options of the Flexible UI component. Every component
  * has or inherits the sizing props. Implementation varies
  * as per component.
  */
-
 (function (SmartLinkPosition) {
   SmartLinkPosition["Top"] = "top";
   SmartLinkPosition["Center"] = "center";
 })(SmartLinkPosition || (SmartLinkPosition = {}));
-
 export let SmartLinkSize;
+
 /**
  * Smart Links link request status
  */
-
 (function (SmartLinkSize) {
   SmartLinkSize["XLarge"] = "xlarge";
   SmartLinkSize["Large"] = "large";
   SmartLinkSize["Medium"] = "medium";
   SmartLinkSize["Small"] = "small";
 })(SmartLinkSize || (SmartLinkSize = {}));
-
 export let SmartLinkStatus;
+
 /**
  * Flexible UI theme available on the Card level.
  * This determine the styling of the link.
  */
-
 (function (SmartLinkStatus) {
   SmartLinkStatus["Pending"] = "pending";
   SmartLinkStatus["Resolving"] = "resolving";
@@ -66,20 +62,19 @@ export let SmartLinkStatus;
   SmartLinkStatus["Unauthorized"] = "unauthorized";
   SmartLinkStatus["Fallback"] = "fallback";
 })(SmartLinkStatus || (SmartLinkStatus = {}));
-
 export let SmartLinkTheme;
+
 /**
  * Determines whether the container size will fit to the content
  * or expand to the available width or the parent component.
  * Similar to flex's flex-grow concept.
  */
-
 (function (SmartLinkTheme) {
   SmartLinkTheme["Black"] = "black";
   SmartLinkTheme["Link"] = "link";
 })(SmartLinkTheme || (SmartLinkTheme = {}));
-
 export let SmartLinkWidth;
+
 /**
  * Flexible UI element name - each reflecting the link data its represented.
  * When adding an element...
@@ -96,17 +91,15 @@ export let SmartLinkWidth;
  * 6) Update element ElementDisplaySchema for inline/block display
  *    (src/view/FlexibleCard/components/blocks/utils.tsx)
  */
-
 (function (SmartLinkWidth) {
   SmartLinkWidth["FitToContent"] = "fit-to-content";
   SmartLinkWidth["Flexible"] = "flexible";
 })(SmartLinkWidth || (SmartLinkWidth = {}));
-
 export let ElementName;
+
 /**
  * Flexible UI action (button)
  */
-
 (function (ElementName) {
   ElementName["AttachmentCount"] = "AttachmentCount";
   ElementName["AuthorGroup"] = "AuthorGroup";
@@ -134,12 +127,11 @@ export let ElementName;
   ElementName["VoteCount"] = "VoteCount";
   ElementName["LatestCommit"] = "LatestCommit";
 })(ElementName || (ElementName = {}));
-
 export let ActionName;
+
 /**
  * Flexible UI icons - each mapped to AK icons.
  */
-
 (function (ActionName) {
   ActionName["DeleteAction"] = "DeleteAction";
   ActionName["EditAction"] = "EditAction";
@@ -148,12 +140,11 @@ export let ActionName;
   ActionName["DownloadAction"] = "DownloadAction";
   ActionName["CustomAction"] = "CustomAction";
 })(ActionName || (ActionName = {}));
-
 export let IconType;
+
 /**
  * Type for Flexible UI's Media element
  */
-
 (function (IconType) {
   IconType["Archive"] = "FileType:Archive";
   IconType["Audio"] = "FileType:Audio";
@@ -218,22 +209,16 @@ export let IconType;
   IconType["ProgrammingLanguage"] = "Badge:ProgrammingLanguage";
   IconType["Subscriber"] = "Badge:Subscriber";
 })(IconType || (IconType = {}));
-
 export let MediaType;
-
 (function (MediaType) {
   MediaType["Image"] = "image";
 })(MediaType || (MediaType = {}));
-
 export let MediaPlacement;
-
 (function (MediaPlacement) {
   MediaPlacement["Left"] = "left";
   MediaPlacement["Right"] = "right";
 })(MediaPlacement || (MediaPlacement = {}));
-
 export let CardDisplay;
-
 (function (CardDisplay) {
   CardDisplay["Inline"] = "inline";
   CardDisplay["Block"] = "block";

package/dist/es2019/extractors/block/index.js

@@ -8,10 +8,8 @@ import { extractTitlePrefix } from '../common/title-prefix/extractTitlePrefix';
 import { extractActions } from '../common/actions/extractActions';
 import { extractPreviewAction } from '../common/actions/extractPreviewAction';
 import { extractIsTrusted } from '../common/meta/extractIsTrusted';
-
 const extractBlockIcon = jsonLd => {
   const icon = extractIcon(jsonLd);
-
   if (typeof icon === 'string') {
     return {
       url: icon
@@ -22,28 +20,26 @@ const extractBlockIcon = jsonLd => {
     };
   }
 };
-
 const extractBlockDetails = jsonLd => [extractCommentCount(jsonLd), extractProgrammingLanguage(jsonLd), extractSubscriberCount(jsonLd), extractAttachmentCount(jsonLd)].filter(detail => !!detail);
-
 export const extractBlockActions = (props, jsonLd, opts, platform) => {
   if (opts) {
     const {
       handleInvoke
     } = opts;
     const actions = extractActions(jsonLd, handleInvoke);
-    const previewAction = extractPreviewAction({ ...opts,
+    const previewAction = extractPreviewAction({
+      ...opts,
       viewProps: props,
       jsonLd,
       platform
-    }); // The previewAction should always be the last action
+    });
 
+    // The previewAction should always be the last action
     if (previewAction) {
       actions.push(previewAction);
     }
-
     return actions;
   }
-
   return [];
 };
 export const extractBlockUsers = jsonLd => {
@@ -51,7 +47,6 @@ export const extractBlockUsers = jsonLd => {
     return extractMembers(jsonLd);
   } else if (jsonLd['@type'] === 'atlassian:Task') {
     const assignedMembers = extractPersonAssignedTo(jsonLd);
-
     if (assignedMembers) {
       return [assignedMembers];
     }
@@ -60,11 +55,9 @@ export const extractBlockUsers = jsonLd => {
   } else {
     const updatedBy = extractPersonUpdatedBy(jsonLd);
     let updatedByMembers;
-
     if (updatedBy) {
       updatedByMembers = [updatedBy];
     }
-
     const createdByMembers = extractPersonCreatedBy(jsonLd);
     return updatedByMembers || createdByMembers;
   }
@@ -84,7 +77,8 @@ export const extractBlockProps = (jsonLd, meta, opts, renderers, platform) => {
     titlePrefix: extractTitlePrefix(jsonLd, renderers, 'block'),
     isTrusted: extractIsTrusted(meta)
   };
-  return { ...props,
+  return {
+    ...props,
     actions: extractBlockActions(props, jsonLd, opts, platform)
   };
 };

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

@@ -1,22 +1,18 @@
 import { ViewAction } from '../../../view/BlockCard/actions/ViewAction';
 import { DownloadAction } from '../../../view/BlockCard/actions/DownloadAction';
-
 const isClientAction = action => ['ViewAction', 'DownloadAction'].indexOf(action['@type']) > -1;
-
 const getClientAction = (jsonLd, action) => {
   switch (action['@type']) {
     case 'ViewAction':
       return ViewAction({
         url: jsonLd.url
       });
-
     case 'DownloadAction':
       return DownloadAction({
         url: jsonLd['atlassian:downloadUrl']
       });
   }
 };
-
 const getClientActionProps = (jsonLd, action, handler) => {
   const clientAction = getClientAction(jsonLd, action);
   const clientActionInvokeOpts = {
@@ -26,14 +22,14 @@ const getClientActionProps = (jsonLd, action, handler) => {
       type: action['@type'],
       promise: clientAction.promise
     }
-  }; // Send client actions through common invocation flow; for analytics
+  };
+  // Send client actions through common invocation flow; for analytics
   // and, in future, in order to propagate state changes.
-
-  return { ...clientAction,
+  return {
+    ...clientAction,
     promise: () => handler(clientActionInvokeOpts)
   };
 };
-
 const getServerActionProps = (jsonLd, action, handler) => {
   const id = action['@id'] || action['@type'];
   const data = {
@@ -53,18 +49,14 @@ const getServerActionProps = (jsonLd, action, handler) => {
     promise: () => handler(data)
   };
 };
-
 export const getActionsFromJsonLd = jsonLd => {
   let actions = jsonLd && jsonLd['schema:potentialAction'];
-
   if (!actions) {
     return [];
   }
-
   if (actions && !Array.isArray(actions)) {
     actions = [actions];
   }
-
   return actions;
 };
 export function extractActions(jsonLd, handler) {

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

@@ -2,7 +2,6 @@ import { extractDownloadUrl } from '../detail';
 import { extractPreview, extractProvider } from '@atlaskit/linking-common/extractors';
 import { PreviewAction } from '../../../view/BlockCard';
 import { CardDisplay } from '../../../constants';
-
 const getMetadataFromJsonLd = (jsonLd, platform) => {
   const download = extractDownloadUrl(jsonLd);
   const provider = extractProvider(jsonLd);
@@ -13,7 +12,6 @@ const getMetadataFromJsonLd = (jsonLd, platform) => {
     src: preview && preview.src
   };
 };
-
 const getMetadataFromResolvedProps = props => ({
   /* It's fine for content to be undefined, but src is still needed for the link out, even if it's not the source for the iframing */
   link: props.link,
@@ -24,7 +22,6 @@ const getMetadataFromResolvedProps = props => ({
   byline: props.byline,
   isTrusted: props.isTrusted
 });
-
 const getInvokeOpts = (key, action, source) => ({
   type: 'client',
   key,
@@ -38,7 +35,6 @@ const getInvokeOpts = (key, action, source) => ({
     promise: () => Promise.resolve()
   }
 });
-
 export const extractPreviewAction = ({
   extensionKey = 'empty-object-provider',
   viewProps,
@@ -53,14 +49,16 @@ export const extractPreviewAction = ({
   // Extract metadata from view props & raw JSON-LD.
   const metadataFromJsonLd = getMetadataFromJsonLd(jsonLd, platform);
   const metadataFromViewProps = getMetadataFromResolvedProps(viewProps);
-  const metadata = { ...metadataFromJsonLd,
+  const metadata = {
+    ...metadataFromJsonLd,
     ...metadataFromViewProps
-  }; // Extract preview action only if we have an iframe src.
-
+  };
+  // Extract preview action only if we have an iframe src.
   if (metadataFromJsonLd.src) {
     // Build action using instrumentation hooks.
     const key = extensionKey;
-    const previewAction = PreviewAction({ ...metadata,
+    const previewAction = PreviewAction({
+      ...metadata,
       analytics,
       origin,
       testId,
@@ -70,17 +68,17 @@ export const extractPreviewAction = ({
       onViewActionClick: () => {
         handleInvoke(getInvokeOpts(key, 'ViewAction'));
       }
-    }); // Setup props to go through proper Redux 'invocation' flow
+    });
+    // Setup props to go through proper Redux 'invocation' flow
     // for analytics, further state management if required in future.
-
-    const previewActionProps = getInvokeOpts(key, 'PreviewAction', source); // - Promise invoked by the action invocation handler; open preview.
-
-    previewActionProps.action.promise = previewAction.promise; // - Promise invoked on click of `Preview` on block card; trigger above promise.
-
-    previewAction.promise = opts => handleInvoke({ ...previewActionProps,
+    const previewActionProps = getInvokeOpts(key, 'PreviewAction', source);
+    // - Promise invoked by the action invocation handler; open preview.
+    previewActionProps.action.promise = previewAction.promise;
+    // - Promise invoked on click of `Preview` on block card; trigger above promise.
+    previewAction.promise = opts => handleInvoke({
+      ...previewActionProps,
       ...opts
     });
-
     return previewAction;
   }
 };

package/dist/es2019/extractors/common/byline/extractByline.js

@@ -5,7 +5,6 @@ import { extractDateCreated, extractDateUpdated, extractPersonCreatedBy, extract
 export const extractByline = jsonLd => {
   const updatedAt = extractDateUpdated(jsonLd);
   const createdAt = extractDateCreated(jsonLd);
-
   if (updatedAt) {
     const {
       value,
@@ -29,7 +28,6 @@ export const extractByline = jsonLd => {
     }));
   }
 };
-
 const extractFirstPerson = persons => {
   if (persons && persons.length > 0) {
     return persons.shift();

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

@@ -6,37 +6,36 @@ export const extractRequestAccessContext = ({
   context
 }) => {
   var _jsonLd$requestAccess;
-
   switch (jsonLd === null || jsonLd === void 0 ? void 0 : (_jsonLd$requestAccess = jsonLd.requestAccess) === null || _jsonLd$requestAccess === void 0 ? void 0 : _jsonLd$requestAccess.accessType) {
     case 'DIRECT_ACCESS':
-      return { ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
         callToActionMessageKey: 'click_to_join',
         descriptiveMessageKey: 'click_to_join_description',
         action: ForbiddenAction(() => window.open(url), 'click_to_join', messages.click_to_join, context)
       };
-
     case 'REQUEST_ACCESS':
-      return { ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
         callToActionMessageKey: 'request_access',
         descriptiveMessageKey: 'request_access_description',
         action: ForbiddenAction(() => window.open(url), 'request_access', messages.request_access, context)
       };
-
     case 'PENDING_REQUEST_EXISTS':
-      return { ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
         descriptiveMessageKey: 'request_access_pending_description'
       };
-
     case 'FORBIDDEN':
-      return { ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
         descriptiveMessageKey: 'forbidden_description'
       };
-
     case 'DENIED_REQUEST_EXISTS':
-      return { ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
+      return {
+        ...(jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess),
         descriptiveMessageKey: 'request_denied_description'
       };
-
     default:
       return jsonLd === null || jsonLd === void 0 ? void 0 : jsonLd.requestAccess;
   }

package/dist/es2019/extractors/common/detail/extractAttachmentCount.js

@@ -3,7 +3,6 @@ import { N600 } from '@atlaskit/theme/colors';
 import AttachmentIcon from '@atlaskit/icon/glyph/attachment';
 export const extractAttachmentCount = jsonLd => {
   const attachmentCount = jsonLd['atlassian:attachmentCount'];
-
   if (attachmentCount) {
     return {
       text: attachmentCount.toString(),

package/dist/es2019/extractors/common/detail/extractCommentCount.js

@@ -3,7 +3,6 @@ import { N600 } from '@atlaskit/theme/colors';
 import ChatIcon from '@atlaskit/icon/glyph/comment';
 export const extractCommentCount = jsonLd => {
   const commentCount = jsonLd['schema:commentCount'];
-
   if (commentCount) {
     return {
       text: commentCount.toString(),

package/dist/es2019/extractors/common/detail/extractProgrammingLanguage.js

@@ -3,7 +3,6 @@ import { N600 } from '@atlaskit/theme/colors';
 import CodeIcon from '@atlaskit/icon/glyph/code';
 export const extractProgrammingLanguage = jsonLd => {
   const programmingLanguage = jsonLd['schema:programmingLanguage'];
-
   if (programmingLanguage) {
     return {
       text: programmingLanguage,

package/dist/es2019/extractors/common/detail/extractSubscriberCount.js

@@ -3,7 +3,6 @@ import { N600 } from '@atlaskit/theme/colors';
 import PeopleIcon from '@atlaskit/icon/glyph/people';
 export const extractSubscriberCount = jsonLd => {
   const subscriberCount = jsonLd['atlassian:subscriberCount'];
-
   if (subscriberCount) {
     return {
       text: subscriberCount.toString(),

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

@@ -21,7 +21,6 @@ export const extractIcon = (jsonLd, priority = 'type') => {
     icon: jsonLd.icon && extractUrlFromIconJsonLd(jsonLd.icon),
     priority
   };
-
   if (Array.isArray(type)) {
     const highestPriorityType = type.sort((a, b) => extractorPriorityMap[b] - extractorPriorityMap[a])[0];
     return extractIconByType(highestPriorityType, opts);
@@ -29,7 +28,6 @@ export const extractIcon = (jsonLd, priority = 'type') => {
     return extractIconByType(type, opts);
   }
 };
-
 const extractIconByType = (type, opts) => {
   switch (type) {
     case 'Document':
@@ -41,47 +39,39 @@ const extractIconByType = (type, opts) => {
     case 'atlassian:Template':
     case 'atlassian:UndefinedLink':
       return extractIconFromDocument(type, opts);
-
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/React.createElement(TaskIcon, {
         label: opts.title || 'goal',
         testId: "task-icon"
       });
-
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/React.createElement(ProjectIcon, {
         label: opts.title || 'project',
         size: "small",
         testId: "project-icon"
       });
-
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/React.createElement(CommitIcon, {
         label: opts.title || 'commit',
         testId: "commit-icon"
       });
-
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/React.createElement(PullRequestIcon, {
         label: opts.title || 'pullRequest',
         testId: "pull-request-icon"
       });
-
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/React.createElement(BranchIcon, {
         label: opts.title || 'reference',
         testId: "branch-icon"
       });
-
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/React.createElement(RepoIcon, {
         label: opts.title || 'repository',
         testId: "repo-icon"
       });
-
     case 'atlassian:Task':
       return extractIconFromTask(opts);
-
     default:
       return opts.provider && opts.provider.icon;
   }

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

@@ -9,23 +9,20 @@ import { getIconForFileType } from '../../../utils';
 export const extractIconFromDocument = (type, opts) => {
   const iconFromType = documentTypeToIcon(type, opts);
   const iconFromFileFormat = documentFileFormatToIcon(opts);
-  const iconFromProvider = opts.provider && opts.provider.icon; // If we encounter a native provider, we privilege the
+  const iconFromProvider = opts.provider && opts.provider.icon;
+  // If we encounter a native provider, we privilege the
   // icon generated by its type. Otherwise, we privilege the
   // provider icon, followed by the type & mime type icons.
-
   if (opts.priority === 'provider') {
     return iconFromProvider || iconFromFileFormat || iconFromType;
   }
-
   return iconFromFileFormat || iconFromType || iconFromProvider;
 };
-
 const documentFileFormatToIcon = opts => {
   if (opts.fileFormat) {
     return getIconForFileType(opts.fileFormat);
   }
 };
-
 const documentTypeToIcon = (type, opts) => {
   switch (type) {
     case 'schema:BlogPosting':
@@ -33,37 +30,31 @@ const documentTypeToIcon = (type, opts) => {
         label: opts.title || 'blog',
         testId: "blog-icon"
       });
-
     case 'schema:DigitalDocument':
       return /*#__PURE__*/React.createElement(FileIcon, {
         label: opts.title || 'file',
         testId: "file-icon"
       });
-
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
         label: opts.title || 'document',
         testId: "document-icon"
       });
-
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/React.createElement(PresentationIcon, {
         label: opts.title || 'presentation',
         testId: "presentation-icon"
       });
-
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/React.createElement(SpreadsheetIcon, {
         label: opts.title || 'spreadsheet',
         testId: "spreadsheet-icon"
       });
-
     case 'atlassian:Template':
       return /*#__PURE__*/React.createElement(DocumentFilledIcon, {
         label: opts.title || 'template',
         testId: "document-filled-icon"
       });
-
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
         label: opts.title || 'undefinedLink',

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

@@ -21,70 +21,58 @@ export const extractIconFromTask = opts => {
     label: taskLabel,
     testId: "default-task-icon"
   });
-
   if (provider && provider.id === JIRA_GENERATOR_ID && taskType && taskType.id) {
     const taskTypeId = taskType.id;
     const taskTypeName = taskTypeId.split('#').pop();
-
     switch (taskTypeName) {
       case JIRA_TASK:
         return /*#__PURE__*/React.createElement(JiraTaskIcon, {
           label: taskLabel,
           testId: "jira-task-icon"
         });
-
       case JIRA_SUB_TASK:
         return /*#__PURE__*/React.createElement(JiraSubTaskIcon, {
           label: taskLabel,
           testId: "jira-subtask-icon"
         });
-
       case JIRA_STORY:
         return /*#__PURE__*/React.createElement(JiraStoryIcon, {
           label: taskLabel,
           testId: "jira-story-icon"
         });
-
       case JIRA_BUG:
         return /*#__PURE__*/React.createElement(JiraBugIcon, {
           label: taskLabel,
           testId: "jira-bug-icon"
         });
-
       case JIRA_EPIC:
         return /*#__PURE__*/React.createElement(JiraEpicIcon, {
           label: taskLabel,
           testId: "jira-epic-icon"
         });
-
       case JIRA_INCIDENT:
         return /*#__PURE__*/React.createElement(JiraIncidentIcon, {
           label: taskLabel,
           testId: "jira-incident-icon"
         });
-
       case JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/React.createElement(JiraServiceRequestIcon, {
           label: taskLabel,
           testId: "jira-service-request-icon"
         });
-
       case JIRA_CHANGE:
         return /*#__PURE__*/React.createElement(JiraChangeIcon, {
           label: taskLabel,
           testId: "jira-change-icon"
         });
-
       case JIRA_PROBLEM:
         return /*#__PURE__*/React.createElement(JiraProblemIcon, {
           label: taskLabel,
           testId: "jira-problem-icon"
         });
-
       case JIRA_CUSTOM_TASK_TYPE:
         return taskType.icon || opts.icon || provider.icon || defaultIcon;
     }
   }
-
   return defaultIcon;
 };