@atlaskit/smart-card 22.2.0 → 22.2.1

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

@@ -0,0 +1,124 @@
+/// <reference types="react" />
+import { BadgeProps } from './badge/types';
+import { IconProps } from './icon/types';
+import { LinkProps } from './link/types';
+import { LozengeProps } from './lozenge/types';
+import { AvatarGroupProps } from './avatar-group/types';
+import { TextProps } from './text/types';
+import { DateTimeProps } from './date-time/types';
+import { MediaProps } from './media/types';
+/**
+ * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export declare const AuthorGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
+ * @see AvatarGroup
+ */
+export declare const CollaboratorGroup: import("react").FC<AvatarGroupProps>;
+/**
+ * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const CommentCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export declare const CreatedOn: import("react").FC<DateTimeProps>;
+/**
+ * Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
+ * @see Text
+ */
+export declare const CreatedBy: import("react").FC<TextProps>;
+/**
+ * Creates a DueOn Lozenge element using the data from dueOn in the Flexible UI Context.
+ * @see Lozenge
+ */
+export declare const DueOn: import("react").FC<LozengeProps>;
+/**
+ * Creates an element that contains Last Commit hash
+ */
+export declare const LatestCommit: import("react").FC<BadgeProps>;
+/**
+ * Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
+ * @see Icon
+ */
+export declare const LinkIcon: import("react").FC<IconProps>;
+/**
+ * Creates a ModifiedBy Text element using the data from ModifiedBy in the Flexible UI Context.
+ * @see Text
+ */
+export declare const ModifiedBy: import("react").FC<TextProps>;
+/**
+ * Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
+ * @see DateTime
+ */
+export declare const ModifiedOn: import("react").FC<DateTimeProps>;
+/**
+ * Creates a Preview element using the data from Preview in the Flexible UI Context.
+ * @see Preview
+ */
+export declare const Preview: import("react").FC<MediaProps>;
+/**
+ * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const Priority: import("react").FC<BadgeProps>;
+/**
+ * Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ProgrammingLanguage: import("react").FC<BadgeProps>;
+/**
+ * Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const Provider: import("react").FC<BadgeProps>;
+/**
+ * Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ReactCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
+ * @see Text
+ */
+export declare const Snippet: import("react").FC<TextProps>;
+/**
+ * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
+ * @see Text
+ */
+export declare const SourceBranch: import("react").FC<TextProps>;
+/**
+ * Creates a State Lozenge element using the data from State in the Flexible UI Context.
+ * @see Lozenge
+ */
+export declare const State: import("react").FC<LozengeProps>;
+/**
+ * Creates a SubscriberCount Badge element using the data from SubscriberCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const SubscriberCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
+ * @see Text
+ */
+export declare const TargetBranch: import("react").FC<TextProps>;
+/**
+ * Creates a Title Link element using the data from Title in the Flexible UI Context.
+ * This represents the main link text within the Smart Link.
+ * @see Link
+ */
+export declare const Title: import("react").FC<LinkProps>;
+/**
+ * Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const ViewCount: import("react").FC<BadgeProps>;
+/**
+ * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
+ * @see Badge
+ */
+export declare const VoteCount: import("react").FC<BadgeProps>;

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ElementProps } from '../types';
+export declare type LozengeAppearance = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
+export declare type LozengeProps = ElementProps & {
+    /**
+     * Determines the appearance of the Atlaskit lozenge.
+     */
+    appearance?: LozengeAppearance;
+    /**
+     * The text to display within the lozenge.
+     */
+    text?: string | React.ReactNode;
+};

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

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

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

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

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

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

package/dist/types-ts4.0/view/FlexibleCard/components/elements/text/types.d.ts

@@ -0,0 +1,17 @@
+import { ElementProps } from '../types';
+import { MessageProps } from '../../types';
+export declare type TextProps = ElementProps & {
+    /**
+     * Determines the formatted message (i18n) to display.
+     * If this is provided, the content prop will not be displayed.
+     */
+    message?: MessageProps;
+    /**
+     * The raw text content to display.
+     */
+    content?: string;
+    /**
+     * The maximum number of lines the text should span over. Maximum is 2.
+     */
+    maxLines?: number;
+};

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

@@ -0,0 +1,24 @@
+import { SerializedStyles } from '@emotion/core';
+import { ElementName, SmartLinkSize } from '../../../../constants';
+export declare type ElementProps = {
+    /**
+     * Name of the element, can be used as a selector.
+     * E.g. [data-smart-element="Provider"]
+     * @internal
+     */
+    name?: ElementName;
+    /**
+     * Any additional CSS properties to apply to the element.
+     */
+    overrideCss?: SerializedStyles;
+    /**
+     * The size of the element to display.
+     */
+    size?: SmartLinkSize;
+    /**
+     * 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/elements/utils.d.ts

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

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

@@ -0,0 +1,6 @@
+import { MessageDescriptor } from 'react-intl-next';
+export declare type AnchorTarget = '_blank' | '_self' | '_top' | '_parent';
+export declare type MessageProps = {
+    descriptor: MessageDescriptor;
+    values?: Record<string, string>;
+};

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { SerializedStyles } from '@emotion/core';
+import { Spacing } from '@atlaskit/button';
+import { SmartLinkSize } from '../../../constants';
+import { MessageProps } from './types';
+export declare const sizeToButtonSpacing: Record<SmartLinkSize, Spacing>;
+export declare const getFormattedMessage: (message?: MessageProps | undefined) => JSX.Element | undefined;
+export declare const getIconSizeStyles: (width: string) => SerializedStyles;
+export declare const getIconWidth: (size?: SmartLinkSize | undefined) => string;
+export declare const getLinkLineHeight: (size: SmartLinkSize) => string;
+export declare const getLinkSizeStyles: (size: SmartLinkSize) => SerializedStyles;
+export declare const getMaxLineHeight: (size: SmartLinkSize) => 1.5 | 1.75;
+export declare const getMaxLines: (value: number, defaultValue: number, max: number, min: number) => number;
+export declare const getTruncateStyles: (maxLines: number, lineHeight?: string, wordBreak?: 'break-word' | 'break-all') => SerializedStyles;
+export declare const hasWhiteSpace: (str: string) => boolean;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FlexibleCardProps } from './types';
+/**
+ * This represents a Flexible Card: a link represented by a card with metadata.
+ * This is the container in which all Flexible UI Blocks and Elements exist.
+ * Note: TitleBlock is mandatory for a Flexible Card to render.
+ * @see Container
+ */
+declare const FlexibleCard: React.FC<FlexibleCardProps>;
+export default FlexibleCard;

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

@@ -0,0 +1,113 @@
+/// <reference types="react" />
+import { MessageDescriptor } from 'react-intl-next';
+import { CardState } from '@atlaskit/linking-common';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { SmartLinkSize, SmartLinkTheme } from '../../constants';
+import { CardAppearance } from '../../view/Card';
+import { OnResolveCallback } from '../Card/types';
+import { OnErrorCallback } from '../types';
+export declare type FlexibleCardProps = {
+    /**
+     * @internal A unique ID for a Smart Link.
+     */
+    id?: string;
+    /**
+     * Determines the appearance of the Smart Link.
+     * @internal
+     */
+    appearance?: CardAppearance;
+    /**
+     * Determines the status and data of the Smart Link.
+     * @internal
+     */
+    cardState: CardState;
+    /**
+     * The Flexible UI block component(s) to be rendered.
+     * The minimum is a TitleBlock.
+     */
+    children: React.ReactNode;
+    /**
+     * Determines the onClick behaviour of Flexible UI. This will proxy to the
+     * TitleBlock if supplied.
+     */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * Any additional renderers required by Flexible UI. Currently used by icon
+     * to render Emoji.
+     */
+    renderers?: CardProviderRenderers;
+    /**
+     * 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;
+};
+export declare type FlexibleUiOptions = {
+    /**
+     * Determines whether the entire Smart Link container should be clickable.
+     */
+    clickableContainer?: boolean;
+    /**
+     * Determines whether to hide elevation styling.
+     */
+    hideElevation?: boolean;
+    /**
+     * Determines whether to hide css padding styling.
+     */
+    hidePadding?: boolean;
+    /**
+     * Determines whether to hide css background color styling.
+     */
+    hideBackground?: boolean;
+    /**
+     * Determines the default padding and sizing of the underlying blocks and
+     * elements within Flexible UI.
+     */
+    size?: SmartLinkSize;
+    /**
+     * Determines the default theme of the Flexible UI.
+     * Can be Black or Link (default URL blue)
+     */
+    theme?: SmartLinkTheme;
+};
+/**
+ * Retry options used if Smart Link resolves to an errored state.
+ */
+export declare type RetryOptions = {
+    /**
+     * Determines the error message to show.
+     */
+    descriptor?: MessageDescriptor;
+    /**
+     * Determines the onClick behaviour of the error message.
+     */
+    onClick?: ((e: React.MouseEvent<HTMLElement>) => void) | undefined;
+    /**
+     * A list of optional value pairs for string interpolation in the message.
+     */
+    values?: Record<string, string>;
+};

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

@@ -0,0 +1,7 @@
+import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { RetryOptions } from './types';
+import { SmartLinkStatus } from '../../constants';
+import { FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
+export declare const getContextByStatus: (url: string, status?: SmartLinkStatus | undefined, details?: JsonLd.Response<JsonLd.Data.BaseData> | undefined, renderers?: CardProviderRenderers | undefined) => FlexibleUiDataContext | undefined;
+export declare const getRetryOptions: (url: string, status?: SmartLinkStatus | undefined, details?: JsonLd.Response<JsonLd.Data.BaseData> | undefined, onAuthorize?: (() => void) | undefined) => RetryOptions | undefined;

package/dist/types-ts4.0/view/HoverCard/components/HoverCardComponent.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { HoverCardComponentProps } from '../types';
+export declare const hoverCardClassName = "smart-links-hover-preview";
+export declare const HoverCardComponent: FC<HoverCardComponentProps>;

package/dist/types-ts4.0/view/HoverCard/components/HoverCardContent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AnalyticsFacade } from '../../../state/analytics';
+import { LinkAction } from '../../../state/hooks-external/useSmartLinkActions';
+import { ActionItem } from '../../FlexibleCard/components/blocks/types';
+import { HoverCardContentProps } from '../types';
+export declare const getOpenAction: (url: string, analytics: AnalyticsFacade, onActionClick?: ((actionId: string) => void) | undefined) => ActionItem;
+export declare const toFooterActions: (cardActions: LinkAction[], onActionClick?: ((actionId: string) => void) | undefined) => ActionItem[];
+declare const HoverCardContent: React.FC<HoverCardContentProps>;
+export default HoverCardContent;

package/dist/types-ts4.0/view/HoverCard/components/HoverCardLoadingView.d.ts

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

package/dist/types-ts4.0/view/HoverCard/components/SnippetOrPreview.d.ts

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { HoverCardProps } from './types';
+export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "id" | "analyticsContext" | "key"> & import("react").RefAttributes<any>>;

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

@@ -0,0 +1,12 @@
+import { FlexibleUiOptions } from '../FlexibleCard/types';
+export declare const flexibleUiOptions: FlexibleUiOptions;
+export declare const CARD_WIDTH_REM = 24;
+export declare const CARD_GAP_PX = 10;
+export declare const HoverCardContainer: import("@emotion/utils").SerializedStyles;
+export declare const titleBlockCss: import("@emotion/utils").SerializedStyles;
+export declare const metadataBlockCss: import("@emotion/utils").SerializedStyles;
+export declare const footerBlockCss: import("@emotion/utils").SerializedStyles;
+export declare const loadingViewContainer: import("@emotion/utils").SerializedStyles;
+export declare const skeletonContainer: import("@emotion/utils").SerializedStyles;
+export declare const hiddenSnippetStyles: import("@emotion/utils").SerializedStyles;
+export declare const getTransitionStyles: (snippetHeight: number) => import("@emotion/utils").SerializedStyles;

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

@@ -0,0 +1,45 @@
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { ElementItem } from '../FlexibleCard/components/blocks/types';
+import { AnalyticsFacade } from '../../state/analytics';
+import { LinkAction } from '../../state/hooks-external/useSmartLinkActions';
+import { CardState } from '@atlaskit/linking-common';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { AnalyticsHandler } from '../../utils/types';
+import { ReactElement } from 'react';
+import { TitleBlockProps } from '../FlexibleCard/components/blocks/title-block/types';
+import { FlexibleCardProps } from '../FlexibleCard/types';
+import { JsonLd } from 'json-ld-types';
+export interface HoverCardProps extends WithAnalyticsEventsProps {
+    id?: string;
+    url: string;
+    children: ReactElement;
+}
+export interface HoverCardComponentProps extends HoverCardProps {
+    analyticsHandler: AnalyticsHandler;
+    analytics: AnalyticsFacade;
+}
+export declare type PreviewDisplay = 'card' | 'embed';
+export declare type PreviewInvokeMethod = 'keyboard' | 'mouse_hover' | 'mouse_click';
+export interface MetadataOptions {
+    primary: Array<ElementItem>;
+    secondary: Array<ElementItem>;
+    subtitle: Array<ElementItem>;
+}
+export declare type HoverCardContentProps = {
+    id?: string;
+    analytics: AnalyticsFacade;
+    cardActions?: LinkAction[];
+    cardState: CardState;
+    renderers?: CardProviderRenderers;
+    onActionClick: (actionId: string) => void;
+    onResolve: () => void;
+    url: string;
+};
+export declare type HoverCardLoadingViewProps = {
+    flexibleCardProps: FlexibleCardProps;
+    titleBlockProps: TitleBlockProps;
+};
+export declare type SnippetOrPreviewProps = {
+    data: JsonLd.Data.BaseData;
+    snippetHeight: number;
+};

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

@@ -0,0 +1,3 @@
+import { JsonLd } from 'json-ld-types';
+export declare const SMART_CARD_ANALYTICS_DISPLAY = "flexible";
+export declare const getSimulatedMetadata: (extensionKey?: string, types?: JsonLd.Primitives.ObjectType[]) => JsonLd.Primitives.Property<any>;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface InlineCardErroredViewProps {
+    /** The url to display */
+    url: string;
+    /** The error message to display */
+    message: string;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** What to do when a user clicks "Try again" button */
+    onRetry?: () => void;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: 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;
+    icon?: React.ReactNode;
+}
+export declare class InlineCardErroredView extends React.Component<InlineCardErroredViewProps> {
+    handleRetry: (event: React.MouseEvent<HTMLElement>) => void;
+    renderMessage: () => JSX.Element;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { RequestAccessContextProps } from '../../types';
+export interface InlineCardForbiddenViewProps {
+    /** The url to display */
+    url: string;
+    /** The icon of the service (e.g. Dropbox/Asana/Google/etc) to display */
+    icon?: React.ReactNode;
+    /** The name of the service (e.g. Jira/Confluence/Asana/etc) to display */
+    context?: string;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** The optional handler for "Connect" button */
+    onAuthorise?: () => void;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: 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;
+    requestAccessContext?: RequestAccessContextProps;
+}
+export declare class InlineCardForbiddenView extends React.Component<InlineCardForbiddenViewProps> {
+    handleRetry: (event: React.MouseEvent<HTMLElement>) => void;
+    renderForbiddenAccessMessage: () => JSX.Element;
+    renderMessage: () => JSX.Element;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface FrameViewProps {
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** A flag that determines whether the card needs a backgorund or not */
+    withoutBackground?: boolean;
+    withoutHover?: boolean;
+    children?: React.ReactNode;
+    link?: string;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** 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;
+    className?: string;
+}
+export declare const Frame: React.FC<FrameViewProps>;

package/dist/types-ts4.0/view/InlineCard/Frame/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface WrapperProps {
+    isSelected?: boolean;
+    isInteractive?: boolean;
+    withoutHover?: boolean;
+    withoutBackground?: boolean;
+}
+export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, WrapperProps, object>;

package/dist/types-ts4.0/view/InlineCard/Icon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Icon: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement>, keyof import("react").ImgHTMLAttributes<HTMLImageElement>>, object>;
+export declare const AKIconWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const Shimmer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface IconAndTitleLayoutProps {
+    emoji?: React.ReactNode;
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    right?: React.ReactNode;
+    titleColor?: string;
+    titleTextColor?: string;
+    children?: React.ReactNode;
+    defaultIcon?: React.ReactNode;
+    testId?: string;
+}
+export declare class IconAndTitleLayout extends React.Component<IconAndTitleLayoutProps> {
+    private renderAtlaskitIcon;
+    private renderImageIcon;
+    private renderIconPlaceholder;
+    renderIcon(testId: string): JSX.Element;
+    render(): JSX.Element;
+}