@atlaskit/smart-card 26.34.4 → 26.35.1

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

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import React from 'react';
+import { AtlaskitBadgeProps } from './types';
+/**
+ * A base element that displays a visual indicator for a numeric value
+ * @internal
+ * @see StoryPoints
+ * */
+declare const AtlaskitBadge: React.FC<AtlaskitBadgeProps>;
+export default AtlaskitBadge;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/atlaskit-badge/types.d.ts

@@ -0,0 +1,4 @@
+import { ElementProps } from '../types';
+export type AtlaskitBadgeProps = ElementProps & {
+    value?: number;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/avatar-group/index.d.ts

@@ -0,0 +1,12 @@
+/** @jsx jsx */
+import React from 'react';
+import { AvatarGroupProps } from './types';
+/**
+ * A base element that displays a group of avatars.
+ * @internal
+ * @param {AvatarGroupProps} AvatarGroupProps - The props necessary for the AvatarGroup.
+ * @see AuthorGroup
+ * @see CollaboratorGroup
+ */
+declare const AvatarGroup: React.FC<AvatarGroupProps>;
+export default AvatarGroup;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/avatar-group/types.d.ts

@@ -0,0 +1,29 @@
+import { ElementProps } from '../types';
+export type AvatarItemProps = {
+    /**
+     * 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 AvatarGroupProps = ElementProps & {
+    /**
+     * An array of Avatars to show
+     */
+    items?: AvatarItemProps[];
+    /**
+     * 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;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/badge/index.d.ts

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+import React from 'react';
+import { BadgeProps } from './types';
+/**
+ * A base element that displays some text with an associated icon.
+ * @internal
+ * @param {BadgeProps} BadgeProps - The props necessary for the Badge.
+ * @see CommentCount
+ * @see ViewCount
+ * @see ReactCount
+ * @see VoteCount
+ * @see SubscriberCount
+ * @see Priority
+ * @see ProgrammingLanguage
+ * @see Provider
+ */
+declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/badge/types.d.ts

@@ -0,0 +1,17 @@
+import { ElementProps } from '../types';
+import { IconType } from '../../../../../constants';
+export type BadgeProps = ElementProps & {
+    /**
+     * 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;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/date-time/index.d.ts

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+import React from 'react';
+import { DateTimeProps } from './types';
+/**
+ * A base element that displays an ISO Timestamp in text.
+ * @internal
+ * @param {DateTimeProps} DateTimeProps - The props necessary for the DateTime element.
+ * @see CreatedOn
+ * @see ModifiedOn
+ * @see SentOn
+ */
+declare const DateTime: React.FC<DateTimeProps>;
+export default DateTime;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/date-time/types.d.ts

@@ -0,0 +1,16 @@
+import { ElementProps } from '../types';
+export type DateTimeType = 'created' | 'modified' | 'sent';
+export type DateTimeProps = 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;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/icon/index.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import React from 'react';
+import { IconProps } from './types';
+/**
+ * A base element that displays an Icon or favicon.
+ * @internal
+ * @param {IconProps} IconProps - The props necessary for the Icon element.
+ * @see LinkIcon
+ */
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/icon/types.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { ElementProps } from '../types';
+import { IconType, SmartLinkPosition } from '../../../../../constants';
+export type IconProps = ElementProps & {
+    /**
+     * If provided, Icon element will use this render function instead.
+     */
+    render?: () => React.ReactNode;
+    /**
+     * The Atlaskit Icon to display. If no icon is provided, then the URL provided
+     * will be used.
+     */
+    icon?: IconType;
+    /**
+     * The label provided to the Atlaskit Icon.
+     */
+    label?: string;
+    /**
+     * Determines the position of the link icon in relative to the vertical
+     * height.  It can either be centred or placed on “top”. Default is top.
+     */
+    position?: SmartLinkPosition;
+    /**
+     * The icon from this url will be used if no render function or Atlaskit Icon is provided.
+     */
+    url?: string;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/index.d.ts

@@ -0,0 +1,179 @@
+/// <reference types="react" />
+import { BadgeProps } from './badge/types';
+import { IconProps } from './icon/types';
+import { LinkProps } from './link/types';
+import { LozengeProps } from './lozenge/types';
+import { AvatarGroupProps } from './avatar-group/types';
+import { TextProps } from './text/types';
+import { DateTimeProps } from './date-time/types';
+import { AtlaskitBadgeProps } from './atlaskit-badge/types';
+/**
+ * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
+ * @see Text
+ */
+export declare const AssignedTo: import("react").FC<TextProps>;
+/**
+ * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export declare const AssignedToGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const AttachmentCount: import("react").FC<BadgeProps>;
+/**
+ * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export declare const AuthorGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ChecklistProgress: import("react").FC<BadgeProps>;
+/**
+ * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export declare const CollaboratorGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const CommentCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export declare const CreatedOn: import("react").FC<DateTimeProps>;
+/**
+ * Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
+ * @see Text
+ */
+export declare const CreatedBy: import("react").FC<TextProps>;
+/**
+ * Creates a DueOn Lozenge element using the data from dueOn in the Flexible UI Context.
+ * @see Lozenge
+ */
+export declare const DueOn: import("react").FC<LozengeProps>;
+/**
+ * Creates an element that contains Last Commit hash
+ */
+export declare const LatestCommit: import("react").FC<BadgeProps>;
+/**
+ * Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
+ * @see Icon
+ */
+export declare const LinkIcon: import("react").FC<IconProps>;
+/**
+ * Creates a Location Link element.
+ * This represents the location or container of the resource.
+ * @see Link
+ */
+export declare const Location: import("react").FC<LinkProps>;
+/**
+ * Creates a ModifiedBy Text element using the data from ModifiedBy in the Flexible UI Context.
+ * @see Text
+ */
+export declare const ModifiedBy: import("react").FC<TextProps>;
+/**
+ * Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export declare const ModifiedOn: import("react").FC<DateTimeProps>;
+/**
+ * Creates a OwnedBy text element using the data from OwnedBy in the Flexible UI Context.
+ * @see Text
+ */
+export declare const OwnedBy: import("react").FC<TextProps>;
+/**
+ * An AvatarGroup element using the data from OwnedByGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export declare const OwnedByGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates a Preview element using the data from Preview in the Flexible UI Context.
+ * @see Preview
+ */
+export { default as Preview } from './preview';
+/**
+ * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const Priority: import("react").FC<BadgeProps>;
+/**
+ * Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ProgrammingLanguage: import("react").FC<BadgeProps>;
+/**
+ * Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const Provider: import("react").FC<BadgeProps>;
+/**
+ * Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ReactCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
+ */
+export declare const ReadTime: import("react").FC<TextProps>;
+/**
+ * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export declare const SentOn: import("react").FC<DateTimeProps>;
+/**
+ * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
+ * @see Text
+ */
+export declare const Snippet: import("react").FC<TextProps>;
+/**
+ * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
+ * @see Text
+ */
+export declare const SourceBranch: import("react").FC<TextProps>;
+/**
+ * Creates a State Lozenge element using the data from State in the Flexible UI Context.
+ * @see Lozenge
+ */
+export declare const State: import("react").FC<LozengeProps>;
+/**
+ * Creates a SubscriberCount Badge element using the data from SubscriberCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const SubscriberCount: import("react").FC<BadgeProps>;
+/**
+ * Create a SubTasks Badge element using the data from subTasks in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const SubTasksProgress: import("react").FC<BadgeProps>;
+/**
+ * Create a StoryPoints Badge element using the data from storyPoints in the Flexible UI Context.
+ * @see AtlaskitBadge
+ */
+export declare const StoryPoints: import("react").FC<AtlaskitBadgeProps>;
+/**
+ * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
+ * @see Text
+ */
+export declare const TargetBranch: import("react").FC<TextProps>;
+/**
+ * Creates a Title Link element using the data from Title in the Flexible UI Context.
+ * This represents the main link text within the Smart Link.
+ * @see Link
+ */
+export declare const Title: import("react").FC<LinkProps>;
+/**
+ * Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ViewCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const VoteCount: import("react").FC<BadgeProps>;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/link/index.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import React from 'react';
+import { LinkProps } from './types';
+/**
+ * A base element that represent an anchor.
+ * @internal
+ * @param {LinkProps} LinkProps - The props necessary for the Link element.
+ * @see LinkIcon
+ */
+declare const Link: React.FC<LinkProps>;
+export default Link;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/link/types.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { ElementProps } from '../types';
+import { SmartLinkTheme } from '../../../../../constants';
+import { AnchorTarget } from '../../types';
+export type LinkProps = ElementProps & {
+    /**
+     * Determines whether the link should display tooltip on hover.
+     */
+    hideTooltip?: boolean;
+    /**
+     * Determines the behaviour when the Link is clicked. By default is used to
+     * propagate analytics.
+     */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /**
+     * Mouse event to be provided to the link
+     */
+    onMouseDown?: React.MouseEventHandler;
+    /**
+     * The number of lines that the link text should spread over. Maximum of 2 lines.
+     */
+    maxLines?: number;
+    /**
+     * The text to display. Overrides the default link text.
+     */
+    text?: string;
+    /**
+     * The theme of the link. Can be Black, or Link (default blue URL).
+     */
+    theme?: SmartLinkTheme;
+    /**
+     * The url that the Smart Link should be based upon.
+     */
+    url?: string;
+    /**
+     * The href target behaviour of the link.
+     */
+    target?: AnchorTarget;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/index.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import React from 'react';
+import type { LozengeProps } from './types';
+/**
+ * A base element that displays a Lozenge.
+ * @internal
+ * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
+ * @see State
+ */
+declare const Lozenge: React.FC<LozengeProps>;
+export default Lozenge;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/error-boundary/index.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType, FC } from 'react';
+import type { LozengeActionProps } from '../types';
+declare const withErrorBoundary: (Component: ComponentType<LozengeActionProps>) => FC<LozengeActionProps>;
+export default withErrorBoundary;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/index.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import type { FeatureDiscoveryProps } from './types';
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ * Cleanup on https://product-fabric.atlassian.net/browse/EDM-5795
+ * @see https://team.atlassian.com/project/ATLAS-13099/about
+ */
+declare const FeatureDiscovery: FC<FeatureDiscoveryProps>;
+export default FeatureDiscovery;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/styled.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeAppearance } from '@atlaskit/lozenge';
+export declare const getPulseStyles: (appearance?: ThemeAppearance) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/feature-discovery/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ThemeAppearance } from '@atlaskit/lozenge';
+export type FeatureDiscoveryProps = {
+    appearance?: ThemeAppearance;
+    children: React.ReactElement;
+    testId?: string;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { LozengeActionProps } from './types';
+declare const _default: FC<LozengeActionProps>;
+export default _default;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-analytics.d.ts

@@ -0,0 +1,21 @@
+import { TrackQuickActionFailureReason, TrackQuickActionType } from '../../../../../../utils/analytics/analytics';
+export declare const unknownLoadErrorAnalyticsPayload: {
+    smartLinkActionType: TrackQuickActionType;
+    reason: TrackQuickActionFailureReason;
+    step: string;
+};
+export declare const permissionLoadErrorAnalyticsPayload: {
+    smartLinkActionType: TrackQuickActionType;
+    reason: TrackQuickActionFailureReason;
+    step: string;
+};
+export declare const unknownUpdateErrorAnalyticsPayload: {
+    smartLinkActionType: TrackQuickActionType;
+    reason: TrackQuickActionFailureReason;
+    step: string;
+};
+export declare const validationUpdateErrorAnalyticsPayload: {
+    smartLinkActionType: TrackQuickActionType;
+    reason: TrackQuickActionFailureReason;
+    step: string;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { LozengeActionErrorProps } from './types';
+declare const LozengeActionError: FC<LozengeActionErrorProps>;
+export default LozengeActionError;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const dropdownItemGroupStyles: import("@emotion/react").SerializedStyles;
+export declare const contentStyles: import("@emotion/react").SerializedStyles;
+export declare const linkStyles: import("@emotion/react").SerializedStyles;
+export declare const textStyles: (maxLines: number) => import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/types.d.ts

@@ -0,0 +1,35 @@
+import { MessageProps } from '../../../../types';
+import { PreviewActionData } from '../../../../../../../state/flexible-ui-context/types';
+export type LozengeActionErrorProps = {
+    /**
+     * Error message to be displayed inside the dropdown
+     */
+    errorMessage: string | MessageProps;
+    /**
+     * Data test id used for testing purposes
+     */
+    testId?: string;
+    /**
+     * Maximum number of lines displayed inside of the dropdown
+     */
+    maxLineNumber?: number;
+    /**
+     * The url of the link. Used in reload functionality
+     */
+    url?: string;
+    /**
+     * Preview Modal information. If present, will be used to render an embed modal on an error link click
+     */
+    previewData?: PreviewActionData | null;
+};
+export declare const LozengeActionErrorMessages: {
+    noData: {
+        descriptor: import("react-intl-next").MessageDescriptor;
+    };
+    unknown: {
+        descriptor: import("react-intl-next").MessageDescriptor;
+    };
+    updateFailed: {
+        descriptor: import("react-intl-next").MessageDescriptor;
+    };
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { LozengeActionItemProps } from './types';
+declare const LozengeActionItem: FC<LozengeActionItemProps>;
+export default LozengeActionItem;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/types.d.ts

@@ -0,0 +1,6 @@
+import type { ThemeAppearance } from '@atlaskit/lozenge';
+import type { LozengeItem } from '../types';
+export type LozengeActionItemProps = LozengeItem & {
+    onClick?: (id: string, text: string, appearance?: ThemeAppearance) => void;
+    testId?: string;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import { LozengeActionTriggerProps } from './type';
+declare const LozengeActionTrigger: FC<LozengeActionTriggerProps>;
+export default LozengeActionTrigger;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/type.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { ThemeAppearance } from '@atlaskit/lozenge';
+import type { CustomTriggerProps } from '@atlaskit/dropdown-menu';
+export type LozengeActionTriggerProps = {
+    appearance?: ThemeAppearance;
+    isOpen?: boolean;
+    showFeatureDiscovery?: boolean;
+    testId?: string;
+    text: string | React.ReactNode;
+} & CustomTriggerProps<HTMLButtonElement>;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const triggerButtonStyles: import("@emotion/react").SerializedStyles;
+export declare const triggerLozengeStyles: import("@emotion/react").SerializedStyles;
+export declare const dropdownItemGroupStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { ThemeAppearance } from '@atlaskit/lozenge';
+import type { LinkLozengeInvokeActions } from '../../../../../../extractors/common/lozenge/types';
+export type LozengeItem = {
+    appearance?: ThemeAppearance;
+    id: string;
+    text: string;
+};
+export type LozengeActionProps = {
+    action: LinkLozengeInvokeActions;
+    appearance?: ThemeAppearance;
+    testId?: string;
+    text: string | React.ReactNode;
+    zIndex?: number;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/types.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ElementProps } from '../types';
+import type { LinkLozengeInvokeActions } from '../../../../../extractors/common/lozenge/types';
+export type LozengeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
+export type LozengeProps = ElementProps & {
+    /**
+     * Action that can be performed on the element
+     */
+    action?: LinkLozengeInvokeActions;
+    /**
+     * Determines the appearance of the Atlaskit lozenge.
+     */
+    appearance?: LozengeAppearance;
+    /**
+     * The text to display within the lozenge.
+     */
+    text?: string | React.ReactNode;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/media/index.d.ts

@@ -0,0 +1,11 @@
+/** @jsx jsx */
+import React from 'react';
+import { MediaProps } from './types';
+/**
+ * A base element that displays a Media.
+ * @internal
+ * @param {MediaProps} MediaProps - The props necessary for the Media element.
+ * @see Preview
+ */
+declare const Media: React.FC<MediaProps>;
+export default Media;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/media/types.d.ts

@@ -0,0 +1,18 @@
+import { ElementProps } from '../types';
+import { MediaType } from '../../../../../constants';
+export type MediaProps = ElementProps & {
+    /**
+     * The type of media to display. Can be image.
+     */
+    type?: MediaType;
+    /**
+     * The URL of the associated media to display.
+     */
+    url?: string;
+    /**
+     * Function to be called on error loading media.
+     * @internal
+     */
+    onError?: () => void;
+    onLoad?: () => void;
+};

package/dist/types-ts4.5/view/FlexibleCard/components/elements/preview/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import { PreviewProps } from './types';
+declare const Preview: React.FC<PreviewProps>;
+export default Preview;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/preview/types.d.ts

@@ -0,0 +1,13 @@
+import { ElementProps } from '../types';
+export type PreviewProps = ElementProps & {
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
+    /**
+     * Function to be called on error loading media.
+     * @internal
+     */
+    onError?: () => void;
+    onLoad?: () => void;
+};