@atlaskit/smart-card 38.9.0 → 38.9.2

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

@@ -1,302 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof3 = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createElement = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _constants = require("../../../../constants");
-var _messages = require("../../../../messages");
-var _flexibleUiContext = require("../../../../state/flexible-ui-context");
-var _appliedToComponentsCountElement = _interopRequireDefault(require("./applied-to-components-count-element"));
-var _assignedToElement = _interopRequireDefault(require("./assigned-to-element"));
-var _assignedToGroupElement = _interopRequireDefault(require("./assigned-to-group-element"));
-var _attachmentCountElement = _interopRequireDefault(require("./attachment-count-element"));
-var _authorGroupElement = _interopRequireDefault(require("./author-group-element"));
-var _checklistProgressElement = _interopRequireDefault(require("./checklist-progress-element"));
-var _collaboratorGroupElement = _interopRequireDefault(require("./collaborator-group-element"));
-var _commentCountElement = _interopRequireDefault(require("./comment-count-element"));
-var _common = require("./common");
-var _createdByElement = _interopRequireDefault(require("./created-by-element"));
-var _createdOnElement = _interopRequireDefault(require("./created-on-element"));
-var _dueOnElement = _interopRequireDefault(require("./due-on-element"));
-var _latestCommitElement = _interopRequireDefault(require("./latest-commit-element"));
-var _linkIconElement = _interopRequireDefault(require("./link-icon-element"));
-var _locationElement = _interopRequireDefault(require("./location-element"));
-var _mediaElement = _interopRequireDefault(require("./media-element"));
-var _modifiedByElement = _interopRequireDefault(require("./modified-by-element"));
-var _modifiedOnElement = _interopRequireDefault(require("./modified-on-element"));
-var _ownedByElement = _interopRequireDefault(require("./owned-by-element"));
-var _ownedByGroupElement = _interopRequireDefault(require("./owned-by-group-element"));
-var _previewElement = _interopRequireDefault(require("./preview-element"));
-var _priorityElement = _interopRequireDefault(require("./priority-element"));
-var _programmingLanguageElement = _interopRequireDefault(require("./programming-language-element"));
-var _providerElement = _interopRequireDefault(require("./provider-element"));
-var _reactCountElement = _interopRequireDefault(require("./react-count-element"));
-var _readTimeElement = _interopRequireDefault(require("./read-time-element"));
-var _sentOnElement = _interopRequireDefault(require("./sent-on-element"));
-var _sourceBranchElement = _interopRequireDefault(require("./source-branch-element"));
-var _stateElement = _interopRequireDefault(require("./state-element"));
-var _storyPointsElement = _interopRequireDefault(require("./story-points-element"));
-var _subTasksProgressElement = _interopRequireDefault(require("./sub-tasks-progress-element"));
-var _subscriberCountElement = _interopRequireDefault(require("./subscriber-count-element"));
-var _targetBranchElement = _interopRequireDefault(require("./target-branch-element"));
-var _titleElement = _interopRequireDefault(require("./title-element"));
-var _viewCountElement = _interopRequireDefault(require("./view-count-element"));
-var _voteCountElement = _interopRequireDefault(require("./vote-count-element"));
-var _elementMappings;
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
- */
-
-/**
- * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
- */
-var elementMappings = (_elementMappings = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.AppliedToComponentsCount, {
-  component: _appliedToComponentsCountElement.default,
-  props: {
-    icon: _constants.IconType.Component
-  }
-}), _constants.ElementName.AttachmentCount, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.Attachment
-  },
-  newComponent: _attachmentCountElement.default
-}), _constants.ElementName.AuthorGroup, {
-  component: _common.BaseAvatarGroupElement,
-  newComponent: _authorGroupElement.default
-}), _constants.ElementName.ChecklistProgress, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.CheckItem
-  },
-  newComponent: _checklistProgressElement.default
-}), _constants.ElementName.CollaboratorGroup, {
-  component: _common.BaseAvatarGroupElement,
-  newComponent: _collaboratorGroupElement.default
-}), _constants.ElementName.CommentCount, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.Comment
-  },
-  newComponent: _commentCountElement.default
-}), _constants.ElementName.ViewCount, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.View
-  },
-  newComponent: _viewCountElement.default
-}), _constants.ElementName.ReactCount, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.React
-  },
-  newComponent: _reactCountElement.default
-}), _constants.ElementName.VoteCount, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.Vote
-  },
-  newComponent: _voteCountElement.default
-}), _constants.ElementName.CreatedBy, {
-  component: _common.BaseTextElement,
-  newComponent: _createdByElement.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.OwnedBy, {
-  component: _common.BaseTextElement,
-  newComponent: _ownedByElement.default
-}), _constants.ElementName.AssignedTo, {
-  component: _common.BaseTextElement,
-  newComponent: _assignedToElement.default
-}), _constants.ElementName.AssignedToGroup, {
-  component: _common.BaseAvatarGroupElement,
-  newComponent: _assignedToGroupElement.default
-}), _constants.ElementName.OwnedByGroup, {
-  component: _common.BaseAvatarGroupElement,
-  newComponent: _ownedByGroupElement.default
-}), _constants.ElementName.CreatedOn, {
-  component: _common.BaseDateTimeElement,
-  newComponent: _createdOnElement.default
-}), _constants.ElementName.DueOn, {
-  component: _common.BaseLozengeElement,
-  newComponent: _dueOnElement.default
-}), _constants.ElementName.LatestCommit, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.Commit
-  },
-  newComponent: _latestCommitElement.default
-}), _constants.ElementName.LinkIcon, {
-  component: _common.BaseIconElement,
-  newComponent: _linkIconElement.default
-}), _constants.ElementName.ModifiedBy, {
-  component: _common.BaseTextElement,
-  newComponent: _modifiedByElement.default
-}), _constants.ElementName.ModifiedOn, {
-  component: _common.BaseDateTimeElement,
-  newComponent: _modifiedOnElement.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.Preview, {
-  component: _mediaElement.default,
-  newComponent: _previewElement.default
-}), _constants.ElementName.Priority, {
-  component: _common.BaseBadgeElement,
-  newComponent: _priorityElement.default
-}), _constants.ElementName.ProgrammingLanguage, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.ProgrammingLanguage
-  },
-  newComponent: _programmingLanguageElement.default
-}), _constants.ElementName.Provider, {
-  component: _common.BaseBadgeElement,
-  newComponent: _providerElement.default
-}), _constants.ElementName.ReadTime, {
-  component: _common.BaseTextElement,
-  newComponent: _readTimeElement.default
-}), _constants.ElementName.SentOn, {
-  component: _common.BaseDateTimeElement,
-  newComponent: _sentOnElement.default
-}), _constants.ElementName.SourceBranch, {
-  component: _common.BaseTextElement,
-  newComponent: _sourceBranchElement.default
-}), _constants.ElementName.State, {
-  component: _common.BaseLozengeElement,
-  newComponent: _stateElement.default
-}), _constants.ElementName.SubscriberCount, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.Subscriber
-  },
-  newComponent: _subscriberCountElement.default
-}), _constants.ElementName.SubTasksProgress, {
-  component: _common.BaseBadgeElement,
-  props: {
-    icon: _constants.IconType.SubTasksProgress
-  },
-  newComponent: _subTasksProgressElement.default
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_elementMappings, _constants.ElementName.StoryPoints, {
-  component: _common.BaseAtlaskitBadgeElement,
-  newComponent: _storyPointsElement.default
-}), _constants.ElementName.TargetBranch, {
-  component: _common.BaseTextElement,
-  newComponent: _targetBranchElement.default
-}), _constants.ElementName.Title, {
-  component: _common.BaseLinkElement,
-  newComponent: _titleElement.default
-}), _constants.ElementName.Location, {
-  component: _common.BaseLinkElement,
-  props: {
-    theme: _constants.SmartLinkInternalTheme.Grey
-  },
-  newComponent: _locationElement.default
-}));
-
-/**
- * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
- */
-var getContextKey = function getContextKey(name) {
-  // Attempt to predict context prop name in advance to reduce the amount of
-  // code run during runtime
-  return name.length > 0 ? name.charAt(0).toLowerCase() + name.slice(1) : undefined;
-};
-
-/**
- * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
- */
-var getData = function getData(elementName, contextKey, context) {
-  if (!context) {
-    return undefined;
-  }
-  var data = context[contextKey];
-  switch (elementName) {
-    case _constants.ElementName.AssignedToGroup:
-    case _constants.ElementName.AuthorGroup:
-    case _constants.ElementName.CollaboratorGroup:
-    case _constants.ElementName.OwnedByGroup:
-      var AvatarGroupsWithFallback = [_constants.ElementName.AssignedToGroup];
-      var showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
-      return (0, _common.toAvatarGroupProps)(data, showFallbackAvatar);
-    case _constants.ElementName.AppliedToComponentsCount:
-    case _constants.ElementName.AttachmentCount:
-    case _constants.ElementName.ChecklistProgress:
-    case _constants.ElementName.CommentCount:
-    case _constants.ElementName.ViewCount:
-    case _constants.ElementName.ReactCount:
-    case _constants.ElementName.VoteCount:
-    case _constants.ElementName.ProgrammingLanguage:
-    case _constants.ElementName.SubscriberCount:
-    case _constants.ElementName.LatestCommit:
-    case _constants.ElementName.SubTasksProgress:
-      return (0, _common.toBadgeProps)(data);
-    case _constants.ElementName.StoryPoints:
-      return (0, _common.toAtlaskitBadgeProps)(data);
-    case _constants.ElementName.CreatedBy:
-      return (0, _common.toFormattedTextProps)(_messages.messages.created_by, context.createdBy);
-    case _constants.ElementName.AssignedTo:
-      return (0, _common.toFormattedTextProps)(_messages.messages.assigned_to, context.assignedTo);
-    case _constants.ElementName.OwnedBy:
-      return (0, _common.toFormattedTextProps)(_messages.messages.owned_by, context.ownedBy);
-    case _constants.ElementName.CreatedOn:
-      return (0, _common.toDateTimeProps)('created', context.createdOn);
-    case _constants.ElementName.DueOn:
-      return (0, _common.toDateLozengeProps)(context.dueOn);
-    case _constants.ElementName.ModifiedBy:
-      return (0, _common.toFormattedTextProps)(_messages.messages.modified_by, context.modifiedBy);
-    case _constants.ElementName.ModifiedOn:
-      return (0, _common.toDateTimeProps)('modified', context.modifiedOn);
-    case _constants.ElementName.SentOn:
-      return (0, _common.toDateTimeProps)('sent', context.sentOn);
-    case _constants.ElementName.ReadTime:
-      return (0, _common.toFormattedTextProps)(_messages.messages.read_time, data);
-    case _constants.ElementName.SourceBranch:
-    case _constants.ElementName.TargetBranch:
-      return (0, _common.toTextProps)(data);
-    case _constants.ElementName.Title:
-      if ((0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context')) {
-        return context.linkTitle;
-      }
-      return (0, _common.toLinkProps)(context.title, context.url);
-    case _constants.ElementName.LinkIcon:
-      if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2')) {
-        return (0, _common.toLinkIconProps)(data, context.type);
-      }
-      return (0, _typeof2.default)(data) === 'object' ? data : undefined;
-    default:
-      return (0, _typeof2.default)(data) === 'object' ? data : undefined;
-  }
-};
-
-/**
- * @deprecated remove on FG platform-linking-flexible-card-elements-refactor clean up
- */
-var createElement = exports.createElement = function createElement(name) {
-  var _ref = elementMappings[name] || {},
-    BaseElement = _ref.component,
-    props = _ref.props,
-    newComponent = _ref.newComponent;
-  if (newComponent && (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-elements-refactor')) {
-    return newComponent;
-  }
-  var contextKey = getContextKey(name);
-  if (!BaseElement) {
-    throw Error("Element ".concat(name, " does not exist."));
-  }
-  return function (overrides) {
-    var context = (0, _platformFeatureFlags.fg)('platform-linking-flexible-card-context') ?
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, _flexibleUiContext.useFlexibleUiContext)() :
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);
-    var data = getData(name, contextKey, context);
-    return data ? /*#__PURE__*/_react.default.createElement(BaseElement, (0, _extends2.default)({}, props, data, overrides, {
-      name: name
-    })) : null;
-  };
-};

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

@@ -1,327 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useContext } from 'react';
-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 AppliedToComponentsCount from './applied-to-components-count-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,
-    props: {
-      icon: IconType.Component
-    }
-  },
-  [ElementName.AttachmentCount]: {
-    component: BaseBadgeElement,
-    props: {
-      icon: IconType.Attachment
-    },
-    newComponent: attachmentCountElement
-  },
-  [ElementName.AuthorGroup]: {
-    component: BaseAvatarGroupElement,
-    newComponent: authorGroupElement
-  },
-  [ElementName.ChecklistProgress]: {
-    component: BaseBadgeElement,
-    props: {
-      icon: IconType.CheckItem
-    },
-    newComponent: checklistProgressElement
-  },
-  [ElementName.CollaboratorGroup]: {
-    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,
-    newComponent: createdByElement
-  },
-  [ElementName.OwnedBy]: {
-    component: BaseTextElement,
-    newComponent: ownedByElement
-  },
-  [ElementName.AssignedTo]: {
-    component: BaseTextElement,
-    newComponent: assignedToElement
-  },
-  [ElementName.AssignedToGroup]: {
-    component: BaseAvatarGroupElement,
-    newComponent: assignedToGroupElement
-  },
-  [ElementName.OwnedByGroup]: {
-    component: BaseAvatarGroupElement,
-    newComponent: ownedByGroupElement
-  },
-  [ElementName.CreatedOn]: {
-    component: BaseDateTimeElement,
-    newComponent: createdOnElement
-  },
-  [ElementName.DueOn]: {
-    component: BaseLozengeElement,
-    newComponent: dueOnElement
-  },
-  [ElementName.LatestCommit]: {
-    component: BaseBadgeElement,
-    props: {
-      icon: IconType.Commit
-    },
-    newComponent: latestCommitElement
-  },
-  [ElementName.LinkIcon]: {
-    component: BaseIconElement,
-    newComponent: linkIconElement
-  },
-  [ElementName.ModifiedBy]: {
-    component: BaseTextElement,
-    newComponent: modifiedByElement
-  },
-  [ElementName.ModifiedOn]: {
-    component: BaseDateTimeElement,
-    newComponent: modifiedOnElement
-  },
-  [ElementName.Preview]: {
-    component: MediaElement,
-    newComponent: previewElement
-  },
-  [ElementName.Priority]: {
-    component: BaseBadgeElement,
-    newComponent: priorityElement
-  },
-  [ElementName.ProgrammingLanguage]: {
-    component: BaseBadgeElement,
-    props: {
-      icon: IconType.ProgrammingLanguage
-    },
-    newComponent: programmingLanguageElement
-  },
-  [ElementName.Provider]: {
-    component: BaseBadgeElement,
-    newComponent: providerElement
-  },
-  [ElementName.ReadTime]: {
-    component: BaseTextElement,
-    newComponent: readTimeElement
-  },
-  [ElementName.SentOn]: {
-    component: BaseDateTimeElement,
-    newComponent: sentOnElement
-  },
-  [ElementName.SourceBranch]: {
-    component: BaseTextElement,
-    newComponent: sourceBranchElement
-  },
-  [ElementName.State]: {
-    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: BaseAtlaskitBadgeElement,
-    newComponent: storyPointsElement
-  },
-  [ElementName.TargetBranch]: {
-    component: BaseTextElement,
-    newComponent: targetBranchElement
-  },
-  [ElementName.Title]: {
-    component: BaseLinkElement,
-    newComponent: titleElement
-  },
-  [ElementName.Location]: {
-    component: BaseLinkElement,
-    props: {
-      theme: SmartLinkInternalTheme.Grey
-    },
-    newComponent: locationElement
-  }
-};
-
-/**
- * @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
-  // code run during runtime
-  return name.length > 0 ? name.charAt(0).toLowerCase() + name.slice(1) : undefined;
-};
-
-/**
- * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
- */
-const getData = (elementName, contextKey, context) => {
-  if (!context) {
-    return undefined;
-  }
-  const data = context[contextKey];
-  switch (elementName) {
-    case ElementName.AssignedToGroup:
-    case ElementName.AuthorGroup:
-    case ElementName.CollaboratorGroup:
-    case ElementName.OwnedByGroup:
-      const AvatarGroupsWithFallback = [ElementName.AssignedToGroup];
-      const showFallbackAvatar = AvatarGroupsWithFallback.includes(elementName);
-      return toAvatarGroupProps(data, showFallbackAvatar);
-    case ElementName.AppliedToComponentsCount:
-    case ElementName.AttachmentCount:
-    case ElementName.ChecklistProgress:
-    case ElementName.CommentCount:
-    case ElementName.ViewCount:
-    case ElementName.ReactCount:
-    case ElementName.VoteCount:
-    case ElementName.ProgrammingLanguage:
-    case ElementName.SubscriberCount:
-    case ElementName.LatestCommit:
-    case ElementName.SubTasksProgress:
-      return toBadgeProps(data);
-    case ElementName.StoryPoints:
-      return toAtlaskitBadgeProps(data);
-    case ElementName.CreatedBy:
-      return toFormattedTextProps(messages.created_by, context.createdBy);
-    case ElementName.AssignedTo:
-      return toFormattedTextProps(messages.assigned_to, context.assignedTo);
-    case ElementName.OwnedBy:
-      return toFormattedTextProps(messages.owned_by, context.ownedBy);
-    case ElementName.CreatedOn:
-      return toDateTimeProps('created', context.createdOn);
-    case ElementName.DueOn:
-      return toDateLozengeProps(context.dueOn);
-    case ElementName.ModifiedBy:
-      return toFormattedTextProps(messages.modified_by, context.modifiedBy);
-    case ElementName.ModifiedOn:
-      return toDateTimeProps('modified', context.modifiedOn);
-    case ElementName.SentOn:
-      return toDateTimeProps('sent', context.sentOn);
-    case ElementName.ReadTime:
-      return toFormattedTextProps(messages.read_time, data);
-    case ElementName.SourceBranch:
-    case ElementName.TargetBranch:
-      return toTextProps(data);
-    case ElementName.Title:
-      if (fg('platform-linking-flexible-card-context')) {
-        return context.linkTitle;
-      }
-      return toLinkProps(context.title, context.url);
-    case ElementName.LinkIcon:
-      if (fg('platform-linking-visual-refresh-v2')) {
-        return toLinkIconProps(data, context.type);
-      }
-      return typeof data === 'object' ? data : undefined;
-    default:
-      return typeof data === 'object' ? data : undefined;
-  }
-};
-
-/**
- * @deprecated remove on FG platform-linking-flexible-card-elements-refactor clean up
- */
-export const createElement = name => {
-  const {
-    component: BaseElement,
-    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.`);
-  }
-  return overrides => {
-    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 data = getData(name, contextKey, context);
-    return data ? /*#__PURE__*/React.createElement(BaseElement, _extends({}, props, data, overrides, {
-      name: name
-    })) : null;
-  };
-};