@atlaskit/smart-card 22.2.0 → 22.3.0

package/dist/types-ts4.0/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-ts4.0/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-ts4.0/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-ts4.0/view/BlockCard/actions/PreviewAction.d.ts

@@ -0,0 +1,32 @@
+import React, { ErrorInfo } from 'react';
+import { LinkingPlatformFeatureFlags } from '@atlaskit/linking-common';
+import { AnalyticsFacade } from '../../../state/analytics';
+import { EmbedModalWithExperimentProps } from '../../EmbedModal/types';
+import { ActionProps } from '../components/Action';
+import { IconProps } from '../../common/Icon';
+import { MetadataProps } from '../../common/Metadata';
+import { AnalyticsOrigin } from '../../../utils/types';
+export interface PreviewFunctionArg extends EmbedModalWithExperimentProps {
+    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;
+    featureFlags?: Partial<LinkingPlatformFeatureFlags>;
+    analytics: AnalyticsFacade;
+    origin?: AnalyticsOrigin;
+};
+declare const _default: ({ details, ...rest }: PreviewInfo) => ActionProps;
+export default _default;

package/dist/types-ts4.0/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-ts4.0/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-ts4.0/view/BlockCard/components/Action.d.ts

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

package/dist/types-ts4.0/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-ts4.0/view/BlockCard/components/ActionList.d.ts

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

package/dist/types-ts4.0/view/BlockCard/components/CollaboratorList.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/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.JSX.Element | null;

package/dist/types-ts4.0/view/BlockCard/components/Content.d.ts

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

package/dist/types-ts4.0/view/BlockCard/components/ContentFooter.d.ts

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

package/dist/types-ts4.0/view/BlockCard/components/ContentHeader.d.ts

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

package/dist/types-ts4.0/view/BlockCard/components/Emoji.d.ts

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

package/dist/types-ts4.0/view/BlockCard/components/Frame.d.ts

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+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.JSX.Element;
+export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => jsx.JSX.Element;
+export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/Link.d.ts

@@ -0,0 +1,8 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface LinkProps {
+    url: string;
+    testId?: string;
+    className?: string;
+}
+export declare const Link: ({ url, testId, className }: LinkProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/Name.d.ts

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

package/dist/types-ts4.0/view/BlockCard/components/Provider.d.ts

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

package/dist/types-ts4.0/view/BlockCard/components/Thumbnail.d.ts

@@ -0,0 +1,10 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export interface ImageProps {
+    src: string;
+    color?: string;
+    testId?: string;
+}
+export declare const Thumbnail: (props: ImageProps) => jsx.JSX.Element;
+export declare const ThumbnailDefault: ({ src, testId }: ImageProps) => jsx.JSX.Element;
+export declare const ThumbnailWithBackground: ({ src, color, testId }: ImageProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/UnresolvedText.d.ts

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

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { BlockCardProps } from './types';
+import { AuthorizeAction } from './actions/AuthorizeAction';
+import { ForbiddenAction } from './actions/ForbiddenAction';
+import { ResolvedView as BlockCardResolvedView } 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 { default as PreviewAction } from './actions/PreviewAction';
+export type { ResolvedViewProps as BlockCardResolvedViewProps } from './views/ResolvedView';
+export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView, };
+export declare const BlockCard: FC<BlockCardProps>;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { CardAuthFlowOpts, CardProviderRenderers } from '@atlaskit/link-provider';
+import { CardState } from '../../state/types';
+import { InvokeHandler } from '../../model/invoke-handler';
+import { CardPlatform, OnResolveCallback } from '../Card/types';
+import { OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+export declare type BlockCardProps = {
+    id: string;
+    url: string;
+    cardState: CardState;
+    authFlow?: CardAuthFlowOpts['authFlow'];
+    handleAuthorize: (() => void) | undefined;
+    handleErrorRetry: () => void;
+    handleInvoke: InvokeHandler;
+    handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    isSelected?: boolean;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    testId?: string;
+    showActions?: boolean;
+    renderers?: CardProviderRenderers;
+    platform?: CardPlatform;
+    analytics: AnalyticsFacade;
+};

package/dist/types-ts4.0/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-ts4.0/view/BlockCard/utils/handlers.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+/// <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;
+}
+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.0/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.0/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.0/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" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export type { CardAppearance, CardProps, CardPlatform };

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

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { CardAppearance, CardPlatform } from '@atlaskit/linking-common';
+import { AnalyticsFacade } from '../../state/analytics';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+export type { CardAppearance, CardPlatform };
+export declare type CardInnerAppearance = CardAppearance | 'preview' | 'flexible';
+export declare type OnResolveCallback = (data: {
+    url?: string;
+    title?: string;
+    aspectRatio?: number;
+}) => void;
+export interface CardProps extends WithAnalyticsEventsProps {
+    appearance: CardAppearance;
+    id?: string;
+    platform?: CardPlatform;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    importer?: (target: any) => void;
+    container?: HTMLElement;
+    data?: any;
+    url?: string;
+    testId?: string;
+    showActions?: boolean;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    inheritDimensions?: boolean;
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
+    showHoverPreview?: boolean;
+    analyticsEvents?: AnalyticsFacade;
+    placeholder?: string;
+}

package/dist/types-ts4.0/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.0/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.0/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.0/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.0/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.0/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.0/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.0/view/CardWithUrl/component.d.ts

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

package/dist/types-ts4.0/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.0/view/CardWithUrl/types.d.ts

@@ -0,0 +1,29 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardAppearance, CardPlatform, OnResolveCallback } from '../Card/types';
+import { AnalyticsHandler } from '../../utils/types';
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+import { AnalyticsFacade } from '../../state/analytics';
+export declare type CardWithUrlContentProps = {
+    id: string;
+    url: string;
+    appearance: CardAppearance;
+    platform?: CardPlatform;
+    onClick?: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    isFrameVisible?: boolean;
+    container?: HTMLElement;
+    dispatchAnalytics: AnalyticsHandler;
+    testId?: string;
+    onResolve?: OnResolveCallback;
+    onError?: OnErrorCallback;
+    showActions?: boolean;
+    inheritDimensions?: boolean;
+    embedIframeRef?: React.Ref<HTMLIFrameElement>;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    ui?: FlexibleUiOptions;
+    children?: React.ReactNode;
+    showHoverPreview?: boolean;
+    analyticsEvents?: AnalyticsFacade;
+    placeholder?: string;
+};

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