@atlaskit/smart-card 26.34.3 → 26.35.0

package/dist/types-ts4.5/view/BlockCard/views/ResolvedView.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { AvatarClickEventHandler } from '@atlaskit/avatar';
+import { Collaborator } from '../components/CollaboratorList';
+import { IconProps } from '../../common/Icon';
+import { ActionProps } from '../components/Action';
+import { MetadataProps } from '../../common/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;
+    /** It determines whether a link source supports different design theme modes */
+    isSupportTheming?: 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.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/ResolvingView.d.ts

@@ -0,0 +1,9 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/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.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/UnauthorizedView.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { ActionProps } from '../components/Action';
+import { IconProps } from '../../common/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.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleErroredView.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleForbiddenView.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleForbiddenViewOld.d.ts

@@ -0,0 +1,8 @@
+import { FlexibleBlockCardProps } from './types';
+/**
+ * @private
+ * @deprecated {@link https://product-fabric.atlassian.net/browse/EDM-7977 Internal documentation for deprecation (no external access)}
+ * @deprecated Replaced by FlexibleForbiddenView
+ */
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleNotFoundView.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleResolvedView.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

package/dist/types-ts4.5/view/BlockCard/views/flexible/FlexibleUnauthorisedView.d.ts

@@ -0,0 +1,3 @@
+import { FlexibleBlockCardProps } from './types';
+declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export default _default;

package/dist/types-ts4.5/view/BlockCard/views/flexible/styled.d.ts

@@ -0,0 +1,5 @@
+export declare const metadataBlockCss: import("@emotion/react").SerializedStyles;
+export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
+export declare const footerBlockCss: import("@emotion/react").SerializedStyles;
+export declare const flexibleBlockCardStyle: import("@emotion/react").SerializedStyles;
+export declare const forbiddenViewTitleStyle: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/view/BlockCard/views/flexible/types.d.ts

@@ -0,0 +1,83 @@
+/// <reference types="react" />
+import { CardState } from '@atlaskit/linking-common';
+import { OnErrorCallback } from '../../../types';
+import { FlexibleUiOptions } from '../../../FlexibleCard/types';
+import { OnResolveCallback } from '../../../Card/types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { AnalyticsFacade } from '../../../../state/analytics';
+import { AnchorTarget } from '../../../FlexibleCard/components/types';
+import { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
+export type FlexibleBlockCardProps = {
+    /**
+     * An AnalyticsFacade object used for calling analytics.
+     */
+    analytics: AnalyticsFacade;
+    /**
+     * Determines the anchor target to be passed to the title block.
+     */
+    anchorTarget?: AnchorTarget;
+    /**
+     * Determines the status and data of the Smart Link.
+     * @internal
+     */
+    cardState: CardState;
+    /**
+     * Provides the extensionKey of a Smart Link resolver invoked.
+     */
+    extensionKey?: string;
+    /**
+     * A unique id for this Smart Link instance, used for analytics.
+     */
+    id?: string;
+    /**
+     * An additional action that can be performed when link is not resolved, e.g.
+     * connect account to gain access to 403 link.
+     * @internal
+     */
+    onAuthorize?: () => void;
+    /**
+     * Determines the onClick behaviour of Flexible UI. This will proxy to the
+     * TitleBlock if supplied.
+     */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /**
+     * function to be called after a flexible card has rendered its error states
+     */
+    onError?: OnErrorCallback;
+    /**
+     * function to be called after a flexible card has rendered its resolved state
+     */
+    onResolve?: OnResolveCallback;
+    /**
+     * A name of the provider, needed to specify to user which account has to be connected
+     */
+    providerName?: string;
+    /**
+     * Any additional renderers required by Flexible UI. Currently used by icon
+     * to render Emoji.
+     */
+    renderers?: CardProviderRenderers;
+    /**
+     * Determines whether to show available server actions.
+     */
+    showServerActions?: boolean;
+    /**
+     * 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;
+    /**
+     * Determines the appearance of Flexible UI.
+     * @see FlexibleUiOptions
+     */
+    ui?: FlexibleUiOptions;
+    /**
+     * Determines the URL of the Smart Link.
+     */
+    url: string;
+    /**
+     * Determines a style of the Title Block.
+     */
+    titleBlockProps?: TitleBlockProps;
+};

package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/index.d.ts

@@ -0,0 +1,10 @@
+import { JsonLd } from 'json-ld-types';
+import { ElementItem } from '../../../../FlexibleCard/components/blocks/types';
+export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
+export declare const getSimulatedMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
+type SimulatedMetadata = {
+    titleMetadata: ElementItem[];
+    topMetadata: ElementItem[];
+    bottomMetadata?: ElementItem[];
+};
+export {};

package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { FlexibleBlockCardProps } from '../types';
+export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.FC<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/Card/index.d.ts

@@ -0,0 +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<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "container" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "showServerActions" | "onResolve" | "ui" | "showHoverPreview" | "showAuthTooltip" | "platform" | "isFrameVisible" | "frameStyle" | "importer" | "showActions" | "fallbackComponent" | "embedIframeRef" | "embedIframeUrlType" | "inlinePreloaderStyle" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export type { CardAppearance, CardProps, CardPlatform };

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -0,0 +1,84 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { CardAppearance } from '@atlaskit/linking-common';
+import { CardPlatform } from '@atlaskit/link-extractors';
+import { AnalyticsFacade } from '../../state/analytics';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+import { FrameStyle } from '../EmbedCard/types';
+export type { CardAppearance, CardPlatform };
+export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
+export type EmbedIframeUrlType = 'href' | 'interactiveHref';
+export type OnResolveCallback = (data: {
+    url?: string;
+    title?: string;
+    aspectRatio?: number;
+}) => void;
+export interface CardProps extends WithAnalyticsEventsProps {
+    appearance: CardAppearance;
+    id?: string;
+    platform?: CardPlatform;
+    isSelected?: boolean;
+    /**
+     * @deprecated please use 'frameStyle' prop instead. Current usages will be converted in the following manner:
+     * isFrameVisible: true => frameStyle: 'show', isFrameVisible: false => frameStyle: 'showOnHover'
+     */
+    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;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    importer?: (target: any) => void;
+    container?: HTMLElement;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3226 Internal documentation for deprecation (no external access)}
+     * Likely here for legacy reason where editor would store data in ADF instead of resolving it everytime
+     * https://product-fabric.atlassian.net/browse/EDM-6813
+     */
+    data?: any;
+    url?: string;
+    testId?: string;
+    /**
+     * Show client actions, e.g. preview, download, etc.
+     * These actions do not change the link resource.
+     */
+    showActions?: boolean;
+    /**
+     * Show server actions that change the link resource, e.g. update status.
+     */
+    showServerActions?: boolean;
+    onResolve?: OnResolveCallback;
+    /**
+     * A callback function currently invoked in two cases
+     * 1. When the {@link CardState.status} is one of {@link ErrorCardType}. "err" property in argument will be undefined in this case
+     *    This does not mean that smart card failed to render.
+     * 2. When there is any unhandled error inside smart card while rendering, resulting in failure to render smart card succesfully.
+     *    "err" property in argument will be provided in this case.
+     *    Presence of an err property indicates that the client should either render their own fallback
+     *    or provide a fallbackComponent prop which will be rendered instead smart card component.
+     *    If fallbackComponent is not provided, smart card will render null
+     */
+    onError?: OnErrorCallback;
+    /**
+     * A component that will be rendered when smart card fails to render
+     * because of uncaught errors
+     */
+    fallbackComponent?: React.ComponentType;
+    /** This props determines if dimensions of an embed card are to be inherited from the parent.
+     * The parent container needs to override a style '.loader-wrapper' and set the desirable height there. (for instance, 'height: 100%')
+     */
+    inheritDimensions?: boolean;
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    embedIframeUrlType?: EmbedIframeUrlType;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
+    showHoverPreview?: boolean;
+    showAuthTooltip?: boolean;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+     * The use of `useSmartLinkAnalytics` external use in conjunction with `analyticsEvents` prop is deprecated and may be removed in future releases.
+     * Please avoid using this prop.
+     */
+    analyticsEvents?: AnalyticsFacade;
+    placeholder?: string;
+}

package/dist/types-ts4.5/view/CardWithData/component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CardWithDataContentProps as Props } from './types';
+export declare class CardWithDataContent extends React.Component<Props> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/view/CardWithData/loader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CardProps } from '../Card/types';
+import { CardWithDataContent as CardWithDataContentType } from './component';
+export declare class CardWithDataRenderer extends React.PureComponent<CardProps> {
+    static CardContent: typeof CardWithDataContentType | null;
+    static moduleImporter(target: CardWithDataRenderer): void;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/view/CardWithData/types.d.ts

@@ -0,0 +1,15 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardAppearance, OnResolveCallback } from '../Card/types';
+import { JsonLd } from 'json-ld-types';
+import { InlinePreloaderStyle } from '../types';
+export interface CardWithDataContentProps {
+    id?: string;
+    appearance: CardAppearance;
+    data: JsonLd.Data.BaseData;
+    onClick?: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    onResolve?: OnResolveCallback;
+    showActions?: boolean;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+}

package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LazyFallback.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CardWithUrlContentProps } from '../types';
+export declare const loadingPlaceholderClassName = "smart-link-loading-placeholder";
+export declare const LoadingCardLink: FC<CardWithUrlContentProps>;

package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardWithUrlContentProps } from '../types';
+export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardWithUrlContentProps } from '../types';
+export declare function LazyLazilyRenderCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types-ts4.5/view/CardWithUrl/component-lazy/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardWithUrlContentProps } from '../types';
+export default function LazyCardWithUrlContent(props: CardWithUrlContentProps): JSX.Element;

package/dist/types-ts4.5/view/CardWithUrl/component.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardWithUrlContentProps } from './types';
+export declare const CardWithUrlContent: (props: CardWithUrlContentProps) => JSX.Element;

package/dist/types-ts4.5/view/CardWithUrl/loader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CardProps } from '../Card/types';
+export declare function CardWithURLRenderer(props: CardProps): JSX.Element;

package/dist/types-ts4.5/view/CardWithUrl/types.d.ts

@@ -0,0 +1,38 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardAppearance, CardPlatform, EmbedIframeUrlType, OnResolveCallback } from '../Card/types';
+import { AnalyticsHandler } from '../../utils/types';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+import { FrameStyle } from '../EmbedCard/types';
+export type CardWithUrlContentProps = {
+    id: string;
+    url: string;
+    appearance: CardAppearance;
+    platform?: CardPlatform;
+    onClick?: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    frameStyle?: FrameStyle;
+    container?: HTMLElement;
+    /**
+     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}
+     * Avoid prop drilling analytics handlers
+     */
+    dispatchAnalytics?: AnalyticsHandler;
+    testId?: string;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    showActions?: boolean;
+    showServerActions?: boolean;
+    inheritDimensions?: boolean;
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    embedIframeUrlType?: EmbedIframeUrlType;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
+    showHoverPreview?: boolean;
+    showAuthTooltip?: boolean;
+    analyticsEvents?: AnalyticsFacade;
+    placeholder?: string;
+};

package/dist/types-ts4.5/view/EmbedCard/EmbedResizeMessageListener.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    embedIframeRef: React.RefObject<HTMLIFrameElement>;
+    onHeightUpdate: (height: number) => void;
+}
+interface State {
+}
+export declare class EmbedResizeMessageListener extends React.Component<Props, State> {
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private messageCallback;
+    private onEmbedHeightChange;
+    render(): React.ReactNode;
+}
+export {};

package/dist/types-ts4.5/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -0,0 +1,26 @@
+import React, { FC } from 'react';
+import { FrameStyle } from '../types';
+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;
+    /** @deprecated use frameStyle prop */
+    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 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;
+    /** To enable scrolling in use cases where the content will not have it's own scrollbar */
+    allowScrollBar?: boolean;
+}
+export declare const ExpandedFrame: FC<ExpandedFrameProps>;

package/dist/types-ts4.5/view/EmbedCard/components/Frame.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface FrameProps {
+    url?: string;
+    isTrusted?: boolean;
+    testId?: string;
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+    onIframeFocus?: () => void;
+}
+export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLIFrameElement>>;

package/dist/types-ts4.5/view/EmbedCard/components/IframeDwellTracker.d.ts

@@ -0,0 +1,8 @@
+export interface IframeDwellTrackerProps {
+    isIframeLoaded: boolean;
+    isMouseOver: boolean;
+    isWindowFocused: boolean;
+    iframePercentVisible: number;
+    onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;
+}
+export declare const IframeDwellTracker: ({ isIframeLoaded, isMouseOver, isWindowFocused, iframePercentVisible, onIframeDwell, }: IframeDwellTrackerProps) => null;

package/dist/types-ts4.5/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>;

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

@@ -0,0 +1,94 @@
+/// <reference types="react" />
+import { FrameStyle } from '../types';
+export declare const className = "media-card-frame";
+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.5/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.5/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>>;