@atlaskit/smart-card 22.2.0 → 22.3.0

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;
+}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconWrapper: 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 EmojiWrapper: 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 IconTitleWrapper: 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 LozengeWrapper: 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 LozengeBlockWrapper: 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 RightIconPositionWrapper: 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 IconPositionWrapper: 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 IconEmptyWrapper: 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 TitleWrapperClassName = "smart-link-title-wrapper";
+export declare const TitleWrapper: 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/ResolvedView/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { LozengeProps } from '../../../types';
+export interface InlineCardResolvedViewProps {
+    /** A unique ID for a Smart Link. */
+    id?: string;
+    /** The optional con of the service (e.g. Dropbox/Asana/Google/etc) to display */
+    icon?: React.ReactNode;
+    /** The name of the resource */
+    title?: string;
+    /** The the optional lozenge that might represent the statux of the resource */
+    lozenge?: LozengeProps;
+    /** A flag that determines whether the card is selected in edit mode. */
+    isSelected?: boolean;
+    /** The optional url */
+    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;
+    /** The color of the title text only (not including the icon) */
+    titleTextColor?: string;
+    /** The Emoji icon prefix that was added to the title text via Add emoji button */
+    titlePrefix?: React.ReactNode;
+    /** Enables showing a custom preview on hover of link */
+    showHoverPreview?: boolean;
+}
+export declare class InlineCardResolvedView extends React.Component<InlineCardResolvedViewProps> {
+    renderLozenge(): JSX.Element | null;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { InlinePreloaderStyle } from '../../types';
+export interface InlineCardResolvingViewProps {
+    /** The url to display */
+    url: string;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** 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;
+    titleTextColor?: string;
+    withoutHover?: boolean;
+}
+export declare class InlineCardResolvingView extends React.Component<InlineCardResolvingViewProps> {
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const SpinnerWrapper: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    theme?: object | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    theme?: object | undefined;
+} & {
+    children?: import("react").ReactNode;
+}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme">, object>;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface InlineCardUnauthorizedViewProps {
+    /** The url to display */
+    url: string;
+    /** The icon of the service (e.g. Dropbox/Asana/Google/etc) to display */
+    icon?: React.ReactNode;
+    /** The optional click handler */
+    onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** What to do when a user hit "Try another account" 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;
+}
+export declare class InlineCardUnauthorizedView extends React.Component<InlineCardUnauthorizedViewProps> {
+    handleConnectAccount: (event: React.MouseEvent<HTMLElement>) => void;
+    renderMessage: () => JSX.Element;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { InlineCardProps } from './types';
+import { InlineCardErroredView } from './ErroredView';
+import { InlineCardForbiddenView } from './ForbiddenView';
+import { InlineCardResolvedView } from './ResolvedView';
+import { InlineCardResolvingView } from './ResolvingView';
+import { InlineCardUnauthorizedView } from './UnauthorisedView';
+export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView, };
+export declare const InlineCard: FC<InlineCardProps>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const IconStyledButton: 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 NoLinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
+    __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
+}>;
+export declare const LowercaseAppearance: 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 LinkAppearance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
+    __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
+}>;

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

@@ -0,0 +1,21 @@
+import { EventHandler, MouseEvent, KeyboardEvent } from 'react';
+import { CardProviderRenderers } from '@atlaskit/link-provider';
+import { CardState } from '../../state/types';
+import { InlinePreloaderStyle, OnErrorCallback } from '../types';
+export declare type InlineCardProps = {
+    id: string;
+    url: string;
+    cardState: CardState;
+    handleAuthorize: (() => void) | undefined;
+    handleFrameClick: EventHandler<MouseEvent | KeyboardEvent>;
+    isSelected?: boolean;
+    testId?: string;
+    onResolve?: (data: {
+        url?: string;
+        title?: string;
+    }) => void;
+    onError?: OnErrorCallback;
+    inlinePreloaderStyle?: InlinePreloaderStyle;
+    renderers?: CardProviderRenderers;
+    showHoverPreview?: boolean;
+};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FrameViewProps } from '../InlineCard/Frame';
+export interface CardLinkViewProps extends FrameViewProps {
+    placeholder?: string;
+}
+export declare class CardLinkView extends React.PureComponent<CardLinkViewProps> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.0/view/SmartLinkEvents/useSmartLinkEvents.d.ts

@@ -0,0 +1,2 @@
+import { SmartLinkEvents } from '../../utils/analytics/analytics';
+export declare function useSmartLinkEvents(): SmartLinkEvents;

package/dist/types-ts4.0/view/__mocks__/intersection-observer.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="jest" />
+interface MockEntry {
+    isIntersecting: boolean;
+}
+export interface MockIntersectionObserverOpts {
+    getMockEntries: () => MockEntry[];
+    disconnect: jest.Mock;
+    takeRecords?: jest.Mock;
+    unobserve?: jest.Mock;
+}
+export declare const MockIntersectionObserverFactory: (mockIntersectionObserverOpts: MockIntersectionObserverOpts) => {
+    new (callback: IntersectionObserverCallback): {
+        readonly root: Element | null;
+        readonly rootMargin: string;
+        readonly thresholds: ReadonlyArray<number>;
+        previousMockEntries: MockEntry[];
+        callback: IntersectionObserverCallback;
+        observe(_element: HTMLElement): void;
+        callIntersectionObserverCallback: () => void;
+        checkIntersection: () => void;
+        disconnect: jest.Mock<any, any>;
+        takeRecords: jest.Mock<any, any>;
+        unobserve: jest.Mock<any, any>;
+    };
+};
+export {};

package/dist/types-ts4.0/view/__mocks__/intersection-observer.mock.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="jest" />
+export declare class MockIntersectionObserver implements IntersectionObserver {
+    callback: IntersectionObserverCallback;
+    readonly root: Element | null;
+    readonly rootMargin: string;
+    readonly thresholds: ReadonlyArray<number>;
+    constructor(callback: IntersectionObserverCallback);
+    observe(_element: HTMLElement): void;
+    disconnect: jest.Mock<any, any>;
+    takeRecords: jest.Mock<any, any>;
+    unobserve: jest.Mock<any, any>;
+}

package/dist/types-ts4.0/view/common/Byline.d.ts

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

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

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

package/dist/types-ts4.0/view/common/Metadata.d.ts

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

package/dist/types-ts4.0/view/common/MetadataList.d.ts

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

package/dist/types-ts4.0/view/common/Modal.d.ts

@@ -0,0 +1,26 @@
+import React, { ErrorInfo } from 'react';
+import { IconProps } from './Icon';
+import { MetadataListProps } from './MetadataList';
+import { EmbedModalContext } from '../EmbedModal/types';
+export interface ModalProps {
+    onClose: (context: EmbedModalContext) => void;
+    onOpen?: (context: EmbedModalContext) => 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 const _default: React.FC<import("../EmbedModal/types").EmbedModalProps & import("../EmbedModal/components/analytics/types").WithAnalytics>;
+export default _default;

package/dist/types-ts4.0/view/common/ModalHeader.d.ts

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

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { CardType } from '@atlaskit/linking-common';
+import { ActionProps } from './BlockCard/components/Action';
+import { RequestAccessMessageKey } from '../messages';
+export interface WithShowControlMethodProp {
+    showControls?: () => void;
+}
+export interface ContextViewModel {
+    icon?: ReactNode;
+    text: string;
+}
+export declare type AccessTypes = 'REQUEST_ACCESS' | 'PENDING_REQUEST_EXISTS' | 'FORBIDDEN' | 'DIRECT_ACCESS' | 'DENIED_REQUEST_EXISTS' | 'APPROVED_REQUEST_EXISTS' | 'ACCESS_EXISTS';
+export interface AccessContext {
+    accessType?: AccessTypes;
+    cloudId?: string;
+    url?: string;
+    smartLinksAccessMetadataExperimentCohort?: 'experiment' | 'control' | 'not-enrolled';
+}
+export interface RequestAccessContextProps extends AccessContext {
+    action?: ActionProps;
+    callToActionMessageKey?: RequestAccessMessageKey;
+    descriptiveMessageKey?: RequestAccessMessageKey;
+}
+export declare type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
+export declare type ErrorCardType = 'errored' | 'fallback' | 'forbidden' | 'not_found' | 'unauthorized';
+export declare type OnErrorCallback = (data: {
+    status: Extract<CardType, ErrorCardType>;
+    url: string;
+}) => void;

package/hooks/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/hooks.js",
   "module:es2019": "../dist/es2019/hooks.js",
   "sideEffects": false,
-  "types": "../dist/types/hooks.d.ts"
+  "types": "../dist/types/hooks.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/hooks.d.ts"
+      ]
+    }
+  }
 }

package/in-product/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/in-product.js",
   "module:es2019": "../dist/es2019/in-product.js",
   "sideEffects": false,
-  "types": "../dist/types/in-product.d.ts"
+  "types": "../dist/types/in-product.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/in-product.d.ts"
+      ]
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "22.2.0",
+  "version": "22.3.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.ts",
   "atlassian": {
@@ -24,29 +31,29 @@
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.0.0",
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/avatar": "^21.0.0",
-    "@atlaskit/avatar-group": "^9.0.0",
+    "@atlaskit/avatar": "^21.1.0",
+    "@atlaskit/avatar-group": "^9.1.0",
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/dropdown-menu": "^11.5.0",
-    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/icon": "^21.11.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/linking-common": "^1.8.0",
-    "@atlaskit/logo": "^13.9.0",
+    "@atlaskit/linking-common": "^1.9.0",
+    "@atlaskit/logo": "^13.10.0",
     "@atlaskit/lozenge": "^11.2.0",
     "@atlaskit/media-common": "^2.16.0",
-    "@atlaskit/modal-dialog": "^12.3.0",
+    "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/outbound-auth-flow-client": "^3.3.0",
-    "@atlaskit/popup": "^1.4.0",
+    "@atlaskit/popup": "^1.5.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
-    "@atlaskit/tooltip": "^17.5.2",
+    "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/core": "^10.0.9",
+    "@emotion/react": "^11.7.1",
     "@emotion/styled": "^10.0.7",
     "@formatjs/intl-utils": "^3.8.4",
     "facepaint": "^1.2.1",
@@ -58,39 +65,39 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.2.6",
+    "@atlaskit/link-provider": "^1.2.9",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/avatar": "^21.0.0",
-    "@atlaskit/checkbox": "^12.3.0",
-    "@atlaskit/code": "^14.3.0",
+    "@atlaskit/avatar": "^21.1.0",
+    "@atlaskit/checkbox": "^12.4.0",
+    "@atlaskit/code": "^14.4.0",
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/field-base": "^15.0.6",
-    "@atlaskit/form": "^8.5.0",
+    "@atlaskit/form": "^8.6.0",
     "@atlaskit/inline-message": "^11.4.0",
     "@atlaskit/lozenge": "^11.2.0",
     "@atlaskit/media-integration-test-helpers": "^2.6.0",
     "@atlaskit/media-test-helpers": "^30.0.0",
     "@atlaskit/page": "^12.2.0",
     "@atlaskit/radio": "^5.4.0",
-    "@atlaskit/range": "^6.0.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/range": "^6.1.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/select": "^15.7.0",
     "@atlaskit/table-tree": "^9.2.0",
     "@atlaskit/tabs": "^13.3.0",
-    "@atlaskit/textarea": "^4.3.0",
-    "@atlaskit/textfield": "^5.2.0",
+    "@atlaskit/textarea": "^4.5.0",
+    "@atlaskit/textfield": "^5.3.0",
     "@atlaskit/toggle": "^12.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^1.1.0",
-    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.3",
     "@types/enzyme": "^3.1.15",
     "@types/lorem-ipsum": "^1.0.2",
     "@types/react": "^16.8.0",
@@ -110,7 +117,7 @@
     "react-intl-next": "npm:react-intl@^5.18.1",
     "react-test-renderer": "^16.8.0",
     "ts-jest": "26.5.6",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "xhr-mock": "^2.4.0"
   },
   "af:exports": {