@atlaskit/smart-card 23.3.0 → 23.4.0

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

@@ -1,19 +0,0 @@
-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

@@ -1,13 +0,0 @@
-/// <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

@@ -1,30 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,14 +0,0 @@
-/// <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

@@ -1,20 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,9 +0,0 @@
-/// <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

@@ -1,21 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

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

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

@@ -1,26 +0,0 @@
-/// <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

@@ -1,12 +0,0 @@
-/// <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

@@ -1,10 +0,0 @@
-/// <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

@@ -1,11 +0,0 @@
-/** @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

@@ -1,10 +0,0 @@
-/// <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

@@ -1,9 +0,0 @@
-/** @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/utils.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,29 +0,0 @@
-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;