@atlaskit/smart-card 17.0.1 → 17.1.0

package/dist/types/types.d.ts

@@ -1,5 +1,20 @@
 import { JsonLd } from 'json-ld-types';
+import { AccessContext } from './view/types';
+import { ActionProps } from './view/BlockCard/components/Action';
+import { RequestAccessMessageKey } from '@atlaskit/media-ui/messages';
 export declare type ResolveResponse = JsonLd.Response;
 export type { ProviderProps, CardType } from './state';
 export type { CardProps, CardAppearance, CardPlatform, } from './view/Card/types';
 export type { CardContext } from './state/context/types';
+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 LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
+export interface LozengeProps {
+    text: string;
+    appearance?: LozengeColor;
+    isBold?: boolean;
+}

package/dist/types/utils/analytics/analytics.d.ts

@@ -23,7 +23,7 @@ export declare const trackAppAccountConnected: (definitionId?: string | undefine
 export declare const uiAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiCardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
-export declare const uiActionClickedEvent: (extensionKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => AnalyticsPayload;
+export declare const uiActionClickedEvent: (extensionKey: string, actionType: string, display?: "embed" | "block" | "inline" | "preview" | undefined) => AnalyticsPayload;
 export declare const uiClosedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const screenAuthPopupEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiRenderSuccessEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;

package/dist/types/utils/flexible.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CardAppearance } from '../view/Card';
+export declare const isFlexibleUiCard: (appearance: CardAppearance, children?: React.ReactNode) => boolean;
+export declare const isFlexibleUiBlock: (node: React.ReactNode) => boolean;
+export declare const isFlexibleUiElement: (node: React.ReactNode) => boolean;
+export declare const isFlexibleUiTitleBlock: (node: React.ReactNode) => boolean;

package/dist/types/utils/index.d.ts

@@ -7,3 +7,5 @@ export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEven
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
 export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
 export declare const getLabelForFileType: (fileMimeType: string) => React.ReactNode | undefined;
+export declare const getIframeSandboxAttribute: (isTrusted: boolean) => "allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts" | undefined;
+export declare const handleOnClick: (handler: Function) => (e: React.MouseEvent<HTMLElement>) => void;

package/dist/types/utils/token.d.ts

@@ -0,0 +1,15 @@
+export declare const safeToken: (path: string, fallback?: string | undefined) => any;
+export declare const tokens: {
+    actionIcon: any;
+    background: any;
+    badgeIcon: any;
+    badgeText: any;
+    blackLink: any;
+    blackLinkPressed: any;
+    blueLink: any;
+    blueLinkPressed: any;
+    elevation: any;
+    errorMessage: any;
+    errorMessageHover: any;
+    text: any;
+};

package/dist/types/view/BlockCard/actions/AuthorizeAction.d.ts

@@ -0,0 +1,2 @@
+import { ActionProps } from '../components/Action';
+export declare const AuthorizeAction: (handler: () => void) => ActionProps;

package/dist/types/view/BlockCard/actions/DownloadAction.d.ts

@@ -0,0 +1,8 @@
+import { ActionProps } from '../components/Action';
+export interface DownloadFunctionArg {
+    url?: string;
+}
+export declare function downloadFunction({ url }: DownloadFunctionArg): Promise<void>;
+export declare const DownloadAction: ({ url }: {
+    url?: string | undefined;
+}) => ActionProps;

package/dist/types/view/BlockCard/actions/ForbiddenAction.d.ts

@@ -0,0 +1,2 @@
+import { ActionProps } from '../components/Action';
+export declare const ForbiddenAction: (handler: () => void, id?: string, message?: import("react-intl-next").MessageDescriptor, context?: string) => ActionProps;

package/dist/types/view/BlockCard/actions/PreviewAction.d.ts

@@ -0,0 +1,26 @@
+import React, { ErrorInfo } from 'react';
+import { ModalProps } from '../components/Modal';
+import { ActionProps } from '../components/Action';
+import { IconProps } from '../components/Icon';
+import { MetadataProps } from '../components/Metadata';
+export interface PreviewFunctionArg extends ModalProps {
+    popupMountPointId: string;
+}
+export declare function previewFunction({ popupMountPointId, onClose, ...rest }: PreviewFunctionArg): Promise<void>;
+declare type PreviewInfo = {
+    src?: string;
+    testId?: string;
+    details?: Array<MetadataProps>;
+    icon?: IconProps;
+    url?: string;
+    title?: string;
+    providerName?: string;
+    download?: string;
+    byline?: React.ReactNode;
+    onViewActionClick?: () => void;
+    onDownloadActionClick?: () => void;
+    onOpen?: () => void;
+    onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
+};
+declare const _default: ({ details, ...rest }: PreviewInfo) => ActionProps;
+export default _default;

package/dist/types/view/BlockCard/actions/RetryAction.d.ts

@@ -0,0 +1,2 @@
+import { ActionProps } from '../components/Action';
+export declare const RetryAction: (handler: () => void) => ActionProps;

package/dist/types/view/BlockCard/actions/ViewAction.d.ts

@@ -0,0 +1,8 @@
+import { ActionProps } from '../components/Action';
+export interface ViewFunctionArg {
+    url?: string;
+}
+export declare function viewFunction({ url }: ViewFunctionArg): Promise<void>;
+export declare const ViewAction: ({ url }: {
+    url?: string | undefined;
+}) => ActionProps;

package/dist/types/view/BlockCard/components/Action.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Appearance } from '@atlaskit/button/types';
+export interface ActionProps {
+    id: string;
+    text: React.ReactNode;
+    promise: () => Promise<any>;
+    buttonAppearance?: Appearance;
+}
+export declare type ActionState = 'init' | 'loading' | 'success' | 'failure';
+export declare const spinnerDelay = 1000;
+export declare const Action: ({ promise, text, buttonAppearance, id, }: ActionProps) => JSX.Element;

package/dist/types/view/BlockCard/components/ActionIcon.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ActionState } from './Action';
+export declare const spinnerStyles: {
+    readonly display: "flex";
+    readonly position: "absolute";
+    readonly left: "50%";
+    readonly top: "50%";
+    readonly transform: "translate(-50%, -50%)";
+};
+export declare const ActionIcon: ({ state }: {
+    state: ActionState;
+}) => JSX.Element | null;

package/dist/types/view/BlockCard/components/ActionList.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ActionProps } from './Action';
+export interface ActionListProps {
+    items: Array<ActionProps>;
+}
+export declare const ActionList: ({ items }: ActionListProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Byline.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface BylineProps {
+    text?: React.ReactNode;
+    testId?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const Byline: ({ text, children, testId, className }: BylineProps) => JSX.Element;

package/dist/types/view/BlockCard/components/CollaboratorList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { AvatarClickEventHandler } from '@atlaskit/avatar';
+export interface Collaborator {
+    src?: string;
+    name: string;
+}
+export interface CollaboratorListProps {
+    items: Collaborator[];
+    handleAvatarClick: AvatarClickEventHandler;
+    handleMoreAvatarsClick: React.MouseEventHandler;
+    testId?: string;
+}
+export declare const CollaboratorList: ({ items, handleAvatarClick, handleMoreAvatarsClick, testId, }: CollaboratorListProps) => JSX.Element | null;

package/dist/types/view/BlockCard/components/Content.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ContentProps {
+    children: React.ReactNode;
+    isCompact?: boolean;
+}
+export declare const blockCardContentClassName = "block-card-content";
+export declare const Content: ({ children, isCompact }: ContentProps) => JSX.Element;

package/dist/types/view/BlockCard/components/ContentFooter.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ContentFooterProps {
+    children: React.ReactNode;
+    hasSpaceBetween?: boolean;
+}
+export declare const contentFooterClassName = "smart-link-content-footer";
+export declare const ContentFooter: ({ children, hasSpaceBetween, }: ContentFooterProps) => JSX.Element;

package/dist/types/view/BlockCard/components/ContentHeader.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ContentHeaderProps {
+    onClick: React.MouseEventHandler;
+    link: string;
+    children: React.ReactNode;
+}
+export declare const blockCardContentHeaderClassName = "block-card-content-header";
+export declare const ContentHeader: ({ onClick, link, children, }: ContentHeaderProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Emoji.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface EmojiProps {
+    emoji?: React.ReactNode;
+}
+export declare const Emoji: ({ emoji }: EmojiProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Frame.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface FrameProps {
+    children?: React.ReactNode;
+    compact?: boolean;
+    isSelected?: boolean;
+    isHoverable?: boolean;
+    isFluidHeight?: boolean;
+    testId?: string;
+    className?: string;
+    inheritDimensions?: boolean;
+}
+export declare const Frame: (props?: FrameProps) => JSX.Element;
+export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => JSX.Element;
+export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Icon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface IconProps {
+    url?: string;
+    icon?: React.ReactNode;
+    defaultIcon?: React.ReactNode;
+    testId?: string;
+}
+export declare const blockCardIconImageClassName = "block-card-icon-image";
+export declare const Icon: ({ url, icon, defaultIcon, testId, }: IconProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Link.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface LinkProps {
+    url: string;
+    testId?: string;
+    className?: string;
+}
+export declare const Link: ({ url, testId, className }: LinkProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Metadata.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MetadataProps {
+    text: string;
+    icon?: React.ReactNode;
+    iconUrl?: string;
+    tooltip?: string;
+}
+export declare const Metadata: ({ text, icon, iconUrl, tooltip }: MetadataProps) => JSX.Element;

package/dist/types/view/BlockCard/components/MetadataList.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MetadataProps } from './Metadata';
+export interface MetadataListProps {
+    items: MetadataProps[];
+    testId?: string;
+}
+export declare const metadataListClassName = "smart-link-metadata-list";
+export declare const MetadataList: ({ items, testId }: MetadataListProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Modal.d.ts

@@ -0,0 +1,28 @@
+import React, { ErrorInfo } from 'react';
+import { IconProps } from './Icon';
+import { MetadataListProps } from './MetadataList';
+export interface ModalProps {
+    onClose: () => any;
+    onOpen?: () => void;
+    onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
+    src?: string;
+    showModal?: boolean;
+    iframeName: string;
+    providerName?: string;
+    closeLabel: string;
+    url?: string;
+    title?: string;
+    metadata?: MetadataListProps;
+    icon?: IconProps;
+    download?: string;
+    byline?: React.ReactNode;
+    isTrusted?: boolean;
+    onViewActionClick?: () => void;
+    onDownloadActionClick?: () => void;
+    testId?: string;
+}
+declare class ModalWithErrorBoundary extends React.Component<ModalProps> {
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): JSX.Element;
+}
+export default ModalWithErrorBoundary;

package/dist/types/view/BlockCard/components/ModalHeader.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
+import { IconProps } from './Icon';
+import { MetadataListProps } from './MetadataList';
+export interface HeaderProps extends HeaderComponentProps {
+    title?: string;
+    label: string;
+    metadata?: MetadataListProps;
+    icon?: IconProps;
+    providerName?: string;
+    url?: string;
+    download?: string;
+    byline?: React.ReactNode;
+    onViewActionClick?: () => void;
+    onDownloadActionClick?: () => void;
+}
+export declare const Header: ({ title, label, metadata, icon, providerName, url, download, byline, onViewActionClick, onDownloadActionClick, }: HeaderProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Name.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface NameProps {
+    name: React.ReactNode;
+    isLeftPadded?: boolean;
+    testId?: string;
+    children?: React.ReactNode;
+    textColor?: string;
+}
+export declare const blockCardContentHeaderNameClassName = "block-card-content-header-name";
+export declare const Name: ({ name, isLeftPadded, testId, textColor, }: NameProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Provider.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface ProviderProps {
+    name: string;
+    icon?: React.ReactNode;
+}
+export declare const Provider: ({ name, icon }: ProviderProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Thumbnail.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface ImageProps {
+    src: string;
+    color?: string;
+    testId?: string;
+}
+export declare const Thumbnail: (props: ImageProps) => JSX.Element;
+export declare const ThumbnailDefault: ({ src, testId }: ImageProps) => JSX.Element;
+export declare const ThumbnailWithBackground: ({ src, color, testId }: ImageProps) => JSX.Element;

package/dist/types/view/BlockCard/components/UnresolvedText.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface UnresolvedTextProps {
+    icon: React.ReactNode;
+    text: React.ReactNode;
+}
+export declare const UnresolvedText: ({ icon, text }: UnresolvedTextProps) => JSX.Element;

package/dist/types/view/BlockCard/index.d.ts

@@ -1,3 +1,14 @@
 import { FC } from 'react';
 import { BlockCardProps } from './types';
+export { default as PreviewAction } from './actions/PreviewAction';
+import { AuthorizeAction } from './actions/AuthorizeAction';
+import { ForbiddenAction } from './actions/ForbiddenAction';
+import { ResolvedView as BlockCardResolvedView } from './views/ResolvedView';
+export type { ResolvedViewProps as BlockCardResolvedViewProps } from './views/ResolvedView';
+import { NotFoundView as BlockCardNotFoundView } from './views/NotFoundView';
+import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
+import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
+import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
+import { ErroredView as BlockCardErroredView } from './views/ErroredView';
+export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView, };
 export declare const BlockCard: FC<BlockCardProps>;

package/dist/types/view/BlockCard/utils/constants.d.ts

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

package/dist/types/view/BlockCard/utils/handlers.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const handleClickCommon: (event: React.MouseEvent, onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined) => void;

package/dist/types/view/BlockCard/utils/index.d.ts

@@ -0,0 +1,5 @@
+import facepaint from 'facepaint';
+declare const gs: (times: number) => string;
+declare const br: (times?: number) => string;
+declare const mq: facepaint.DynamicStyleFunction;
+export { gs, br, mq };

package/dist/types/view/BlockCard/views/ErroredView.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface ErroredViewProps {
+    link?: string;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    onRetry?: () => void;
+    message?: string;
+    testId?: string;
+    inheritDimensions?: boolean;
+}
+export declare const blockCardErroredViewClassName = "block-card-errored-view";
+export declare const ErroredView: ({ isSelected, testId, link, onClick, onRetry, inheritDimensions, }: ErroredViewProps) => JSX.Element;

package/dist/types/view/BlockCard/views/ForbiddenView.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ActionProps } from '../components/Action';
+import { IconProps } from '../components/Icon';
+import { RequestAccessContextProps } from '../../types';
+export interface PermissionDeniedProps {
+    actions?: Array<ActionProps>;
+    context?: {
+        icon?: React.ReactNode;
+        text: string;
+    };
+    icon: IconProps;
+    link?: string;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    showActions?: boolean;
+    requestAccessContext?: RequestAccessContextProps;
+}
+export declare const blockCardForbiddenViewClassName = "block-card-forbidden-view";
+export declare const blockCardForbiddenViewLinkClassName = "block-card-forbidden-view-link";
+export declare const ForbiddenView: ({ context, isSelected, actions, testId, showActions, link, onClick, requestAccessContext, }: PermissionDeniedProps) => JSX.Element;

package/dist/types/view/BlockCard/views/NotFoundView.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IconProps } from '../components/Icon';
+export interface NotFoundProps {
+    context?: {
+        icon?: React.ReactNode;
+        text: string;
+    };
+    link?: string;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    icon: IconProps;
+    testId?: string;
+}
+export declare const blockCardNotFoundViewClassName = "block-card-not-found-view";
+export declare const NotFoundView: ({ context, isSelected, testId, link, onClick, }: NotFoundProps) => JSX.Element;

package/dist/types/view/BlockCard/views/ResolvedView.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { AvatarClickEventHandler } from '@atlaskit/avatar';
+import { Collaborator } from '../components/CollaboratorList';
+import { IconProps } from '../components/Icon';
+import { ActionProps } from '../components/Action';
+import { MetadataProps } from '../components/Metadata';
+import { ContextViewModel } from '../../types';
+import { LozengeProps } from '../../../types';
+export interface ResolvedViewProps {
+    context?: ContextViewModel;
+    link?: string;
+    icon: IconProps;
+    details?: Array<MetadataProps>;
+    byline?: React.ReactNode;
+    lozenge?: LozengeProps;
+    thumbnail?: string;
+    title?: string;
+    titleTextColor?: string;
+    users?: Collaborator[];
+    actions?: Array<ActionProps>;
+    handleAvatarClick?: AvatarClickEventHandler;
+    handleMoreAvatarsClick?: React.MouseEventHandler;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    showActions?: boolean;
+    titlePrefix?: React.ReactNode;
+    isTrusted?: boolean;
+}
+export declare const blockCardResolvedViewClassName = "block-card-resolved-view";
+export declare const blockCardResolvedViewByClassName = "block-card-resolved-view-by";
+export declare const ResolvedView: ({ icon, actions, thumbnail, context, title, titleTextColor, titlePrefix, isSelected, users, handleAvatarClick, handleMoreAvatarsClick, onClick, link, byline, lozenge, details, testId, showActions, }: ResolvedViewProps) => JSX.Element;

package/dist/types/view/BlockCard/views/ResolvingView.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ResolvingProps {
+    isSelected?: boolean;
+    testId?: string;
+    inheritDimensions?: boolean;
+}
+export declare const blockCardResolvingViewClassName = "block-card-resolving-view";
+export declare const ResolvingView: ({ isSelected, testId, inheritDimensions, }: ResolvingProps) => JSX.Element;

package/dist/types/view/BlockCard/views/UnauthorizedView.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ActionProps } from '../components/Action';
+import { IconProps } from '../components/Icon';
+export interface UnauthorizedViewProps {
+    actions: ActionProps[];
+    context?: {
+        icon?: React.ReactNode;
+        text: string;
+    };
+    isSelected?: boolean;
+    testId?: string;
+    showActions?: boolean;
+    icon: IconProps;
+    link?: string;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+}
+export declare const UnauthorizedView: ({ context, isSelected, actions, testId, showActions, link, onClick, }: UnauthorizedViewProps) => JSX.Element;

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, "data" | "children" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "forwardedRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "data" | "children" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "key" | "forwardedRef" | "analyticsContext"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "onClick" | "url" | "ui" | "showActions" | "onResolve" | "platform" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "embedIframeRef" | "forwardedRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "onClick" | "analyticsContext" | "key" | "url" | "ui" | "showActions" | "onResolve" | "platform" | "inlinePreloaderStyle" | "isFrameVisible" | "importer" | "container" | "embedIframeRef" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/Card/types.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { JsonLd } from 'json-ld-types';
-import { InlinePreloaderStyle } from '@atlaskit/media-ui/types';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle } from '../types';
 export declare type CardAppearance = 'inline' | 'block' | 'embed';
 export declare type CardInnerAppearance = CardAppearance | 'preview';
 export declare type CardPlatform = JsonLd.Primitives.Platforms;
@@ -26,4 +27,6 @@ export interface CardProps extends WithAnalyticsEventsProps {
     inheritDimensions?: boolean;
     embedIframeRef?: React.Ref<HTMLIFrameElement>;
     inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
 }

package/dist/types/view/CardWithData/types.d.ts

@@ -1,7 +1,7 @@
 import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
 import { CardAppearance, OnResolveCallback } from '../Card/types';
 import { JsonLd } from 'json-ld-types';
-import { InlinePreloaderStyle } from '@atlaskit/media-ui/types';
+import { InlinePreloaderStyle } from '../types';
 export interface CardWithDataContentProps {
     appearance: CardAppearance;
     data: JsonLd.Data.BaseData;

package/dist/types/view/CardWithUrl/component.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CardWithUrlContentProps } from './types';
-export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, platform, onClick, appearance, dispatchAnalytics, onResolve, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, }: CardWithUrlContentProps): JSX.Element;
+export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, platform, onClick, appearance, dispatchAnalytics, onResolve, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, ui, children, }: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/types.d.ts

@@ -1,7 +1,8 @@
 import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
 import { CardAppearance, CardPlatform, OnResolveCallback } from '../Card/types';
 import { AnalyticsHandler } from '../../utils/types';
-import { InlinePreloaderStyle } from '@atlaskit/media-ui/types';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle } from '../types';
 export declare type CardWithUrlContentProps = {
     id: string;
     url: string;
@@ -18,4 +19,6 @@ export declare type CardWithUrlContentProps = {
     inheritDimensions?: boolean;
     embedIframeRef?: React.Ref<HTMLIFrameElement>;
     inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
 };

package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -0,0 +1,23 @@
+import React, { FC } from 'react';
+export interface ExpandedFrameProps {
+    isPlaceholder?: boolean;
+    href?: string;
+    icon?: React.ReactNode;
+    text?: React.ReactNode;
+    minWidth?: number;
+    maxWidth?: number;
+    children?: React.ReactNode;
+    /** 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 flag that determines whether the frame is visible. */
+    isVisible?: boolean;
+    /** The optional click handler */
+    onClick?: (evt: React.MouseEvent) => void;
+    /** For testing purposes only */
+    testId?: string;
+    /** If dimensions of the card are to be inherited from the parent */
+    inheritDimensions?: boolean;
+}
+export declare const ExpandedFrame: FC<ExpandedFrameProps>;

package/dist/types/view/EmbedCard/components/Frame.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FrameProps {
+    url?: string;
+    isTrusted?: boolean;
+    testId?: string;
+}
+export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types/view/EmbedCard/components/ImageIcon.d.ts

@@ -0,0 +1,9 @@
+import React, { FC } from 'react';
+export interface ImageIconProps {
+    alt?: string;
+    size?: number;
+    src?: string;
+    title?: string;
+    default?: React.ReactElement;
+}
+export declare const ImageIcon: FC<ImageIconProps>;