@atlaskit/smart-card 26.1.0 → 26.1.2

package/dist/types-ts4.0/view/EmbedCard/components/styled.d.ts

@@ -0,0 +1,95 @@
+/// <reference types="react" />
+import { FrameStyle } from '../types';
+export declare const className = "media-card-frame";
+export declare const cardShadow = "";
+export interface WrapperProps {
+    minWidth?: number;
+    maxWidth?: number;
+    isInteractive?: boolean;
+    isSelected?: boolean;
+    frameStyle?: FrameStyle;
+    inheritDimensions?: boolean;
+}
+export declare const borderRadius: string;
+export declare const ellipsis: (maxWidth?: string | number) => string;
+export declare const csssize: (value?: string | number) => string;
+export declare const LinkWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const embedHeaderHeight = 32;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface PlaceholderProps {
+    isPlaceholder: boolean;
+}
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & PlaceholderProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface ContentProps {
+    isInteractive: boolean;
+    allowScrollBar: boolean;
+    frameStyle?: FrameStyle;
+}
+export declare const Content: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ContentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface ImageProps {
+    size: number;
+}
+export declare const Image: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ImageProps, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const maxAvatarCount = 6;
+export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Byline: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ResolvedViewIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export interface ThumbnailProps {
+    src: string;
+}
+export declare const Thumbnail: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ThumbnailProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UsersWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ActionsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AlertWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types-ts4.0/view/EmbedCard/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const LockImage: string;
+export declare const NotFoundImage: string;
+export declare const UnauthorisedImage: string;

package/dist/types-ts4.0/view/EmbedCard/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { EmbedCardProps } from './types';
+export declare const EmbedCard: React.ForwardRefExoticComponent<EmbedCardProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.0/view/EmbedCard/types.d.ts

@@ -0,0 +1,52 @@
+import { CardState } from '../../state/types';
+import { InvokeHandler } from '../../model/invoke-handler';
+import { CardPlatform, EmbedIframeUrlType, OnResolveCallback } from '../Card/types';
+import { ReactNode } from 'react';
+import { ActionProps } from '../BlockCard/components/Action';
+import { RequestAccessMessageKey } from '../../messages';
+import { OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+export declare type EmbedCardProps = {
+    url: string;
+    cardState: CardState;
+    handleAuthorize: (() => void) | undefined;
+    handleErrorRetry: () => void;
+    handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    analytics: AnalyticsFacade;
+    handleInvoke: InvokeHandler;
+    id?: string;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    frameStyle?: FrameStyle;
+    platform?: CardPlatform;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    testId?: string;
+    inheritDimensions?: boolean;
+    showActions?: boolean;
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+    onIframeFocus?: () => void;
+    iframeUrlType?: EmbedIframeUrlType;
+};
+export interface WithShowControlMethodProp {
+    showControls?: () => void;
+}
+export interface ContextViewModel {
+    icon?: ReactNode;
+    image?: string;
+    text: string;
+}
+export declare type AccessTypes = 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DIRECT_ACCESS' | 'DENIED_REQUEST_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'ACCESS_EXISTS';
+export interface AccessContext {
+    accessType?: AccessTypes;
+    cloudId?: string;
+    url?: string;
+    smartLinksAccessMetadataExperimentCohort?: 'experiment' | 'control' | 'not-enrolled';
+}
+export interface RequestAccessContextProps extends AccessContext {
+    action?: ActionProps;
+    callToActionMessageKey?: RequestAccessMessageKey;
+    descriptiveMessageKey?: RequestAccessMessageKey;
+}
+export declare type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
+export declare type FrameStyle = 'show' | 'hide' | 'showOnHover';

package/dist/types-ts4.0/view/EmbedCard/views/ErroredView.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface ErroredViewProps {
+    onRetry?: (val: any) => void;
+    isSelected?: boolean;
+    testId?: string;
+    inheritDimensions?: boolean;
+}
+export declare const EmbedCardErroredView: ({ onRetry, isSelected, testId, inheritDimensions, }: ErroredViewProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/EmbedCard/views/ForbiddenView.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+import { ContextViewModel, RequestAccessContextProps } from '../types';
+export interface EmbedCardForbiddenViewProps {
+    context?: ContextViewModel;
+    link: string;
+    isSelected?: boolean;
+    testId?: string;
+    onAuthorise?: () => void;
+    inheritDimensions?: boolean;
+    onClick?: (evt: React.MouseEvent) => void;
+    requestAccessContext?: RequestAccessContextProps;
+}
+export declare const EmbedCardForbiddenView: FC<EmbedCardForbiddenViewProps>;

package/dist/types-ts4.0/view/EmbedCard/views/NotFoundView.d.ts

@@ -0,0 +1,11 @@
+import React, { FC } from 'react';
+import { ContextViewModel } from '../types';
+export interface EmbedCardNotFoundViewProps {
+    context?: ContextViewModel;
+    link: string;
+    isSelected?: boolean;
+    testId?: string;
+    inheritDimensions?: boolean;
+    onClick?: (evt: React.MouseEvent) => void;
+}
+export declare const EmbedCardNotFoundView: FC<EmbedCardNotFoundViewProps>;

package/dist/types-ts4.0/view/EmbedCard/views/ResolvedView.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { ContextViewModel, FrameStyle } from '../types';
+export interface EmbedCardResolvedViewProps {
+    /** The title of the link */
+    title?: string;
+    /** The context view model */
+    context?: ContextViewModel;
+    /** The link to display */
+    link: string;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** will show the frame regardless of user interaction */
+    isFrameVisible?: boolean;
+    /** A prop that determines the style of a frame: whether to show it, hide it or only show it when a user hovers over embed */
+    frameStyle?: FrameStyle;
+    /** The src to be used for the `iframe` */
+    preview?: {
+        src: string;
+        aspectRatio?: number;
+    };
+    /** A flag that determines whether link source can be trusted in iframe **/
+    isTrusted?: boolean;
+    /** The optional click handler */
+    onClick?: (evt: React.MouseEvent) => void;
+    /** For testing purposes only. */
+    testId?: string;
+    isSupportTheming?: boolean;
+    inheritDimensions?: boolean;
+    /** Optional callback for when user dwells cursor over iframe - for analytics **/
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+    /** Optional callback for when user navigates into an iframe - for analytics **/
+    onIframeFocus?: () => void;
+}
+export declare const EmbedCardResolvedView: React.ForwardRefExoticComponent<EmbedCardResolvedViewProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.0/view/EmbedCard/views/UnauthorisedView.d.ts

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import { ContextViewModel } from '../types';
+import { AnalyticsFacade } from '../../../state/analytics';
+export interface EmbedCardUnauthorisedViewProps {
+    analytics: AnalyticsFacade;
+    context?: ContextViewModel;
+    link: string;
+    isSelected?: boolean;
+    testId?: string;
+    onAuthorise?: () => void;
+    inheritDimensions?: boolean;
+    onClick?: (evt: React.MouseEvent) => void;
+    extensionKey?: string;
+}
+export declare const EmbedCardUnauthorisedView: FC<EmbedCardUnauthorisedViewProps>;

package/dist/types-ts4.0/view/EmbedCard/views/UnresolvedView.d.ts

@@ -0,0 +1,18 @@
+import { Appearance } from '@atlaskit/button/types';
+import { FC } from 'react';
+import { MessageKey } from '../../../messages';
+export interface ButtonProps {
+    appearance: Appearance;
+    text: MessageKey;
+    testId?: string;
+}
+export interface EmbedCardUnresolvedViewProps {
+    image: string;
+    context?: string;
+    title: MessageKey;
+    description: MessageKey;
+    button?: ButtonProps;
+    onClick?: () => void;
+    testId?: string;
+}
+export declare const EmbedCardUnresolvedView: FC<EmbedCardUnresolvedViewProps>;

package/dist/types-ts4.0/view/EmbedModal/components/analytics/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EmbedModalProps } from '../../types';
+import { WithAnalytics } from './types';
+declare const withAnalytics: (Component: React.ComponentType<EmbedModalProps>) => React.FC<EmbedModalProps & WithAnalytics>;
+export default withAnalytics;

package/dist/types-ts4.0/view/EmbedModal/components/analytics/types.d.ts

@@ -0,0 +1,6 @@
+import { AnalyticsFacade } from '../../../../state/analytics';
+import { AnalyticsOrigin } from '../../../../utils/types';
+export declare type WithAnalytics = {
+    analytics?: AnalyticsFacade;
+    origin?: AnalyticsOrigin;
+};

package/dist/types-ts4.0/view/EmbedModal/components/embed-content/index.d.ts

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

package/dist/types-ts4.0/view/EmbedModal/components/embed-content/types.d.ts

@@ -0,0 +1,6 @@
+export declare type EmbedProps = {
+    isTrusted: boolean;
+    name: string;
+    src?: string;
+    testId?: string;
+};

package/dist/types-ts4.0/view/EmbedModal/components/error-boundary/index.d.ts

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

package/dist/types-ts4.0/view/EmbedModal/components/link-info/index.d.ts

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

package/dist/types-ts4.0/view/EmbedModal/components/link-info/link-info-button/index.d.ts

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

package/dist/types-ts4.0/view/EmbedModal/components/link-info/link-info-button/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type LinkInfoButtonProps = {
+    content: React.ReactNode;
+    icon: React.ReactChild;
+    onClick?: () => void;
+    href?: string;
+    target?: string;
+    testId?: string;
+};

package/dist/types-ts4.0/view/EmbedModal/components/link-info/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const containerStyles: import("@emotion/react").SerializedStyles;
+export declare const iconCss: import("@emotion/react").SerializedStyles;
+export declare const titleCss: import("@emotion/react").SerializedStyles;
+export declare const actionCss: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.0/view/EmbedModal/components/link-info/types.d.ts

@@ -0,0 +1,13 @@
+import { IconProps } from '../../../common/Icon';
+export declare type LinkInfoProps = {
+    downloadUrl?: string;
+    icon?: IconProps;
+    providerName?: string;
+    onDownloadButtonClick?: () => void;
+    onResizeButtonClick?: () => void;
+    onViewButtonClick?: () => void;
+    size?: string;
+    testId?: string;
+    title?: string;
+    url?: string;
+};

package/dist/types-ts4.0/view/EmbedModal/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MAX_MODAL_SIZE = "100%";
+export declare const MIN_MODAL_SIZE = "large";

package/dist/types-ts4.0/view/EmbedModal/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { EmbedModalSize } from './types';
+declare const _default: React.FC<{
+    download?: string | undefined;
+    icon?: import("../common/Icon").IconProps | undefined;
+    iframeName: string;
+    isTrusted?: boolean | undefined;
+    isSupportTheming?: boolean | undefined;
+    onClose: (context: import("./types").EmbedModalContext) => void;
+    onDownloadActionClick?: (() => void) | undefined;
+    onOpen?: ((context: import("./types").EmbedModalContext) => void) | undefined;
+    onOpenFailed?: ((error: Error, errorInfo: React.ErrorInfo) => void) | undefined;
+    onResize?: ((context: import("./types").EmbedModalContext) => void) | undefined;
+    onViewActionClick?: (() => void) | undefined;
+    providerName?: string | undefined;
+    showModal?: boolean | undefined;
+    size?: EmbedModalSize | undefined;
+    src?: string | undefined;
+    testId?: string | undefined;
+    title?: string | undefined;
+    url?: string | undefined;
+} & import("./components/analytics/types").WithAnalytics>;
+export default _default;

package/dist/types-ts4.0/view/EmbedModal/types.d.ts

@@ -0,0 +1,31 @@
+import { ErrorInfo } from 'react';
+import { IconProps } from '../common/Icon';
+import { WithAnalytics } from './components/analytics/types';
+export declare enum EmbedModalSize {
+    Large = "large",
+    Small = "small"
+}
+export declare type EmbedModalContext = {
+    duration?: number;
+    size: EmbedModalSize;
+};
+export declare type EmbedModalProps = {
+    download?: string;
+    icon?: IconProps;
+    iframeName: string;
+    isTrusted?: boolean;
+    isSupportTheming?: boolean;
+    onClose: (context: EmbedModalContext) => void;
+    onDownloadActionClick?: () => void;
+    onOpen?: (context: EmbedModalContext) => void;
+    onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
+    onResize?: (context: EmbedModalContext) => void;
+    onViewActionClick?: () => void;
+    providerName?: string;
+    showModal?: boolean;
+    size?: EmbedModalSize;
+    src?: string;
+    testId?: string;
+    title?: string;
+    url?: string;
+} & WithAnalytics;

package/dist/types-ts4.0/view/EmbedModal/utils.d.ts

@@ -0,0 +1,10 @@
+import { PreviewFunctionProps } from '../FlexibleCard/components/actions/action/preview-action/types';
+import { PreviewActionData } from '../../state/flexible-ui-context/types';
+import { AnalyticsFacade } from '../../state/analytics';
+declare type PreviewModalProps = {
+    analytics?: AnalyticsFacade;
+    onClose?: () => void;
+} & PreviewActionData;
+export declare const openPreviewModal: ({ analytics, downloadUrl: download, isSupportTheming, linkIcon, onClose, providerName, src, title, url, }: PreviewModalProps) => Promise<void>;
+export declare function previewFunction({ popupMountPointId, onClose: onEmbedClose, ...rest }: PreviewFunctionProps): Promise<void>;
+export {};

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-button/index.d.ts

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

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-button/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SmartLinkSize } from '../../../../../../constants';
+import { ActionProps } from '../types';
+export declare type ActionButtonProps = ActionProps & {
+    iconAfter?: React.ReactChild;
+    iconBefore?: React.ReactChild;
+    size: SmartLinkSize;
+};

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-dropdown-item/index.d.ts

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

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-dropdown-item/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare type ActionDropdownItemProps = {
+    content?: React.ReactNode;
+    iconAfter?: React.ReactNode;
+    iconBefore?: React.ReactNode;
+    onClick: () => any;
+    testId?: string;
+};

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

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

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/action-icon/types.d.ts

@@ -0,0 +1,7 @@
+import { ReactChild } from 'react';
+import { SmartLinkSize } from '../../../../../../constants';
+export declare type ActionIconProps = {
+    size?: SmartLinkSize;
+    icon?: ReactChild;
+    testId?: string;
+};

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/download-action/index.d.ts

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

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/download-action/types.d.ts

@@ -0,0 +1,8 @@
+import { ActionProps } from '../types';
+export declare type DownloadActionProps = ActionProps & {
+    downloadUrl?: string;
+    url: string;
+};
+export interface DownloadFunctionProps {
+    url?: string;
+}

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/index.d.ts

@@ -0,0 +1,13 @@
+/** @jsx jsx */
+import React from 'react';
+import { ActionProps } from './types';
+/**
+ * A base action that can be triggered with an on click.
+ * @internal
+ * @param {ActionProps} ActionProps - The props necessary for the Action.
+ * @see DeleteAction
+ * @see EditAction
+ * @see CustomAction
+ */
+declare const Action: React.FC<ActionProps>;
+export default Action;

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/preview-action/index.d.ts

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

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/preview-action/types.d.ts

@@ -0,0 +1,16 @@
+import { Icon } from '../../../../../../state/flexible-ui-context/types';
+import { EmbedModalProps } from '../../../../../../view/EmbedModal/types';
+import { ActionProps } from '../types';
+export declare type PreviewActionProps = ActionProps & FlexibleEmbedProps;
+export declare type FlexibleEmbedProps = {
+    downloadUrl?: string;
+    linkIcon?: Icon;
+    providerName?: string;
+    src?: string;
+    title?: string;
+    url: string;
+    isSupportTheming?: boolean;
+};
+export interface PreviewFunctionProps extends EmbedModalProps {
+    popupMountPointId: string;
+}

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/types.d.ts

@@ -0,0 +1,48 @@
+import { SerializedStyles } from '@emotion/react';
+import { SmartLinkSize } from '../../../../../constants';
+import { Appearance } from '@atlaskit/button/types';
+import { ReactChild } from 'react';
+export declare type ActionProps = {
+    /**
+     * Determines the size of the Action. Corresponds to an Action appearance.
+     */
+    size?: SmartLinkSize;
+    /**
+     * Determines the text content of the Action.
+     */
+    content?: React.ReactNode;
+    /**
+     * Determines the appearance of the action. Corresponds to the Atlaskit action appearance.
+     */
+    appearance?: Appearance;
+    /**
+     * Determines the onClick behaviour of the Action.
+     */
+    onClick: () => any;
+    /**
+     * Determines the icon rendered within the Action.
+     */
+    icon?: ReactChild;
+    /**
+     * Determines where the icon should be rendered if text is provided.
+     */
+    iconPosition?: 'before' | 'after';
+    /**
+     * Determines the tooltip message when hovering over the Action.
+     */
+    tooltipMessage?: React.ReactNode;
+    /**
+     * Used to determine whether the Action is in a Dropdown.
+     */
+    asDropDownItem?: boolean;
+    /**
+     * Additional CSS properties on the Action.
+     */
+    overrideCss?: SerializedStyles;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests
+     */
+    testId?: string;
+};

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/view-action/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ViewActionProps, ViewFunctionProps } from './types';
+declare const ViewAction: React.FC<ViewActionProps>;
+export declare function viewFunction({ url }: ViewFunctionProps): Promise<void>;
+export default ViewAction;

package/dist/types-ts4.0/view/FlexibleCard/components/actions/action/view-action/types.d.ts

@@ -0,0 +1,8 @@
+import { ActionProps } from '../types';
+export declare type ViewActionProps = ActionProps & {
+    viewUrl?: string;
+    url: string;
+};
+export interface ViewFunctionProps {
+    url?: string;
+}

package/dist/types-ts4.0/view/FlexibleCard/components/actions/index.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { ActionProps } from './action/types';
+import { PreviewActionProps } from './action/preview-action/types';
+import { ViewActionProps } from './action/view-action/types';
+import { DownloadActionProps } from './action/download-action/types';
+/**
+ * Creates a DeleteAction component. Accepts default ActionProps, but defaults
+ * the icon to a cross icon.
+ * @see Action
+ */
+export declare const DeleteAction: import("react").FC<ActionProps>;
+/**
+ * Creates a EditAction component. Accepts default ActionProps, but defaults
+ * the icon to an edit (pencil) icon.
+ * @see Action
+ */
+export declare const EditAction: import("react").FC<ActionProps>;
+/**
+ * Creates a PreviewAction component. Accepts default PreviewActionProps, and defaults
+ * to the text 'Preview' inside the button.
+ * @see Action
+ */
+export declare const PreviewAction: import("react").FC<PreviewActionProps>;
+/**
+ * Creates a ViewAction component. Accepts default ViewActionProps, and defaults
+ * to the text 'View' inside the button.
+ * @see Action
+ */
+export declare const ViewAction: import("react").FC<ViewActionProps>;
+/**
+ * Creates a DownloadAction component. Accepts default DownloadActionProps, and defaults
+ * to the text 'Download' inside the button.
+ * @see Action
+ */
+export declare const DownloadAction: import("react").FC<DownloadActionProps>;
+/**
+ * Creates a CustomAction component. Accepts default ActionProps. Required to provide
+ * your own icon or text.
+ * @see Action
+ */
+export declare const CustomAction: import("react").FC<ActionProps>;

package/dist/types-ts4.0/view/FlexibleCard/components/actions/utils.d.ts

@@ -0,0 +1,4 @@
+import { ActionName } from '../../../../constants';
+import React from 'react';
+export declare const createDataAction: <P extends {}>(name: ActionName) => React.FC<P>;
+export declare const createUIAction: <P extends {}>(name: ActionName) => React.FC<P>;