@atlaskit/smart-card 38.4.5 → 38.5.1

package/dist/es2019/view/FlexibleCard/components/elements/priority-element/index.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement } from '../common';
+const PriorityElement = props => {
+  var _context$priority;
+  const context = useFlexibleUiContext();
+  const data = (_context$priority = context === null || context === void 0 ? void 0 : context.priority) !== null && _context$priority !== void 0 ? _context$priority : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({}, data, props, {
+    name: ElementName.Priority
+  })) : null;
+};
+export default PriorityElement;

package/dist/es2019/view/FlexibleCard/components/elements/programming-language-element/index.js

@@ -0,0 +1,15 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+const ProgrammingLanguageElement = props => {
+  const context = useFlexibleUiContext();
+  const data = context ? toBadgeProps(context.programmingLanguage) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.ProgrammingLanguage
+  }, data, props, {
+    name: ElementName.ProgrammingLanguage
+  })) : null;
+};
+export default ProgrammingLanguageElement;

package/dist/es2019/view/FlexibleCard/components/elements/provider-element/index.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement } from '../common';
+const ProviderElement = props => {
+  var _context$provider;
+  const context = useFlexibleUiContext();
+  const data = (_context$provider = context === null || context === void 0 ? void 0 : context.provider) !== null && _context$provider !== void 0 ? _context$provider : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({}, data, props, {
+    name: ElementName.Provider
+  })) : null;
+};
+export default ProviderElement;

package/dist/es2019/view/FlexibleCard/components/elements/react-count-element/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+const ReactCountElement = props => {
+  var _context$reactCount;
+  const context = useFlexibleUiContext();
+  const data = context ? toBadgeProps((_context$reactCount = context.reactCount) === null || _context$reactCount === void 0 ? void 0 : _context$reactCount.toString()) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.React
+  }, data, props, {
+    name: ElementName.ReactCount
+  })) : null;
+};
+export default ReactCountElement;

package/dist/es2019/view/FlexibleCard/components/elements/read-time-element/index.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { messages } from '../../../../../messages';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement, toFormattedTextProps } from '../common';
+const ReadTimeElement = props => {
+  const context = useFlexibleUiContext();
+  const data = context ? toFormattedTextProps(messages.read_time, context.readTime) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+    name: ElementName.ReadTime
+  })) : null;
+};
+export default ReadTimeElement;

package/dist/es2019/view/FlexibleCard/components/elements/sent-on-element/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseDateTimeElement, toDateTimeProps } from '../common';
+const SentOnElement = props => {
+  const context = useFlexibleUiContext();
+  const data = context ? toDateTimeProps('sent', context.sentOn) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseDateTimeElement, _extends({}, data, props, {
+    name: ElementName.SentOn
+  })) : null;
+};
+export default SentOnElement;

package/dist/es2019/view/FlexibleCard/components/elements/snippet-element/index.js

@@ -3,9 +3,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useContext } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FlexibleUiContext, useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 import { BaseTextElement } from '../common';
 const SNIPPET_DEFAULT_MAX_LINES = 3;
 
@@ -19,11 +18,7 @@ const SnippetElement = props => {
     className,
     ...restOfProps
   } = props !== null && props !== void 0 ? props : {};
-  const context = fg('platform-linking-flexible-card-context') ?
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useFlexibleUiContext() :
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  useContext(FlexibleUiContext);
+  const context = useFlexibleUiContext();
   return /*#__PURE__*/React.createElement(BaseTextElement, _extends({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,

package/dist/es2019/view/FlexibleCard/components/elements/source-branch-element/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement, toTextProps } from '../common';
+const SourceBranchElement = props => {
+  const context = useFlexibleUiContext();
+  const data = context ? toTextProps(context.sourceBranch) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+    name: ElementName.SourceBranch
+  })) : null;
+};
+export default SourceBranchElement;

package/dist/es2019/view/FlexibleCard/components/elements/state-element/index.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseLozengeElement } from '../common';
+const StateElement = props => {
+  var _context$state;
+  const context = useFlexibleUiContext();
+  const data = (_context$state = context === null || context === void 0 ? void 0 : context.state) !== null && _context$state !== void 0 ? _context$state : null;
+  return data ? /*#__PURE__*/React.createElement(BaseLozengeElement, _extends({}, data, props, {
+    name: ElementName.State
+  })) : null;
+};
+export default StateElement;

package/dist/es2019/view/FlexibleCard/components/elements/story-points-element/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseAtlaskitBadgeElement, toAtlaskitBadgeProps } from '../common';
+const StoryPointsElement = props => {
+  const context = useFlexibleUiContext();
+  const data = context ? toAtlaskitBadgeProps(context.storyPoints) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseAtlaskitBadgeElement, _extends({}, data, props, {
+    name: ElementName.StoryPoints
+  })) : null;
+};
+export default StoryPointsElement;

package/dist/es2019/view/FlexibleCard/components/elements/sub-tasks-progress-element/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+const SubTasksProgressElement = props => {
+  var _context$subTasksProg;
+  const context = useFlexibleUiContext();
+  const data = context ? toBadgeProps((_context$subTasksProg = context.subTasksProgress) === null || _context$subTasksProg === void 0 ? void 0 : _context$subTasksProg.toString()) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.SubTasksProgress
+  }, data, props, {
+    name: ElementName.SubTasksProgress
+  })) : null;
+};
+export default SubTasksProgressElement;

package/dist/es2019/view/FlexibleCard/components/elements/subscriber-count-element/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+const SubscriberCountElement = props => {
+  var _context$subscriberCo;
+  const context = useFlexibleUiContext();
+  const data = context ? toBadgeProps((_context$subscriberCo = context.subscriberCount) === null || _context$subscriberCo === void 0 ? void 0 : _context$subscriberCo.toString()) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.Subscriber
+  }, data, props, {
+    name: ElementName.SubscriberCount
+  })) : null;
+};
+export default SubscriberCountElement;

package/dist/es2019/view/FlexibleCard/components/elements/target-branch-element/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseTextElement, toTextProps } from '../common';
+const TargetBranchElement = props => {
+  const context = useFlexibleUiContext();
+  const data = context ? toTextProps(context.targetBranch) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseTextElement, _extends({}, data, props, {
+    name: ElementName.TargetBranch
+  })) : null;
+};
+export default TargetBranchElement;

package/dist/es2019/view/FlexibleCard/components/elements/title-element/index.js

@@ -0,0 +1,13 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseLinkElement, toLinkProps } from '../common';
+const TitleElement = props => {
+  const context = useFlexibleUiContext();
+  const data = context ? toLinkProps(context.title, context.url) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseLinkElement, _extends({}, data, props, {
+    name: ElementName.Title
+  })) : null;
+};
+export default TitleElement;

package/dist/es2019/view/FlexibleCard/components/elements/utils.js

@@ -1,16 +1,53 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext } from 'react';
-import { FormattedDate } from 'react-intl-next';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../constants';
 import { messages } from '../../../../messages';
 import { FlexibleUiContext, useFlexibleUiContext } from '../../../../state/flexible-ui-context';
-import { isProfileType } from '../../../../utils';
 import AppliedToComponentsCount from './applied-to-components-count-element';
-import AtlaskitElementBadge from './atlaskit-badge-element';
-import { BaseAvatarGroupElement, BaseBadgeElement, BaseDateTimeElement, BaseLinkElement, BaseLozengeElement, BaseTextElement } from './common';
-import IconElement from './icon-element';
+import assignedToElement from './assigned-to-element';
+import assignedToGroupElement from './assigned-to-group-element';
+import attachmentCountElement from './attachment-count-element';
+import authorGroupElement from './author-group-element';
+import checklistProgressElement from './checklist-progress-element';
+import collaboratorGroupElement from './collaborator-group-element';
+import commentCountElement from './comment-count-element';
+import { BaseAtlaskitBadgeElement, BaseAvatarGroupElement, BaseBadgeElement, BaseDateTimeElement, BaseIconElement, BaseLinkElement, BaseLozengeElement, BaseTextElement, toAtlaskitBadgeProps, toAvatarGroupProps, toBadgeProps, toDateLozengeProps, toDateTimeProps, toFormattedTextProps, toLinkIconProps, toLinkProps, toTextProps } from './common';
+import createdByElement from './created-by-element';
+import createdOnElement from './created-on-element';
+import dueOnElement from './due-on-element';
+import latestCommitElement from './latest-commit-element';
+import linkIconElement from './link-icon-element';
+import locationElement from './location-element';
 import MediaElement from './media-element';
+import modifiedByElement from './modified-by-element';
+import modifiedOnElement from './modified-on-element';
+import ownedByElement from './owned-by-element';
+import ownedByGroupElement from './owned-by-group-element';
+import previewElement from './preview-element';
+import priorityElement from './priority-element';
+import programmingLanguageElement from './programming-language-element';
+import providerElement from './provider-element';
+import reactCountElement from './react-count-element';
+import readTimeElement from './read-time-element';
+import sentOnElement from './sent-on-element';
+import sourceBranchElement from './source-branch-element';
+import stateElement from './state-element';
+import storyPointsElement from './story-points-element';
+import subTasksProgressElement from './sub-tasks-progress-element';
+import subscriberCountElement from './subscriber-count-element';
+import targetBranchElement from './target-branch-element';
+import titleElement from './title-element';
+import viewCountElement from './view-count-element';
+import voteCountElement from './vote-count-element';
+
+/**
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
+ */
+
+/**
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
+ */
 const elementMappings = {
   [ElementName.AppliedToComponentsCount]: {
     component: AppliedToComponentsCount,
@@ -22,138 +59,171 @@ const elementMappings = {
     component: BaseBadgeElement,
     props: {
       icon: IconType.Attachment
-    }
+    },
+    newComponent: attachmentCountElement
   },
   [ElementName.AuthorGroup]: {
-    component: BaseAvatarGroupElement
+    component: BaseAvatarGroupElement,
+    newComponent: authorGroupElement
   },
   [ElementName.ChecklistProgress]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.CheckItem
-    }
+    },
+    newComponent: checklistProgressElement
   },
   [ElementName.CollaboratorGroup]: {
-    component: BaseAvatarGroupElement
+    component: BaseAvatarGroupElement,
+    newComponent: collaboratorGroupElement
   },
   [ElementName.CommentCount]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.Comment
-    }
+    },
+    newComponent: commentCountElement
   },
   [ElementName.ViewCount]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.View
-    }
+    },
+    newComponent: viewCountElement
   },
   [ElementName.ReactCount]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.React
-    }
+    },
+    newComponent: reactCountElement
   },
   [ElementName.VoteCount]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.Vote
-    }
+    },
+    newComponent: voteCountElement
   },
   [ElementName.CreatedBy]: {
-    component: BaseTextElement
+    component: BaseTextElement,
+    newComponent: createdByElement
   },
   [ElementName.OwnedBy]: {
-    component: BaseTextElement
+    component: BaseTextElement,
+    newComponent: ownedByElement
   },
   [ElementName.AssignedTo]: {
-    component: BaseTextElement
+    component: BaseTextElement,
+    newComponent: assignedToElement
   },
   [ElementName.AssignedToGroup]: {
-    component: BaseAvatarGroupElement
+    component: BaseAvatarGroupElement,
+    newComponent: assignedToGroupElement
   },
   [ElementName.OwnedByGroup]: {
-    component: BaseAvatarGroupElement
+    component: BaseAvatarGroupElement,
+    newComponent: ownedByGroupElement
   },
   [ElementName.CreatedOn]: {
-    component: BaseDateTimeElement
+    component: BaseDateTimeElement,
+    newComponent: createdOnElement
   },
   [ElementName.DueOn]: {
-    component: BaseLozengeElement
+    component: BaseLozengeElement,
+    newComponent: dueOnElement
   },
   [ElementName.LatestCommit]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.Commit
-    }
+    },
+    newComponent: latestCommitElement
   },
   [ElementName.LinkIcon]: {
-    component: IconElement
+    component: BaseIconElement,
+    newComponent: linkIconElement
   },
   [ElementName.ModifiedBy]: {
-    component: BaseTextElement
+    component: BaseTextElement,
+    newComponent: modifiedByElement
   },
   [ElementName.ModifiedOn]: {
-    component: BaseDateTimeElement
+    component: BaseDateTimeElement,
+    newComponent: modifiedOnElement
   },
   [ElementName.Preview]: {
-    component: MediaElement
+    component: MediaElement,
+    newComponent: previewElement
   },
   [ElementName.Priority]: {
-    component: BaseBadgeElement
+    component: BaseBadgeElement,
+    newComponent: priorityElement
   },
   [ElementName.ProgrammingLanguage]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.ProgrammingLanguage
-    }
+    },
+    newComponent: programmingLanguageElement
   },
   [ElementName.Provider]: {
-    component: BaseBadgeElement
+    component: BaseBadgeElement,
+    newComponent: providerElement
   },
   [ElementName.ReadTime]: {
-    component: BaseTextElement
+    component: BaseTextElement,
+    newComponent: readTimeElement
   },
   [ElementName.SentOn]: {
-    component: BaseDateTimeElement
+    component: BaseDateTimeElement,
+    newComponent: sentOnElement
   },
   [ElementName.SourceBranch]: {
-    component: BaseTextElement
+    component: BaseTextElement,
+    newComponent: sourceBranchElement
   },
   [ElementName.State]: {
-    component: BaseLozengeElement
+    component: BaseLozengeElement,
+    newComponent: stateElement
   },
   [ElementName.SubscriberCount]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.Subscriber
-    }
+    },
+    newComponent: subscriberCountElement
   },
   [ElementName.SubTasksProgress]: {
     component: BaseBadgeElement,
     props: {
       icon: IconType.SubTasksProgress
-    }
+    },
+    newComponent: subTasksProgressElement
   },
   [ElementName.StoryPoints]: {
-    component: AtlaskitElementBadge
+    component: BaseAtlaskitBadgeElement,
+    newComponent: storyPointsElement
   },
   [ElementName.TargetBranch]: {
-    component: BaseTextElement
+    component: BaseTextElement,
+    newComponent: targetBranchElement
   },
   [ElementName.Title]: {
-    component: BaseLinkElement
+    component: BaseLinkElement,
+    newComponent: titleElement
   },
   [ElementName.Location]: {
     component: BaseLinkElement,
     props: {
       theme: SmartLinkInternalTheme.Grey
-    }
+    },
+    newComponent: locationElement
   }
 };
 
 /**
- * @deprecated
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
  */
 const getContextKey = name => {
   // Attempt to predict context prop name in advance to reduce the amount of
@@ -162,7 +232,7 @@ const getContextKey = name => {
 };
 
 /**
- * @deprecated
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
  */
 const getData = (elementName, contextKey, context) => {
   if (!context) {
@@ -223,97 +293,19 @@ const getData = (elementName, contextKey, context) => {
       return typeof data === 'object' ? data : undefined;
   }
 };
-const toAvatarGroupProps = (items, showFallbackAvatar) => {
-  return items ? {
-    items
-  } : showFallbackAvatar ? {
-    items: []
-  } : undefined;
-};
-const toBadgeProps = label => {
-  return label ? {
-    label
-  } : undefined;
-};
-const toAtlaskitBadgeProps = value => {
-  return value ? {
-    value
-  } : undefined;
-};
-const toDateLozengeProps = dateString => {
-  if (dateString) {
-    const text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(FormattedDate, {
-      value: new Date(dateString),
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      formatMatcher: "best fit"
-    }) : dateString;
-    return {
-      text
-    };
-  }
-};
-const toDateTimeProps = (type, dateString) => {
-  return dateString ? {
-    date: new Date(dateString),
-    type
-  } : undefined;
-};
-const toFormattedTextProps = (descriptor, context) => {
-  if (fg('platform-linking-additional-flexible-element-props')) {
-    return context ? {
-      message: {
-        descriptor,
-        values: {
-          context
-        }
-      },
-      content: context
-    } : undefined;
-  }
-  return context ? {
-    message: {
-      descriptor,
-      values: {
-        context
-      }
-    }
-  } : undefined;
-};
-const toLinkProps = (text, url) => {
-  return text ? {
-    text,
-    url
-  } : undefined;
-};
-const toTextProps = content => {
-  return content ? {
-    content
-  } : undefined;
-};
-const toLinkIconProps = (data, type) => {
-  const isDataLinkIcon = _data => {
-    return typeof _data === 'object' && _data !== null && ('icon' in _data || 'url' in _data);
-  };
-  if (!isDataLinkIcon(data)) {
-    return typeof data === 'object' ? data : undefined;
-  }
-  const isImageRound = isProfileType(type);
-  return {
-    ...data,
-    appearance: isImageRound ? 'round' : 'square'
-  };
-};
 
 /**
- * @deprecated
+ * @deprecated remove on FG platform-linking-flexible-card-elements-refactor clean up
  */
 export const createElement = name => {
   const {
     component: BaseElement,
-    props
+    props,
+    newComponent
   } = elementMappings[name] || {};
+  if (newComponent && fg('platform-linking-flexible-card-elements-refactor')) {
+    return newComponent;
+  }
   const contextKey = getContextKey(name);
   if (!BaseElement) {
     throw Error(`Element ${name} does not exist.`);

package/dist/es2019/view/FlexibleCard/components/elements/view-count-element/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+const ViewCountElement = props => {
+  var _context$viewCount;
+  const context = useFlexibleUiContext();
+  const data = context ? toBadgeProps((_context$viewCount = context.viewCount) === null || _context$viewCount === void 0 ? void 0 : _context$viewCount.toString()) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.View
+  }, data, props, {
+    name: ElementName.ViewCount
+  })) : null;
+};
+export default ViewCountElement;

package/dist/es2019/view/FlexibleCard/components/elements/vote-count-element/index.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { ElementName, IconType } from '../../../../../constants';
+import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { BaseBadgeElement, toBadgeProps } from '../common';
+const VoteCountElement = props => {
+  var _context$voteCount;
+  const context = useFlexibleUiContext();
+  const data = context ? toBadgeProps((_context$voteCount = context.voteCount) === null || _context$voteCount === void 0 ? void 0 : _context$voteCount.toString()) : null;
+  return data ? /*#__PURE__*/React.createElement(BaseBadgeElement, _extends({
+    icon: IconType.Vote
+  }, data, props, {
+    name: ElementName.VoteCount
+  })) : null;
+};
+export default VoteCountElement;

package/dist/es2019/view/HoverCard/components/views/resolving/index.js

@@ -6,7 +6,7 @@ import React from 'react';
 import { CustomBlock } from '../../../../FlexibleCard/components/blocks';
 import ActionGroup from '../../../../FlexibleCard/components/blocks/action-group';
 import { LoadingSkeleton } from '../../../../FlexibleCard/components/common/loading-skeleton';
-import IconElement from '../../../../FlexibleCard/components/elements/icon-element';
+import { BaseIconElement } from '../../../../FlexibleCard/components/elements/common';
 import { CARD_WIDTH_REM } from '../../../styled';
 const loadingViewContainer = null;
 const skeletonContainer = null;
@@ -34,7 +34,7 @@ const HoverCardLoadingView = ({
   }, /*#__PURE__*/React.createElement(CustomBlock, _extends({}, titleBlockProps, {
     testId: `${testId}-title-block`,
     className: ax(["_zulpcxkx _1bsb1osq"])
-  }), /*#__PURE__*/React.createElement(IconElement, {
+  }), /*#__PURE__*/React.createElement(BaseIconElement, {
     render: () => /*#__PURE__*/React.createElement(LoadingSkeleton, null),
     size: size
   }), /*#__PURE__*/React.createElement("span", {