@atlaskit/smart-card 38.5.0 → 38.5.1

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

@@ -2,20 +2,55 @@ import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _elementMappings;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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
+ */
 var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.AppliedToComponentsCount, {
   component: AppliedToComponentsCount,
   props: {
@@ -25,105 +60,138 @@ var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_d
   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
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, 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
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, 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
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, 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
  */
 var getContextKey = function getContextKey(name) {
   // Attempt to predict context prop name in advance to reduce the amount of
@@ -132,7 +200,7 @@ var getContextKey = function getContextKey(name) {
 };
 
 /**
- * @deprecated
+ * @deprecated remove on FG clean up platform-linking-flexible-card-elements-refactor
  */
 var getData = function getData(elementName, contextKey, context) {
   if (!context) {
@@ -193,95 +261,18 @@ var getData = function getData(elementName, contextKey, context) {
       return _typeof(data) === 'object' ? data : undefined;
   }
 };
-var toAvatarGroupProps = function toAvatarGroupProps(items, showFallbackAvatar) {
-  return items ? {
-    items: items
-  } : showFallbackAvatar ? {
-    items: []
-  } : undefined;
-};
-var toBadgeProps = function toBadgeProps(label) {
-  return label ? {
-    label: label
-  } : undefined;
-};
-var toAtlaskitBadgeProps = function toAtlaskitBadgeProps(value) {
-  return value ? {
-    value: value
-  } : undefined;
-};
-var toDateLozengeProps = function toDateLozengeProps(dateString) {
-  if (dateString) {
-    var text = Date.parse(dateString) ? /*#__PURE__*/React.createElement(FormattedDate, {
-      value: new Date(dateString),
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      formatMatcher: "best fit"
-    }) : dateString;
-    return {
-      text: text
-    };
-  }
-};
-var toDateTimeProps = function toDateTimeProps(type, dateString) {
-  return dateString ? {
-    date: new Date(dateString),
-    type: type
-  } : undefined;
-};
-var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
-  if (fg('platform-linking-additional-flexible-element-props')) {
-    return context ? {
-      message: {
-        descriptor: descriptor,
-        values: {
-          context: context
-        }
-      },
-      content: context
-    } : undefined;
-  }
-  return context ? {
-    message: {
-      descriptor: descriptor,
-      values: {
-        context: context
-      }
-    }
-  } : undefined;
-};
-var toLinkProps = function toLinkProps(text, url) {
-  return text ? {
-    text: text,
-    url: url
-  } : undefined;
-};
-var toTextProps = function toTextProps(content) {
-  return content ? {
-    content: content
-  } : undefined;
-};
-var toLinkIconProps = function toLinkIconProps(data, type) {
-  var isDataLinkIcon = function isDataLinkIcon(_data) {
-    return _typeof(_data) === 'object' && _data !== null && ('icon' in _data || 'url' in _data);
-  };
-  if (!isDataLinkIcon(data)) {
-    return _typeof(data) === 'object' ? data : undefined;
-  }
-  var isImageRound = isProfileType(type);
-  return _objectSpread(_objectSpread({}, data), {}, {
-    appearance: isImageRound ? 'round' : 'square'
-  });
-};
 
 /**
- * @deprecated
+ * @deprecated remove on FG platform-linking-flexible-card-elements-refactor clean up
  */
 export var createElement = function createElement(name) {
   var _ref = elementMappings[name] || {},
     BaseElement = _ref.component,
-    props = _ref.props;
+    props = _ref.props,
+    newComponent = _ref.newComponent;
+  if (newComponent && fg('platform-linking-flexible-card-elements-refactor')) {
+    return newComponent;
+  }
   var contextKey = getContextKey(name);
   if (!BaseElement) {
     throw Error("Element ".concat(name, " does not exist."));

package/dist/esm/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';
+var ViewCountElement = function ViewCountElement(props) {
+  var _context$viewCount;
+  var context = useFlexibleUiContext();
+  var 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/esm/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';
+var VoteCountElement = function VoteCountElement(props) {
+  var _context$voteCount;
+  var context = useFlexibleUiContext();
+  var 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/esm/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';
 var loadingViewContainer = null;
 var skeletonContainer = null;
@@ -31,7 +31,7 @@ var HoverCardLoadingView = function HoverCardLoadingView(_ref) {
   }, /*#__PURE__*/React.createElement(CustomBlock, _extends({}, titleBlockProps, {
     testId: "".concat(testId, "-title-block"),
     className: ax(["_zulpcxkx _1bsb1osq"])
-  }), /*#__PURE__*/React.createElement(IconElement, {
+  }), /*#__PURE__*/React.createElement(BaseIconElement, {
     render: function render() {
       return /*#__PURE__*/React.createElement(LoadingSkeleton, null);
     },

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.5.0",
+  packageVersion: "38.5.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/elements/assigned-to-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type AssignedToElementProps = BaseTextElementProps;
+declare const AssignedToElement: (props: AssignedToElementProps) => JSX.Element | null;
+export default AssignedToElement;

package/dist/types/view/FlexibleCard/components/elements/assigned-to-group-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseAvatarGroupElementProps } from '../common';
+export type AssignedToGroupElementProps = BaseAvatarGroupElementProps;
+declare const AssignedToGroupElement: (props: AssignedToGroupElementProps) => JSX.Element | null;
+export default AssignedToGroupElement;

package/dist/types/view/FlexibleCard/components/elements/attachment-count-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseBadgeElementProps } from '../common';
+export type AttachmentCountElementProps = BaseBadgeElementProps;
+declare const AttachmentCountElement: (props: AttachmentCountElementProps) => JSX.Element | null;
+export default AttachmentCountElement;

package/dist/types/view/FlexibleCard/components/elements/author-group-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseAvatarGroupElementProps } from '../common';
+export type AuthorGroupElementProps = BaseAvatarGroupElementProps;
+declare const AuthorGroupElement: (props: AuthorGroupElementProps) => JSX.Element | null;
+export default AuthorGroupElement;

package/dist/types/view/FlexibleCard/components/elements/checklist-progress-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type ChecklistProgressElementProps = BaseBadgeElementProps;
+declare const ChecklistProgressElement: (props: ChecklistProgressElementProps) => JSX.Element | null;
+export default ChecklistProgressElement;

package/dist/types/view/FlexibleCard/components/elements/collaborator-group-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseAvatarGroupElementProps } from '../common';
+export type CollaboratorGroupElementProps = BaseAvatarGroupElementProps;
+declare const CollaboratorGroupElement: (props: CollaboratorGroupElementProps) => JSX.Element | null;
+export default CollaboratorGroupElement;

package/dist/types/view/FlexibleCard/components/elements/comment-count-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseBadgeElementProps } from '../common';
+export type CommentCountElementProps = BaseBadgeElementProps;
+declare const CommentCountElement: (props: CommentCountElementProps) => JSX.Element | null;
+export default CommentCountElement;

package/dist/types/view/FlexibleCard/components/elements/common/base-atlaskit-badge-element/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ElementProps } from '../../index';
+export type BaseAtlaskitBadgeElementProps = ElementProps & {
+    value?: number;
+};
+/**
+ * A base element that displays a visual indicator for a numeric value
+ * @internal
+ * @see StoryPoints
+ * */
+declare const BaseAtlaskitElementBadge: ({ value, name, className, testId, }: BaseAtlaskitBadgeElementProps) => JSX.Element | null;
+export default BaseAtlaskitElementBadge;
+export declare const toAtlaskitBadgeProps: (value?: number) => Partial<BaseAtlaskitBadgeElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-avatar-group-element/index.d.ts

@@ -37,3 +37,4 @@ export type BaseAvatarGroupElementProps = ElementProps & {
  */
 declare const BaseAvatarGroup: ({ items, maxCount, name, className, size, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
 export default BaseAvatarGroup;
+export declare const toAvatarGroupProps: (items?: BaseAvatarItemProps[], showFallbackAvatar?: boolean) => Partial<BaseAvatarGroupElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-badge-element/index.d.ts

@@ -64,3 +64,4 @@ declare const _default: (props: ElementProps & {
     className?: string | undefined;
 }) => React.JSX.Element;
 export default _default;
+export declare const toBadgeProps: (label?: string) => Partial<BaseBadgeElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-date-time-element/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ElementProps } from '../../../elements';
 export type DateTimeType = 'created' | 'modified' | 'sent';
-export type BaseDateTimeProps = ElementProps & {
+export type BaseDateTimeElementProps = ElementProps & {
     /**
      * Whether the date time element text should contain "Modified" or "Created" or "sent"
      */
@@ -26,10 +26,11 @@ export type BaseDateTimeProps = ElementProps & {
 /**
  * A base element that displays an ISO Timestamp in text.
  * @internal
- * @param {BaseDateTimeProps} BaseDateTimeProps - The props necessary for the DateTime element.
+ * @param {BaseDateTimeElementProps} BaseDateTimeElementProps - The props necessary for the DateTime element.
  * @see CreatedOn
  * @see ModifiedOn
  * @see SentOn
  */
-declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, }: BaseDateTimeProps) => JSX.Element | null;
+declare const BaseDateTimeElement: ({ date, name, className, type, testId, text, hideDatePrefix, color, }: BaseDateTimeElementProps) => JSX.Element | null;
 export default BaseDateTimeElement;
+export declare const toDateTimeProps: (type: 'created' | 'modified' | 'sent', dateString?: string) => Partial<BaseDateTimeElementProps> | undefined;

package/dist/{types-ts4.5/view/FlexibleCard/components/elements/icon-element → types/view/FlexibleCard/components/elements/common/base-icon-element}/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { type IconType, SmartLinkPosition } from '../../../../../constants';
-import type { ElementProps } from '../index';
-export type IconElementProps = ElementProps & {
+import { type IconType, SmartLinkPosition } from '../../../../../../constants';
+import { type FlexibleUiDataContext } from '../../../../../../state/flexible-ui-context/types';
+import type { ElementProps } from '../../index';
+export type BaseIconElementProps = ElementProps & {
     /**
      * If provided, Icon element will use this render function instead.
      */
@@ -40,5 +41,15 @@ export type IconElementProps = ElementProps & {
  * @param props - The props necessary for the Icon element.
  * @see LinkIcon
  */
-declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, }: IconElementProps) => JSX.Element;
+declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, }: BaseIconElementProps) => JSX.Element;
 export default IconElement;
+export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof FlexibleUiDataContext] | undefined, type: FlexibleUiDataContext['type']) => string[] | import("../../../../../../state/flexible-ui-context/types").LinkLocation | import("../../../../../../state/flexible-ui-context/types").Media | import("../../../../../../state/flexible-ui-context/types").FlexibleUiActions | import("../../../../../../state/flexible-ui-context/types").PreviewActionData | import("../../../../../../extractors/common/lozenge/types").LinkLozenge | import("@atlaskit/link-extractors").LinkPerson[] | {
+    objectId?: string | undefined;
+    resourceType?: string | undefined;
+    tenantId?: string | undefined;
+} | {
+    appearance: string;
+    icon?: IconType | undefined;
+    label?: string | undefined;
+    url?: string | undefined;
+} | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-link-element/index.d.ts

@@ -3,7 +3,7 @@
  * @jsx jsx
  */
 import React from 'react';
-import { SmartLinkTheme } from '../../../../../../constants';
+import { SmartLinkInternalTheme, SmartLinkTheme } from '../../../../../../constants';
 import type { ElementProps } from '../../../../components/elements';
 import type { AnchorTarget } from '../../../../components/types';
 export type BaseLinkElementProps = ElementProps & {
@@ -31,7 +31,7 @@ export type BaseLinkElementProps = ElementProps & {
     /**
      * The theme of the link. Can be Black, or Link (default blue URL).
      */
-    theme?: SmartLinkTheme;
+    theme?: SmartLinkTheme | SmartLinkInternalTheme;
     /**
      * The url that the Smart Link should be based upon.
      */
@@ -53,3 +53,4 @@ export type BaseLinkElementProps = ElementProps & {
  */
 declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, anchorRef, }: BaseLinkElementProps) => JSX.Element;
 export default BaseLinkElement;
+export declare const toLinkProps: (text?: string, url?: string) => Partial<BaseLinkElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/index.d.ts

@@ -29,3 +29,4 @@ export type BaseLozengeElementProps = ElementProps & {
  */
 declare const BaseLozengeElement: ({ action, appearance, name, className, style, text, testId, }: BaseLozengeElementProps) => JSX.Element | null;
 export default BaseLozengeElement;
+export declare const toDateLozengeProps: (dateString?: string) => Partial<BaseLozengeElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/base-text-element/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { MessageDescriptor } from 'react-intl-next';
 import type { MessageProps } from '../../../types';
 import { type ElementProps } from '../../index';
 export type BaseTextElementProps = ElementProps & {
@@ -33,3 +34,5 @@ export type BaseTextElementProps = ElementProps & {
  */
 export declare const BaseTextElement: ({ content, maxLines, message, name, className, testId, hideFormat, color, }: BaseTextElementProps) => JSX.Element | null;
 export default BaseTextElement;
+export declare const toFormattedTextProps: (descriptor: MessageDescriptor, context?: string) => Partial<BaseTextElementProps> | undefined;
+export declare const toTextProps: (content?: string) => Partial<BaseTextElementProps> | undefined;

package/dist/types/view/FlexibleCard/components/elements/common/index.d.ts

@@ -1,6 +1,8 @@
-export { type BaseBadgeElementProps, default as BaseBadgeElement } from './base-badge-element';
-export { type BaseTextElementProps, default as BaseTextElement } from './base-text-element';
-export { type BaseAvatarGroupElementProps, default as BaseAvatarGroupElement, type BaseAvatarItemProps, } from './base-avatar-group-element';
-export { type BaseDateTimeProps, default as BaseDateTimeElement, type DateTimeType, } from './base-date-time-element';
-export { type BaseLozengeElementProps, default as BaseLozengeElement, } from './base-lozenge-element';
-export { type BaseLinkElementProps, default as BaseLinkElement } from './base-link-element';
+export { type BaseBadgeElementProps, default as BaseBadgeElement, toBadgeProps, } from './base-badge-element';
+export { type BaseTextElementProps, default as BaseTextElement, toFormattedTextProps, toTextProps, } from './base-text-element';
+export { type BaseAvatarGroupElementProps, default as BaseAvatarGroupElement, type BaseAvatarItemProps, toAvatarGroupProps, } from './base-avatar-group-element';
+export { type BaseDateTimeElementProps, default as BaseDateTimeElement, type DateTimeType, toDateTimeProps, } from './base-date-time-element';
+export { type BaseLozengeElementProps, default as BaseLozengeElement, toDateLozengeProps, } from './base-lozenge-element';
+export { type BaseLinkElementProps, default as BaseLinkElement, toLinkProps, } from './base-link-element';
+export { type BaseIconElementProps, default as BaseIconElement, toLinkIconProps, } from './base-icon-element';
+export { type BaseAtlaskitBadgeElementProps, default as BaseAtlaskitBadgeElement, toAtlaskitBadgeProps, } from './base-atlaskit-badge-element';

package/dist/types/view/FlexibleCard/components/elements/created-by-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseTextElementProps } from '../common';
+export type CreatedByElementProps = BaseTextElementProps;
+declare const CreatedByElement: (props: CreatedByElementProps) => JSX.Element | null;
+export default CreatedByElement;

package/dist/types/view/FlexibleCard/components/elements/created-on-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseDateTimeElementProps } from '../common';
+export type CreatedOnProps = BaseDateTimeElementProps;
+declare const CreatedOnElement: (props: CreatedOnProps) => JSX.Element | null;
+export default CreatedOnElement;

package/dist/types/view/FlexibleCard/components/elements/due-on-element/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type BaseLozengeElementProps } from '../common';
+export type DueOnElementProps = BaseLozengeElementProps;
+declare const DueOnElement: (props: DueOnElementProps) => JSX.Element | null;
+export default DueOnElement;