@atlaskit/smart-card 17.0.1 → 17.3.0

package/dist/types/constants.d.ts

@@ -1,6 +1,14 @@
+export declare enum SmartLinkAlignment {
+    Left = "left",
+    Right = "right"
+}
 export declare enum SmartLinkDirection {
-    Horizontal = "Horizontal",
-    Vertical = "Vertical"
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export declare enum SmartLinkPosition {
+    Top = "top",
+    Center = "center"
 }
 export declare enum SmartLinkSize {
     XLarge = "xlarge",
@@ -8,9 +16,41 @@ export declare enum SmartLinkSize {
     Medium = "medium",
     Small = "small"
 }
+export declare enum SmartLinkStatus {
+    Pending = "pending",
+    Resolving = "resolving",
+    Resolved = "resolved",
+    Forbidden = "forbidden",
+    Errored = "errored",
+    NotFound = "not_found",
+    Unauthorized = "unauthorized",
+    Fallback = "fallback"
+}
 export declare enum SmartLinkTheme {
-    Black = "Black",
-    Link = "Link"
+    Black = "black",
+    Link = "link"
+}
+export declare enum SmartLinkWidth {
+    FitToContent = "fit-to-content",
+    Flexible = "flexible"
+}
+export declare enum ElementName {
+    AuthorGroup = "AuthorGroup",
+    CollaboratorGroup = "CollaboratorGroup",
+    CommentCount = "CommentCount",
+    CreatedBy = "CreatedBy",
+    CreatedOn = "CreatedOn",
+    LinkIcon = "LinkIcon",
+    ModifiedBy = "ModifiedBy",
+    ModifiedOn = "ModifiedOn",
+    Priority = "Priority",
+    ProgrammingLanguage = "ProgrammingLanguage",
+    State = "State",
+    SubscriberCount = "SubscriberCount",
+    Title = "Title"
+}
+export declare enum ActionName {
+    DeleteAction = "DeleteAction"
 }
 export declare enum IconType {
     Archive = "FileType:Archive",
@@ -52,5 +92,22 @@ export declare enum IconType {
     SubTask = "Jira:SubTask",
     Task = "Jira:Task",
     Confluence = "Provider:Confluence",
-    Jira = "Provider:Jira"
+    Jira = "Provider:Jira",
+    Default = "Default",
+    Error = "Default:Error",
+    Forbidden = "Default:Forbidden",
+    Comment = "Badge:Comment",
+    PriorityBlocker = "Badge:PriorityBlocker",
+    PriorityCritical = "Badge:PriorityCritical",
+    PriorityHigh = "Badge:PriorityHigh",
+    PriorityHighest = "Badge:PriorityHighest",
+    PriorityLow = "Badge:PriorityLow",
+    PriorityLowest = "Badge:PriorityLowest",
+    PriorityMajor = "Badge:PriorityMajor",
+    PriorityMedium = "Badge:PriorityMedium",
+    PriorityMinor = "Badge:PriorityMinor",
+    PriorityTrivial = "Badge:PriorityTrivial",
+    PriorityUndefined = "Badge:PriorityUndefined",
+    ProgrammingLanguage = "Badge:ProgrammingLanguage",
+    Subscriber = "Badge:Subscriber"
 }

package/dist/types/extractors/block/index.d.ts

@@ -1,8 +1,9 @@
 import { JsonLd } from 'json-ld-types';
-import { BlockCardResolvedViewProps, ActionProps } from '@atlaskit/media-ui';
 import { LinkPerson } from '../common/person/types';
 import { ExtractBlockOpts } from './types';
 import { CardProviderRenderers } from '../../state/context/types';
+import { BlockCardResolvedViewProps } from '../../view/BlockCard';
+import { ActionProps } from '../../view/BlockCard/components/Action';
 export declare const extractBlockActions: (props: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, opts?: ExtractBlockOpts | undefined, platform?: "web" | "mobile" | undefined) => ActionProps[];
 export declare const extractBlockUsers: (jsonLd: JsonLd.Data.BaseData) => LinkPerson[] | undefined;
 export declare const extractBlockProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta | undefined, opts?: ExtractBlockOpts | undefined, renderers?: CardProviderRenderers | undefined, platform?: "web" | "mobile" | undefined) => BlockCardResolvedViewProps;

package/dist/types/extractors/common/actions/extractActions.d.ts

@@ -1,4 +1,4 @@
-import { ActionProps } from '@atlaskit/media-ui';
 import { JsonLd } from 'json-ld-types';
 import { InvokeHandler } from '../../../model/invoke-handler';
+import { ActionProps } from '../../../view/BlockCard/components/Action';
 export declare function extractActions(jsonLd: JsonLd.Data.BaseData, handler: InvokeHandler): ActionProps[];

package/dist/types/extractors/common/actions/extractPreviewAction.d.ts

@@ -1,5 +1,5 @@
-import { BlockCardResolvedViewProps } from '@atlaskit/media-ui';
 import { JsonLd } from 'json-ld-types';
 import { InvokeHandler } from '../../../model/invoke-handler';
 import { AnalyticsHandler } from '../../../utils/types';
-export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("@atlaskit/media-ui").ActionProps | undefined;
+import { BlockCardResolvedViewProps } from '../../../view/BlockCard';
+export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("../../../view/BlockCard/components/Action").ActionProps | undefined;

package/dist/types/extractors/common/context/extractAccessContext.d.ts

@@ -1,5 +1,5 @@
 import { JsonLd } from 'json-ld-types';
-import { RequestAccessContextProps } from '@atlaskit/media-ui';
+import { RequestAccessContextProps } from '../../../view/types';
 export declare const extractRequestAccessContext: ({ jsonLd, url, context, }: {
     jsonLd: JsonLd.Meta.BaseMeta;
     url: string;

package/dist/types/extractors/common/title-prefix/extractTitlePrefix.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { JsonLd } from 'json-ld-types';
 import { CardProviderRenderers } from '../../../state/context/types';
-export declare const extractTitlePrefix: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined, type?: "inline" | "block" | "embed" | undefined) => string | React.ReactNode | undefined;
+export declare const extractTitlePrefix: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined, type?: "embed" | "block" | "inline" | undefined) => string | React.ReactNode | undefined;

package/dist/types/extractors/embed/index.d.ts

@@ -1,3 +1,3 @@
 import { JsonLd } from 'json-ld-types';
-import { EmbedCardResolvedViewProps } from '@atlaskit/media-ui/embeds';
+import { EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
 export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta | undefined, platform?: "web" | "mobile" | undefined) => EmbedCardResolvedViewProps;

package/dist/types/extractors/flexible/collaboratorGroup/index.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { LinkPerson } from '../../common/person/types';
+export declare type LinkTypeUpdatedBy = JsonLd.Data.Document | JsonLd.Data.Project | JsonLd.Data.SourceCodePullRequest | JsonLd.Data.SourceCodeReference | JsonLd.Data.SourceCodeRepository | JsonLd.Data.Task;
+export declare const extractPersonsUpdatedBy: (jsonLd: LinkTypeUpdatedBy) => LinkPerson[] | undefined;

package/dist/types/extractors/flexible/extract-priority.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { Icon } from '../../state/flexible-ui-context/types';
+declare const extractPriority: (data: JsonLd.Data.Task) => Icon | undefined;
+export default extractPriority;

package/dist/types/extractors/flexible/icon/extract-document-type-icon.d.ts

@@ -0,0 +1,3 @@
+import { IconDescriptor } from './types';
+declare const extractDocumentTypeIcon: (documentType: string, label?: string | undefined) => IconDescriptor | undefined;
+export default extractDocumentTypeIcon;

package/dist/types/extractors/flexible/icon/extract-file-formatIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconDescriptor } from './types';
+declare const extractFileFormatIcon: (fileFormat?: string | undefined) => IconDescriptor | undefined;
+export default extractFileFormatIcon;

package/dist/types/extractors/flexible/icon/extract-icon-renderer.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { CardProviderRenderers } from '../../../state/context/types';
+declare const extractIconRenderer: (data: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined) => (() => React.ReactNode) | undefined;
+export default extractIconRenderer;

package/dist/types/extractors/flexible/icon/extract-jira-task-icon.d.ts

@@ -0,0 +1,3 @@
+import { IconDescriptor } from './types';
+declare const extractJiraTaskIcon: (taskType?: string | undefined, label?: string) => IconDescriptor | undefined;
+export default extractJiraTaskIcon;

package/dist/types/extractors/flexible/icon/extract-jsonld-data-icon.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { IconDescriptor } from './types';
+declare const extractJsonldDataIcon: (data: JsonLd.Data.BaseData) => IconDescriptor | undefined;
+export default extractJsonldDataIcon;

package/dist/types/extractors/flexible/icon/extract-provider-icon.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { IconDescriptor } from './types';
+declare const extractProviderIcon: (provider?: string | undefined, icon?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Image | undefined, label?: string | undefined) => IconDescriptor | undefined;
+export default extractProviderIcon;

package/dist/types/extractors/flexible/icon/extract-url-icon.d.ts

@@ -0,0 +1,4 @@
+import { JsonLd } from 'json-ld-types';
+import { IconDescriptor } from './types';
+declare const extractUrlIcon: (icon?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Image | undefined, label?: string | undefined) => IconDescriptor | undefined;
+export default extractUrlIcon;

package/dist/types/extractors/flexible/icon/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { JsonLd } from 'json-ld-types';
+import { IconType, SmartLinkStatus } from '../../../constants';
+import { CardProviderRenderers } from '../../../state/context/types';
+export declare const extractLinkIcon: (response: JsonLd.Response, renderers?: CardProviderRenderers | undefined) => {
+    icon: IconType | undefined;
+    label: string | undefined;
+    render: (() => import("react").ReactNode) | undefined;
+    url: string | undefined;
+};
+export declare const extractErrorIcon: (response?: JsonLd.Response<JsonLd.Data.BaseData> | undefined, status?: SmartLinkStatus | undefined) => {
+    icon: IconType | undefined;
+    url: string | undefined;
+} | {
+    icon: IconType;
+    url?: undefined;
+};

package/dist/types/extractors/flexible/icon/types.d.ts

@@ -0,0 +1,2 @@
+import { IconType } from '../../../constants';
+export declare type IconDescriptor = [IconType?, string?, string?];

package/dist/types/extractors/flexible/index.d.ts

@@ -1,4 +1,5 @@
 import { JsonLd } from 'json-ld-types';
 import { FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
-declare const extractFlexibleUiContext: (response?: JsonLd.Response<JsonLd.Data.BaseData> | undefined) => FlexibleUiDataContext | undefined;
+import { CardProviderRenderers } from '../../state/context/types';
+declare const extractFlexibleUiContext: (response?: JsonLd.Response<JsonLd.Data.BaseData> | undefined, renderers?: CardProviderRenderers | undefined) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types/extractors/flexible/utils.d.ts

@@ -0,0 +1,6 @@
+import { JsonLd } from 'json-ld-types';
+export declare const extractCommentCount: (data: JsonLd.Data.BaseData) => number | undefined;
+export declare const extractCreatedBy: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractModifiedBy: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractProgrammingLanguage: (data: JsonLd.Data.BaseData) => string | undefined;
+export declare const extractSubscriberCount: (data: JsonLd.Data.BaseData) => number | undefined;

package/dist/types/extractors/inline/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { JsonLd } from 'json-ld-types';
-import { InlineCardResolvedViewProps } from '@atlaskit/media-ui';
 import { CardProviderRenderers } from '../../state/context/types';
+import { InlineCardResolvedViewProps } from '../../view/InlineCard/ResolvedView';
 export declare const extractInlineIcon: (jsonLd: JsonLd.Data.BaseData) => import("react").ReactNode;
 export declare const extractInlineProps: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined) => InlineCardResolvedViewProps;

package/dist/types/index.d.ts

@@ -11,8 +11,11 @@ export type { CardProps, CardAppearance, CardPlatform } from './view/Card';
 export { default as Context } from './state/context';
 export type { CardContext } from './state/context';
 export { EmbedResizeMessageListener } from './view/EmbedCard/EmbedResizeMessageListener';
-export { embedHeaderHeight } from '@atlaskit/media-ui/embeds';
+export { embedHeaderHeight } from './view/EmbedCard/components/styled';
 export { SmartLinkEvents } from './utils/analytics/analytics';
 export { useSmartLinkEvents } from './view/SmartLinkEvents/useSmartLinkEvents';
-export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName, } from '@atlaskit/media-ui/classNames';
+export { contentFooterClassName, metadataListClassName, blockCardResolvingViewClassName, blockCardResolvedViewClassName, blockCardForbiddenViewClassName, blockCardIconImageClassName, blockCardResolvedViewByClassName, blockCardForbiddenViewLinkClassName, blockCardContentClassName, blockCardContentHeaderClassName, blockCardContentHeaderNameClassName, blockCardNotFoundViewClassName, blockCardErroredViewClassName, } from './classNames';
 export { loadingPlaceholderClassName } from './view/CardWithUrl/component-lazy/LazyFallback';
+export { ActionName, ElementName, SmartLinkDirection, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, } from './constants';
+export { MetadataBlock, TitleBlock, } from './view/FlexibleCard/components/blocks';
+export type { ActionItem, ElementItem, } from './view/FlexibleCard/components/blocks/types';

package/dist/types/messages.d.ts

@@ -0,0 +1,7 @@
+import { MessageDescriptor } from 'react-intl-next';
+export declare type MessageKey = 'cannot_find_link' | 'click_to_join' | 'connect_link_account' | 'created_by' | 'created_on' | 'delete' | 'modified_by' | 'modified_on' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'restricted_link' | 'request_access' | 'request_denied';
+declare type Messages = {
+    [K in MessageKey]: MessageDescriptor;
+};
+export declare const messages: Messages;
+export {};

package/dist/types/ssr.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import type { CardProps } from './types';
+export declare type CardSSRProps = CardProps & {
+    url: string;
+};
+export declare const CardSSR: FC<CardSSRProps>;

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -1,3 +1,24 @@
+import { LinkLozenge } from '../../extractors/common/lozenge/types';
+import { LinkPerson } from '../../extractors/common/person/types';
+import { IconType } from '../../constants';
 export declare type FlexibleUiDataContext = {
+    commentCount?: number;
+    createdBy?: string;
+    createdOn?: string;
+    linkIcon?: Icon;
+    modifiedBy?: string;
+    modifiedOn?: string;
+    priority?: Icon;
+    programmingLanguage?: string;
+    subscriberCount?: number;
+    state?: LinkLozenge;
     title?: string;
+    url?: string;
+    authorGroup?: LinkPerson[];
+    collaboratorGroup?: LinkPerson[];
+};
+export declare type Icon = {
+    icon?: IconType;
+    label?: string;
+    url?: string;
 };

package/dist/types/types.d.ts

@@ -1,5 +1,20 @@
 import { JsonLd } from 'json-ld-types';
+import { AccessContext } from './view/types';
+import { ActionProps } from './view/BlockCard/components/Action';
+import { RequestAccessMessageKey } from '@atlaskit/media-ui/messages';
 export declare type ResolveResponse = JsonLd.Response;
 export type { ProviderProps, CardType } from './state';
 export type { CardProps, CardAppearance, CardPlatform, } from './view/Card/types';
 export type { CardContext } from './state/context/types';
+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 LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
+export interface LozengeProps {
+    text: string;
+    appearance?: LozengeColor;
+    isBold?: boolean;
+}

package/dist/types/utils/analytics/analytics.d.ts

@@ -23,7 +23,7 @@ export declare const trackAppAccountConnected: (definitionId?: string | undefine
 export declare const uiAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiCardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
-export declare const uiActionClickedEvent: (extensionKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => AnalyticsPayload;
+export declare const uiActionClickedEvent: (extensionKey: string, actionType: string, display?: "embed" | "block" | "inline" | "preview" | undefined) => AnalyticsPayload;
 export declare const uiClosedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const screenAuthPopupEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiRenderSuccessEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;

package/dist/types/utils/flexible.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CardAppearance } from '../view/Card';
+export declare const isFlexibleUiCard: (appearance: CardAppearance, children?: React.ReactNode) => boolean;
+export declare const isFlexibleUiBlock: (node: React.ReactNode) => boolean;
+export declare const isFlexibleUiElement: (node: React.ReactNode) => boolean;
+export declare const isFlexibleUiTitleBlock: (node: React.ReactNode) => boolean;

package/dist/types/utils/index.d.ts

@@ -7,3 +7,5 @@ export declare const isSpecialKey: (event: React.MouseEvent | React.KeyboardEven
 export declare const isSpecialClick: (event: React.MouseEvent) => boolean;
 export declare const getIconForFileType: (fileMimeType: string) => React.ReactNode | undefined;
 export declare const getLabelForFileType: (fileMimeType: string) => React.ReactNode | undefined;
+export declare const getIframeSandboxAttribute: (isTrusted: boolean) => "allow-downloads allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts" | undefined;
+export declare const handleOnClick: (handler: Function) => (e: React.MouseEvent<HTMLElement>) => void;

package/dist/types/utils/token.d.ts

@@ -0,0 +1,15 @@
+export declare const safeToken: (path: string, fallback?: string | undefined) => any;
+export declare const tokens: {
+    actionIcon: any;
+    background: any;
+    badgeIcon: any;
+    badgeText: any;
+    blackLink: any;
+    blackLinkPressed: any;
+    blueLink: any;
+    blueLinkPressed: any;
+    elevation: any;
+    errorMessage: any;
+    errorMessageHover: any;
+    text: any;
+};

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

@@ -0,0 +1,26 @@
+import React, { ErrorInfo } from 'react';
+import { ModalProps } from '../components/Modal';
+import { ActionProps } from '../components/Action';
+import { IconProps } from '../components/Icon';
+import { MetadataProps } from '../components/Metadata';
+export interface PreviewFunctionArg extends ModalProps {
+    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;
+};
+declare const _default: ({ details, ...rest }: PreviewInfo) => ActionProps;
+export default _default;

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

@@ -0,0 +1,11 @@
+/// <reference types="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.Element;

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

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

package/dist/types/view/BlockCard/components/Byline.d.ts

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

package/dist/types/view/BlockCard/components/CollaboratorList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="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.Element | null;

package/dist/types/view/BlockCard/components/Content.d.ts

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

package/dist/types/view/BlockCard/components/ContentFooter.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="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.Element;

package/dist/types/view/BlockCard/components/ContentHeader.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="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.Element;

package/dist/types/view/BlockCard/components/Emoji.d.ts

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

package/dist/types/view/BlockCard/components/Frame.d.ts

@@ -0,0 +1,14 @@
+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.Element;
+export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => JSX.Element;
+export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Icon.d.ts

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

package/dist/types/view/BlockCard/components/Link.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface LinkProps {
+    url: string;
+    testId?: string;
+    className?: string;
+}
+export declare const Link: ({ url, testId, className }: LinkProps) => JSX.Element;

package/dist/types/view/BlockCard/components/Metadata.d.ts

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

package/dist/types/view/BlockCard/components/MetadataList.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="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.Element;

package/dist/types/view/BlockCard/components/Modal.d.ts

@@ -0,0 +1,28 @@
+import React, { ErrorInfo } from 'react';
+import { IconProps } from './Icon';
+import { MetadataListProps } from './MetadataList';
+export interface ModalProps {
+    onClose: () => any;
+    onOpen?: () => 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 class ModalWithErrorBoundary extends React.Component<ModalProps> {
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): JSX.Element;
+}
+export default ModalWithErrorBoundary;

package/dist/types/view/BlockCard/components/ModalHeader.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="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.Element;