@atlaskit/smart-card 38.3.0 → 38.4.0

package/dist/esm/view/FlexibleCard/components/elements/{link → common/base-link-element}/index.js

@@ -7,9 +7,9 @@ import { ax, ix } from "@compiled/react/runtime";
 
 import React, { useMemo } from 'react';
 import Tooltip from '@atlaskit/tooltip';
-import { SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
-import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
-import { hasWhiteSpace } from '../../utils';
+import { SmartLinkSize, SmartLinkTheme } from '../../../../../../constants';
+import { useMouseDownEvent } from '../../../../../../state/analytics/useLinkClicked';
+import { hasWhiteSpace } from '../../../utils';
 var DEFAULT_MAX_LINES = 2;
 var MAXIMUM_MAX_LINES = 2;
 var MINIMUM_MAX_LINES = 1;
@@ -63,14 +63,13 @@ var themeStyleMap = {
   black: "_syaz1gjq _9oik1r31 _1bnx8stv _jf4cnqa1 _30l31gjq _9h8h1fxt",
   link: "_syaz14q2 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l314q2 _9h8h16c2"
 };
-
 /**
  * A base element that represent an anchor.
  * @internal
- * @param {LinkProps} LinkProps - The props necessary for the Link element.
+ * @param {BaseLinkElementProps} BaseLinkElementProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-var Link = function Link(_ref) {
+var BaseLinkElement = function BaseLinkElement(_ref) {
   var hideTooltip = _ref.hideTooltip,
     _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
@@ -110,4 +109,4 @@ var Link = function Link(_ref) {
     className: ax(["_16jlkb7n _1o9zkb7n _i0dl1wug"])
   }, hideTooltip || text === undefined ? anchor : withTooltip(anchor, text, testId));
 };
-export default Link;
+export default BaseLinkElement;

package/dist/esm/view/FlexibleCard/components/elements/{lozenge → common/base-lozenge-element}/index.js

@@ -6,18 +6,17 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import AtlaskitLozenge from '@atlaskit/lozenge';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useFlexibleUiOptionContext } from '../../../../../state/flexible-ui-context';
+import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import LozengeAction from './lozenge-action';
 var stylesOld = null;
 var styles = null;
-
 /**
  * A base element that displays a Lozenge.
  * @internal
- * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
+ * @param {BaseLozengeElementProps} BaseLozengeElementProps - The props necessary for the Lozenge element.
  * @see State
  */
-var Lozenge = function Lozenge(_ref) {
+var BaseLozengeElement = function BaseLozengeElement(_ref) {
   var action = _ref.action,
     _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
@@ -55,4 +54,4 @@ var Lozenge = function Lozenge(_ref) {
     className: ax([!fg('platform-linking-visual-refresh-v1') && "_1e0c116y _vwz41kw7", fg('platform-linking-visual-refresh-v1') && "_1e0c116y _1ul91ns9", className])
   }), lozenge);
 };
-export default Lozenge;
+export default BaseLozengeElement;

package/dist/esm/view/FlexibleCard/components/elements/{lozenge → common/base-lozenge-element}/lozenge-action/index.js

@@ -5,13 +5,13 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import DropdownMenu from '@atlaskit/dropdown-menu';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
-import extractLozengeActionItems from '../../../../../../extractors/action/extract-lozenge-action-items';
-import useInvoke from '../../../../../../state/hooks/use-invoke';
-import { isInvokeCustomError } from '../../../../../../state/hooks/use-invoke/utils';
-import useResolve from '../../../../../../state/hooks/use-resolve';
-import createStatusUpdateRequest from '../../../../../../utils/actions/create-status-update-request';
-import { TrackQuickActionType } from '../../../../../../utils/analytics/analytics';
+import { useAnalyticsEvents } from '../../../../../../../common/analytics/generated/use-analytics-events';
+import extractLozengeActionItems from '../../../../../../../extractors/action/extract-lozenge-action-items';
+import useInvoke from '../../../../../../../state/hooks/use-invoke';
+import { isInvokeCustomError } from '../../../../../../../state/hooks/use-invoke/utils';
+import useResolve from '../../../../../../../state/hooks/use-resolve';
+import createStatusUpdateRequest from '../../../../../../../utils/actions/create-status-update-request';
+import { TrackQuickActionType } from '../../../../../../../utils/analytics/analytics';
 import withErrorBoundary from './error-boundary';
 import { permissionLoadErrorAnalyticsPayload, unknownLoadErrorAnalyticsPayload, unknownUpdateErrorAnalyticsPayload, validationUpdateErrorAnalyticsPayload } from './lozenge-action-analytics';
 import LozengeActionError from './lozenge-action-error';

package/dist/esm/view/FlexibleCard/components/elements/{lozenge → common/base-lozenge-element}/lozenge-action/lozenge-action-error/index.js

@@ -8,10 +8,10 @@ import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { N800, R50, R500 } from '@atlaskit/theme/colors';
-import { useAnalyticsEvents } from '../../../../../../../common/analytics/generated/use-analytics-events';
-import { messages } from '../../../../../../../messages';
-import useInvokeClientAction from '../../../../../../../state/hooks/use-invoke-client-action';
-import { getFormattedMessage } from '../../../../utils';
+import { useAnalyticsEvents } from '../../../../../../../../common/analytics/generated/use-analytics-events';
+import { messages } from '../../../../../../../../messages';
+import useInvokeClientAction from '../../../../../../../../state/hooks/use-invoke-client-action';
+import { getFormattedMessage } from '../../../../../utils';
 var MAX_LINE_NUMBER = 8;
 var contentStyles = null;
 var linkStyles = null;

package/dist/esm/view/FlexibleCard/components/elements/{lozenge → common/base-lozenge-element}/lozenge-action/lozenge-action-error/types.js

@@ -1,4 +1,4 @@
-import { messages } from '../../../../../../../messages';
+import { messages } from '../../../../../../../../messages';
 export var LozengeActionErrorMessages = {
   noData: {
     descriptor: messages['status_change_permission_error']

package/dist/esm/view/FlexibleCard/components/elements/{text → common/base-text-element}/index.js

@@ -3,18 +3,17 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { fg } from '@atlaskit/platform-feature-flags';
-import { getFormattedMessage } from '../../utils';
+import { getFormattedMessage } from '../../../utils';
 // TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
 var baseStyleOld = null;
 var baseStyle = null;
-
 /**
  * A base element that displays some Text.
  * @internal
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-var Text = function Text(_ref) {
+export var BaseTextElement = function BaseTextElement(_ref) {
   var content = _ref.content,
     _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
@@ -47,4 +46,4 @@ var Text = function Text(_ref) {
     }
   }, fg('platform-linking-additional-flexible-element-props') ? newContent : oldContent);
 };
-export default Text;
+export default BaseTextElement;

package/dist/esm/view/FlexibleCard/components/elements/common/index.js

@@ -0,0 +1,6 @@
+export { default as BaseBadgeElement } from './base-badge-element';
+export { default as BaseTextElement } from './base-text-element';
+export { default as BaseAvatarGroupElement } from './base-avatar-group-element';
+export { default as BaseDateTimeElement } from './base-date-time-element';
+export { default as BaseLozengeElement } from './base-lozenge-element';
+export { default as BaseLinkElement } from './base-link-element';

package/dist/esm/view/FlexibleCard/components/elements/{icon → icon-element}/index.js

@@ -70,10 +70,10 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
 /**
  * A base element that displays an Icon or favicon.
  * @internal
- * @param {IconProps} IconProps - The props necessary for the Icon element.
+ * @param props - The props necessary for the Icon element.
  * @see LinkIcon
  */
-var Icon = function Icon(_ref) {
+var IconElement = function IconElement(_ref) {
   var icon = _ref.icon,
     overrideIcon = _ref.overrideIcon,
     _ref$label = _ref.label,
@@ -110,4 +110,4 @@ var Icon = function Icon(_ref) {
     }
   }, element));
 };
-export default Icon;
+export default IconElement;

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

@@ -1,6 +1,5 @@
 import { ElementName } from '../../../../constants';
 import { createElement } from './utils';
-
 // Attention: Keep the export name and element name the same.
 // This will help reducing the code for mapping elements inside
 // createElement and renderElementItems
@@ -93,7 +92,7 @@ export var OwnedByGroup = createElement(ElementName.OwnedByGroup);
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export { default as Preview } from './preview';
+export { default as Preview } from './preview-element';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge
@@ -174,4 +173,4 @@ export var ViewCount = createElement(ElementName.ViewCount);
  * @see Badge
  */
 export var VoteCount = createElement(ElementName.VoteCount);
-export { default as AppliedToComponentsCount } from './applied-to-components-count';
+export { default as AppliedToComponentsCount } from './applied-to-components-count-element';

package/dist/esm/view/FlexibleCard/components/elements/{media → media-element}/index.js

@@ -14,14 +14,12 @@ import ImageIcon from '../../common/image-icon';
  * contents within the element's box.
  */
 var styles = null;
-
 /**
  * A base element that displays a Media.
  * @internal
- * @param {MediaProps} MediaProps - The props necessary for the Media element.
- * @see Preview
+ * @param props - The props necessary for the Media element.
  */
-var Media = function Media(_ref) {
+var MediaElement = function MediaElement(_ref) {
   var name = _ref.name,
     className = _ref.className,
     _ref$testId = _ref.testId,
@@ -48,4 +46,4 @@ var Media = function Media(_ref) {
     defaultIcon: null
   }));
 };
-export default Media;
+export default MediaElement;

package/dist/esm/view/FlexibleCard/components/elements/{preview → preview-element}/index.js

@@ -4,8 +4,8 @@ var _excluded = ["overrideUrl"];
 import React, { useContext } from 'react';
 import { MediaType } from '../../../../../constants';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import Media from '../media';
-var Preview = function Preview(props) {
+import MediaElement from '../media-element';
+var PreviewElement = function PreviewElement(props) {
   var _ref = props !== null && props !== void 0 ? props : {},
     overrideUrl = _ref.overrideUrl,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -17,6 +17,6 @@ var Preview = function Preview(props) {
   if (!data) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Media, _extends({}, rest, data));
+  return /*#__PURE__*/React.createElement(MediaElement, _extends({}, rest, data));
 };
-export default Preview;
+export default PreviewElement;

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

@@ -8,7 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useContext } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
-import Text from '../text';
+import { BaseTextElement } from '../common';
 var SNIPPET_DEFAULT_MAX_LINES = 3;
 
 // TODO: Remove on fg cleanup: platform-linking-visual-refresh-v1
@@ -22,7 +22,7 @@ var SnippetElement = function SnippetElement(props) {
     className = _ref.className,
     restOfProps = _objectWithoutProperties(_ref, _excluded);
   var context = useContext(FlexibleUiContext);
-  return /*#__PURE__*/React.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(BaseTextElement, _extends({
     content: overrideContent !== null && overrideContent !== void 0 ? overrideContent : context === null || context === void 0 ? void 0 : context.snippet,
     maxLines: maxLines,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

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

@@ -11,126 +11,129 @@ import { ElementName, IconType, SmartLinkInternalTheme } from '../../../../const
 import { messages } from '../../../../messages';
 import { FlexibleUiContext } from '../../../../state/flexible-ui-context';
 import { isProfileType } from '../../../../utils';
-import AppliedToComponentsCount from './applied-to-components-count';
-import AtlaskitBadge from './atlaskit-badge';
-import AvatarGroup from './avatar-group';
-import Badge from './badge';
-import DateTime from './date-time';
-import Icon from './icon';
-import Link from './link';
-import Lozenge from './lozenge';
-import Media from './media';
-import Text from './text';
+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 MediaElement from './media-element';
 var elementMappings = (_elementMappings = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.AppliedToComponentsCount, {
   component: AppliedToComponentsCount,
   props: {
     icon: IconType.Component
   }
 }), ElementName.AttachmentCount, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.Attachment
   }
 }), ElementName.AuthorGroup, {
-  component: AvatarGroup
+  component: BaseAvatarGroupElement
 }), ElementName.ChecklistProgress, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.CheckItem
   }
 }), ElementName.CollaboratorGroup, {
-  component: AvatarGroup
+  component: BaseAvatarGroupElement
 }), ElementName.CommentCount, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.Comment
   }
 }), ElementName.ViewCount, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.View
   }
 }), ElementName.ReactCount, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.React
   }
 }), ElementName.VoteCount, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.Vote
   }
 }), ElementName.CreatedBy, {
-  component: Text
+  component: BaseTextElement
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.OwnedBy, {
-  component: Text
+  component: BaseTextElement
 }), ElementName.AssignedTo, {
-  component: Text
+  component: BaseTextElement
 }), ElementName.AssignedToGroup, {
-  component: AvatarGroup
+  component: BaseAvatarGroupElement
 }), ElementName.OwnedByGroup, {
-  component: AvatarGroup
+  component: BaseAvatarGroupElement
 }), ElementName.CreatedOn, {
-  component: DateTime
+  component: BaseDateTimeElement
 }), ElementName.DueOn, {
-  component: Lozenge
+  component: BaseLozengeElement
 }), ElementName.LatestCommit, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.Commit
   }
 }), ElementName.LinkIcon, {
-  component: Icon
+  component: IconElement
 }), ElementName.ModifiedBy, {
-  component: Text
+  component: BaseTextElement
 }), ElementName.ModifiedOn, {
-  component: DateTime
+  component: BaseDateTimeElement
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.Preview, {
-  component: Media
+  component: MediaElement
 }), ElementName.Priority, {
-  component: Badge
+  component: BaseBadgeElement
 }), ElementName.ProgrammingLanguage, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.ProgrammingLanguage
   }
 }), ElementName.Provider, {
-  component: Badge
+  component: BaseBadgeElement
 }), ElementName.ReadTime, {
-  component: Text
+  component: BaseTextElement
 }), ElementName.SentOn, {
-  component: DateTime
+  component: BaseDateTimeElement
 }), ElementName.SourceBranch, {
-  component: Text
+  component: BaseTextElement
 }), ElementName.State, {
-  component: Lozenge
+  component: BaseLozengeElement
 }), ElementName.SubscriberCount, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.Subscriber
   }
 }), ElementName.SubTasksProgress, {
-  component: Badge,
+  component: BaseBadgeElement,
   props: {
     icon: IconType.SubTasksProgress
   }
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_elementMappings, ElementName.StoryPoints, {
-  component: AtlaskitBadge
+  component: AtlaskitElementBadge
 }), ElementName.TargetBranch, {
-  component: Text
+  component: BaseTextElement
 }), ElementName.Title, {
-  component: Link
+  component: BaseLinkElement
 }), ElementName.Location, {
-  component: Link,
+  component: BaseLinkElement,
   props: {
     theme: SmartLinkInternalTheme.Grey
   }
 }));
+
+/**
+ * @deprecated
+ */
 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
+ */
 var getData = function getData(elementName, contextKey, context) {
   if (!context) {
     return undefined;
@@ -271,6 +274,10 @@ var toLinkIconProps = function toLinkIconProps(data, type) {
     appearance: isImageRound ? 'round' : 'square'
   });
 };
+
+/**
+ * @deprecated
+ */
 export var createElement = function createElement(name) {
   var _ref = elementMappings[name] || {},
     BaseElement = _ref.component,

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 Icon from '../../../../FlexibleCard/components/elements/icon';
+import IconElement from '../../../../FlexibleCard/components/elements/icon-element';
 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(Icon, {
+  }), /*#__PURE__*/React.createElement(IconElement, {
     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.3.0",
+  packageVersion: "38.4.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/extractors/action/extract-lozenge-action-items.d.ts

@@ -1,4 +1,4 @@
 import type { GetStatusTransitionsInvokeResponse } from '@atlaskit/linking-types/smart-link-actions';
-import { type LozengeItem } from '../../view/FlexibleCard/components/elements/lozenge/lozenge-action/types';
+import { type LozengeItem } from '../../view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/types';
 declare const extractLozengeActionItems: (response: GetStatusTransitionsInvokeResponse) => LozengeItem[];
 export default extractLozengeActionItems;

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

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

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

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

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { type ElementProps } from '../../index';
+export type BaseAvatarItemProps = {
+    /**
+     * The image to be used in an `@atlaskit/avatar - this should be a url to the image src
+     */
+    src?: string;
+    /**
+     * The name of the person in the avatar.
+     */
+    name: string;
+};
+export type BaseAvatarGroupElementProps = ElementProps & {
+    /**
+     * An array of Avatars to show
+     */
+    items?: BaseAvatarItemProps[];
+    /**
+     * The maximum number of Avatars to show in the AvatarGroup
+     */
+    maxCount?: number;
+    /**
+     * Shows a name prefix in the Avatar tooltip (Created by, Assigned To, Owned by)
+     */
+    showNamePrefix?: boolean;
+    /**
+     * Shows a default fallback avatar if no persons in the AvatarGroup.
+     */
+    showFallbackAvatar?: boolean;
+};
+/**
+ * A base element that displays a group of avatars.
+ * @internal
+ * @param {BaseAvatarGroupElementProps} BaseAvatarGroupElementProps - The props necessary for the AvatarGroup.
+ * @see AuthorGroup
+ * @see CollaboratorGroup
+ */
+declare const BaseAvatarGroup: ({ items, maxCount, name, className, size, testId, showNamePrefix, showFallbackAvatar, }: BaseAvatarGroupElementProps) => JSX.Element | null;
+export default BaseAvatarGroup;

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

@@ -0,0 +1,66 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import { IconType } from '../../../../../../constants';
+import type { ElementProps } from '../../index';
+export type BaseBadgeElementProps = ElementProps & {
+    /**
+     * Badge appearances
+     */
+    appearance?: 'default' | 'subtle';
+    /**
+     * Determines whether the badge icon should be hidden. When set to true,
+     * the badge will be displayed without the icon, showing only the label text.
+     */
+    hideIcon?: boolean;
+    /**
+     * The Atlaskit Icon to display next to the label. If this is not supplied,
+     * then the badge icon will fallback to the URL provided.
+     */
+    icon?: IconType;
+    /**
+     * The icon from this URL will be used for the badge if no Atlaskit Icon is provided.
+     */
+    url?: string;
+    /**
+     * The text to display for the badge.
+     */
+    label?: string;
+    /**
+     * Color of the text and badge
+     */
+    color?: string;
+};
+declare const _default: (props: ElementProps & {
+    /**
+     * Badge appearances
+     */
+    appearance?: "default" | "subtle" | undefined;
+    /**
+     * Determines whether the badge icon should be hidden. When set to true,
+     * the badge will be displayed without the icon, showing only the label text.
+     */
+    hideIcon?: boolean | undefined;
+    /**
+     * The Atlaskit Icon to display next to the label. If this is not supplied,
+     * then the badge icon will fallback to the URL provided.
+     */
+    icon?: IconType | undefined;
+    /**
+     * The icon from this URL will be used for the badge if no Atlaskit Icon is provided.
+     */
+    url?: string | undefined;
+    /**
+     * The text to display for the badge.
+     */
+    label?: string | undefined;
+    /**
+     * Color of the text and badge
+     */
+    color?: string | undefined;
+} & React.RefAttributes<HTMLElement> & {
+    className?: string | undefined;
+}) => React.JSX.Element;
+export default _default;

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { ElementProps } from '../../../elements';
+export type DateTimeType = 'created' | 'modified' | 'sent';
+export type BaseDateTimeProps = ElementProps & {
+    /**
+     * Whether the date time element text should contain "Modified" or "Created" or "sent"
+     */
+    type?: DateTimeType;
+    /**
+     * The date to display in the element.
+     */
+    date?: Date;
+    /**
+     * The override text which will show next to the date
+     */
+    text?: string;
+    /**
+     * Hide the date prefix (e.g. "Created on", "Modified on", "Sent on")
+     */
+    hideDatePrefix?: boolean;
+    /**
+     * Color of the text
+     */
+    color?: string;
+};
+/**
+ * A base element that displays an ISO Timestamp in text.
+ * @internal
+ * @param {BaseDateTimeProps} BaseDateTimeProps - 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;
+export default BaseDateTimeElement;