@atlaskit/mention 22.1.1 → 22.1.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/mention
 
+## 22.1.2
+
+### Patch Changes
+
+- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+
 ## 22.1.1
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/mention",
-	"version": "22.1.1",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/mention",
-	"version": "22.1.1",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/mention",
-	"version": "22.1.1",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/types-ts4.5/_constants.d.ts

@@ -0,0 +1 @@
+export declare const ELEMENTS_CHANNEL = "fabric-elements";

package/dist/types-ts4.5/api/ContextMentionResource.d.ts

@@ -0,0 +1,23 @@
+import { MentionProvider, MentionContextIdentifier, ErrorCallback, InfoCallback, ResultCallback } from './MentionResource';
+import { MentionDescription, InviteFromMentionProvider } from '../types';
+export type { MentionDescription };
+export type MentionProviderFunctions = Omit<{
+    [Key in keyof MentionProvider]: MentionProvider[Key] extends Function ? MentionProvider[Key] : never;
+}, keyof InviteFromMentionProvider>;
+/**
+ * This component is stateful and should be instantianted per contextIdentifiers.
+ */
+export default class ContextMentionResource implements MentionProvider {
+    private mentionProvider;
+    private contextIdentifier;
+    constructor(mentionProvider: MentionProvider, contextIdentifier: MentionContextIdentifier);
+    getContextIdentifier(): MentionContextIdentifier | undefined;
+    callWithContextIds: <K extends "subscribe" | "unsubscribe" | "filter" | "recordMentionSelection" | "shouldHighlightMention" | "isFiltering">(f: K, declaredArgs: number) => MentionProvider[K];
+    callDefault: <K extends "subscribe" | "unsubscribe" | "filter" | "recordMentionSelection" | "shouldHighlightMention" | "isFiltering">(f: K) => MentionProvider[K];
+    subscribe: (key: string, callback?: ResultCallback<MentionDescription[]> | undefined, errCallback?: ErrorCallback | undefined, infoCallback?: InfoCallback | undefined, allResultsCallback?: ResultCallback<MentionDescription[]> | undefined, analyticsCallback?: import("../types").AnalyticsCallback | undefined) => void;
+    unsubscribe: (key: string) => void;
+    filter: (query?: string | undefined, contextIdentifier?: MentionContextIdentifier | undefined) => void;
+    recordMentionSelection: (mention: MentionDescription, contextIdentifier?: MentionContextIdentifier | undefined) => void;
+    shouldHighlightMention: (mention: MentionDescription) => boolean;
+    isFiltering: (query: string) => boolean;
+}

package/dist/types-ts4.5/api/MentionNameClient.d.ts

@@ -0,0 +1,11 @@
+import { MentionNameDetails } from '../types';
+export interface MentionNameClient {
+    getLookupLimit(): number;
+    lookupMentionNames(ids: string[]): Promise<MentionNameDetails[]>;
+}
+/**
+ * Supports the Atlassian Profile retrieval service.
+ *
+ * Uses:
+ *   https://statlas.prod.atl-paas.net/swagger-ui-2.2.6/index.html?url=https://profile-retrieval-service.prod.atl-paas.net:443/api/swagger.yaml#!/default/getUsersByIds
+ */

package/dist/types-ts4.5/api/MentionNameResolver.d.ts

@@ -0,0 +1,23 @@
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { MentionNameDetails, MentionNameResolver } from '../types';
+import { MentionNameClient } from './MentionNameClient';
+export type { MentionNameResolver } from '../types';
+export declare class DefaultMentionNameResolver implements MentionNameResolver {
+    static waitForBatch: number;
+    private client;
+    private nameCache;
+    private nameQueue;
+    private nameStartTime;
+    private processingQueue;
+    private debounce;
+    private fireHydrationEvent;
+    constructor(client: MentionNameClient, analyticsProps?: WithAnalyticsEventsProps);
+    lookupName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
+    cacheName(id: string, name: string): void;
+    private scheduleProcessQueue;
+    private isQueueAtLimit;
+    private splitQueueAtLimit;
+    private resolveQueueItem;
+    private processQueue;
+    private fireAnalytics;
+}

package/dist/types-ts4.5/api/MentionResource.d.ts

@@ -0,0 +1,93 @@
+import { AnalyticsCallback, ErrorCallback, InfoCallback, InviteExperimentCohort, InviteFlow, MentionContextIdentifier, MentionDescription, MentionNameDetails, MentionProvider, MentionResourceConfig, MentionsResult, MentionStats, ResourceProvider, ResultCallback, UserRole } from '../types';
+export type { MentionStats, ResultCallback, ErrorCallback, InfoCallback, MentionResourceConfig, ResourceProvider, MentionContextIdentifier, MentionProvider, } from '../types';
+export interface TeamMentionResourceConfig extends MentionResourceConfig {
+    teamLinkResolver?: (teamId: string) => string;
+}
+/**
+ * Support
+ */
+export interface ResolvingMentionProvider extends MentionProvider {
+    resolveMentionName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
+    cacheMentionName(id: string, mentionName: string): void;
+    supportsMentionNameResolving(): boolean;
+}
+declare class AbstractResource<Result> implements ResourceProvider<Result> {
+    protected changeListeners: Map<string, ResultCallback<Result>>;
+    protected errListeners: Map<string, ErrorCallback>;
+    protected infoListeners: Map<string, InfoCallback>;
+    protected allResultsListeners: Map<string, ResultCallback<Result>>;
+    protected analyticsListeners: Map<string, AnalyticsCallback>;
+    constructor();
+    subscribe(key: string, callback?: ResultCallback<Result>, errCallback?: ErrorCallback, infoCallback?: InfoCallback, allResultsCallback?: ResultCallback<Result>, analyticsListeners?: AnalyticsCallback): void;
+    unsubscribe(key: string): void;
+}
+declare class AbstractMentionResource extends AbstractResource<MentionDescription[]> implements MentionProvider {
+    shouldHighlightMention(_mention: MentionDescription): boolean;
+    filter(query?: string): void;
+    recordMentionSelection(_mention: MentionDescription): void;
+    isFiltering(_query: string): boolean;
+    protected _notifyListeners(mentionsResult: MentionsResult, stats?: MentionStats): void;
+    protected _notifyAllResultsListeners(mentionsResult: MentionsResult): void;
+    protected _notifyErrorListeners(error: Error, query?: string): void;
+    protected _notifyInfoListeners(info: string): void;
+    protected _notifyAnalyticsListeners(event: string, actionSubject: string, action: string, attributes?: {
+        [key: string]: any;
+    }): void;
+}
+/**
+ * Provides a Javascript API
+ */
+export declare class MentionResource extends AbstractMentionResource implements ResolvingMentionProvider {
+    private config;
+    private lastReturnedSearch;
+    private activeSearches;
+    productName?: string;
+    shouldEnableInvite: boolean;
+    inviteExperimentCohort?: InviteExperimentCohort;
+    userRole: UserRole;
+    onInviteItemClick?: (flow: InviteFlow) => void;
+    constructor(config: MentionResourceConfig);
+    shouldHighlightMention(mention: MentionDescription): boolean;
+    notify(searchTime: number, mentionResult: MentionsResult, query?: string): void;
+    notifyError(error: Error, query?: string): void;
+    filter(query?: string, contextIdentifier?: MentionContextIdentifier): Promise<void>;
+    recordMentionSelection(mention: MentionDescription, contextIdentifier?: MentionContextIdentifier): Promise<void>;
+    isFiltering(query: string): boolean;
+    resolveMentionName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
+    cacheMentionName(id: string, mentionName: string): void;
+    supportsMentionNameResolving(): boolean;
+    protected updateActiveSearches(query: string): void;
+    protected verifyMentionConfig(config: MentionResourceConfig): void;
+    private initialState;
+    /**
+     * Clear a context object to generate query params by removing empty
+     * strings, `undefined` and empty values.
+     *
+     * @param contextIdentifier the current context identifier
+     * @returns a safe context for query encoding
+     */
+    private clearContext;
+    private getQueryParams;
+    /**
+     * Returns the initial mention display list before a search is performed for the specified
+     * container.
+     *
+     * @param contextIdentifier
+     * @returns Promise
+     */
+    protected remoteInitialState(contextIdentifier?: MentionContextIdentifier): Promise<MentionsResult>;
+    private search;
+    protected remoteSearch(query: string, contextIdentifier?: MentionContextIdentifier): Promise<MentionsResult>;
+    private transformServiceResponse;
+    recordSelection(mention: MentionDescription, contextIdentifier?: MentionContextIdentifier): Promise<void>;
+}
+export declare class HttpError implements Error {
+    name: string;
+    message: string;
+    statusCode: number;
+    stack?: string;
+    constructor(statusCode: number, statusMessage: string);
+}
+export declare const isResolvingMentionProvider: (p: any) => p is ResolvingMentionProvider;
+export { AbstractResource, AbstractMentionResource };
+export default MentionResource;

package/dist/types-ts4.5/api/PresenceResource.d.ts

@@ -0,0 +1,119 @@
+import { Presence } from '../types';
+import { AbstractResource, ResourceProvider } from './MentionResource';
+export interface PresenceMap {
+    [userId: string]: Presence;
+}
+export interface PresenceResourceConfig {
+    url: string;
+    cloudId: string;
+    productId?: string;
+    cache?: PresenceCache;
+    cacheExpiry?: number;
+    parser?: PresenceParser;
+}
+export interface PresenceCache {
+    contains(userId: string): boolean;
+    get(userId: string): Presence;
+    getBulk(userIds: string[]): PresenceMap;
+    getMissingUserIds(userIds: string[]): string[];
+    update(presUpdate: PresenceMap): void;
+}
+export interface PresenceResponse {
+    data: Data;
+}
+export interface Data {
+    PresenceBulk: PresenceBulk[];
+}
+export interface PresenceBulk {
+    userId: string;
+    state: null | string;
+    type: null | string;
+    date: null | string;
+    message: null | string;
+    stateMetadata?: string;
+}
+export interface PresenceParser {
+    mapState(state: string): string;
+    parse(response: PresenceResponse): PresenceMap;
+}
+export interface PresenceProvider extends ResourceProvider<PresenceMap> {
+    refreshPresence(userIds: string[]): void;
+}
+declare class AbstractPresenceResource extends AbstractResource<PresenceMap> implements PresenceProvider {
+    refreshPresence(userIds: string[]): void;
+    protected notifyListeners(presences: PresenceMap): void;
+}
+declare class PresenceResource extends AbstractPresenceResource {
+    private config;
+    private presenceCache;
+    private presenceParser;
+    constructor(config: PresenceResourceConfig);
+    refreshPresence(userIds: string[]): void;
+    private retrievePresence;
+    private queryDirectoryForPresences;
+    private static cleanUrl;
+}
+export declare class DefaultPresenceCache implements PresenceCache {
+    private static readonly defaultTimeout;
+    private static readonly defaultFlushTrigger;
+    private cache;
+    private size;
+    private expiryInMillis;
+    private flushTrigger;
+    constructor(cacheTimeout?: number, cacheTrigger?: number);
+    /**
+     * Precondition: _delete is only called internally if userId exists in cache
+     * Removes cache entry
+     * @param userId
+     */
+    private _delete;
+    /**
+     * Checks a cache entry and calls delete if the info has expired
+     * @param userId
+     */
+    private _deleteIfExpired;
+    /**
+     * Cleans expired entries from cache
+     */
+    private _removeExpired;
+    /**
+     * Checks if a user exists in the cache
+     * @param userId
+     */
+    contains(userId: string): boolean;
+    /**
+     * Retrieves a presence from the cache after checking for expired entries
+     * @param userId - to index the cache
+     * @returns Presence - the presence that matches the userId
+     */
+    get(userId: string): Presence;
+    /**
+     * Retrieve multiple presences at once from the cache
+     * @param userIds - to index the cache
+     * @returns PresenceMap - A map of userIds to cached Presences
+     */
+    getBulk(userIds: string[]): PresenceMap;
+    /**
+     * For a given list of ids, returns a subset
+     * of all the ids with missing cache entries.
+     * @param userIds - to index the cache
+     * @returns string[] - ids missing from the cache
+     */
+    getMissingUserIds(userIds: string[]): string[];
+    /**
+     * Precondition: presMap only contains ids of users not in cache
+     *               expired users must first be removed then reinserted with updated presence
+     * Updates the cache by adding the new Presence entries and setting the expiry time
+     * @param presMap
+     */
+    update(presMap: PresenceMap): void;
+}
+export declare class DefaultPresenceParser implements PresenceParser {
+    static FOCUS_STATE: string;
+    mapState(state: string): string;
+    parse(response: PresenceResponse): PresenceMap;
+    private static extractState;
+    private static isFocusState;
+}
+export { AbstractPresenceResource };
+export default PresenceResource;

package/dist/types-ts4.5/api/TeamMentionResource.d.ts

@@ -0,0 +1,33 @@
+import { MentionsResult } from '../types';
+import MentionResource, { MentionContextIdentifier, MentionResourceConfig, TeamMentionResourceConfig, MentionProvider } from './MentionResource';
+/**
+ * Provides a Javascript API to fetch users and teams
+ * In future we will have a new endpoint to return both users and teams, we can
+ * remove this class at this point
+ */
+export default class TeamMentionResource extends MentionResource implements MentionProvider {
+    private readonly teamMentionConfig;
+    private lastSearchQuery?;
+    private lastReturnedSearchTeam;
+    constructor(userMentionConfig: MentionResourceConfig, teamMentionConfig: TeamMentionResourceConfig);
+    filter(query?: string, contextIdentifier?: MentionContextIdentifier): Promise<void>;
+    /**
+     * Returns the initial mention display list before a search is performed for the specified
+     * container.
+     */
+    private remoteInitialStateTeamAndUsers;
+    /**
+     * Both user and team requests are not blocked together
+     * If users request arrives first, show users. Show teams when team request arrives.
+     * If team request arrives first, block waiting for user request, then show both
+     * If one errors, show the non-erroring one
+     * If both error, show error
+     */
+    private handleBothRequests;
+    notify(searchTime: number, mentionResult: MentionsResult, query?: string): void;
+    private getQueryParamsOfTeamMentionConfig;
+    private remoteUserSearch;
+    private remoteTeamSearch;
+    private convertTeamResultToMentionResult;
+    private trimTeamARI;
+}

package/dist/types-ts4.5/api/analytics.d.ts

@@ -0,0 +1,17 @@
+import { MentionContextIdentifier } from '../types';
+export declare const SMART_EVENT_TYPE = "smart";
+export declare enum Actions {
+    REQUESTED = "requested",
+    SUCCESSFUL = "successful",
+    SEARCHED = "searched",
+    FAILED = "failed",
+    SELECTED = "selected"
+}
+export type DefaultAttributes = {
+    [key: string]: any;
+    context: string;
+    sessionId: string;
+    pickerType: 'mentions';
+    source: 'smarts';
+};
+export declare const defaultAttributes: (context?: MentionContextIdentifier) => DefaultAttributes;

package/dist/types-ts4.5/components/LockCircleIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const AsyncLockCircleIcon: import("react").LazyExoticComponent<typeof import("@atlaskit/icon/glyph/lock-circle").default>;
+export default AsyncLockCircleIcon;

package/dist/types-ts4.5/components/Mention/PrimitiveMention.d.ts

@@ -0,0 +1,7 @@
+import { MentionType } from '../../types';
+import { HTMLAttributes } from 'react';
+export interface PrimitiveMentionProps extends HTMLAttributes<HTMLSpanElement> {
+    mentionType: MentionType;
+}
+declare const PrimitiveMention: import("react").ForwardRefExoticComponent<PrimitiveMentionProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default PrimitiveMention;

package/dist/types-ts4.5/components/Mention/ResourcedMention.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { MentionProvider } from '../../api/MentionResource';
+import { MentionEventHandler } from '../../types';
+export interface Props {
+    id: string;
+    text: string;
+    accessLevel?: string;
+    mentionProvider?: Promise<MentionProvider>;
+    onClick?: MentionEventHandler;
+    onMouseEnter?: MentionEventHandler;
+    onMouseLeave?: MentionEventHandler;
+}
+export interface State {
+    isHighlighted: boolean;
+    resolvedMentionName?: string;
+}
+export default class ResourcedMention extends React.PureComponent<Props, State> {
+    _isMounted: boolean;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    private setStateSafely;
+    private processName;
+    private handleMentionProvider;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/components/Mention/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { MentionEventHandler } from '../../types';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
+export declare const ANALYTICS_HOVER_DELAY = 1000;
+export declare const UNKNOWN_USER_ID = "_|unknown|_";
+export type OwnProps = {
+    id: string;
+    text: string;
+    isHighlighted?: boolean;
+    accessLevel?: string;
+    onClick?: MentionEventHandler;
+    onMouseEnter?: MentionEventHandler;
+    onMouseLeave?: MentionEventHandler;
+    onHover?: () => void;
+};
+export type Props = OwnProps & WithAnalyticsEventsProps;
+export declare class MentionInternal extends React.PureComponent<Props, {}> {
+    private hoverTimeout?;
+    constructor(props: Props);
+    componentDidMount(): void;
+    private handleOnClick;
+    private handleOnMouseEnter;
+    private handleOnMouseLeave;
+    private getMentionType;
+    componentWillUnmount(): void;
+    renderUnknownUserError(id: string): JSX.Element;
+    render(): JSX.Element;
+}
+declare const Mention: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
+type Mention = MentionInternal;
+export default Mention;

package/dist/types-ts4.5/components/Mention/ufoExperiences.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ConcurrentExperience } from '@atlaskit/ufo';
+export declare const mentionRenderedUfoExperience: ConcurrentExperience;
+export declare class UfoErrorBoundary extends React.Component<{
+    id: string;
+}> {
+    componentDidCatch(): void;
+    render(): React.ReactNode;
+}

package/dist/types-ts4.5/components/MentionDescriptionByline/TeamMentionDescriptionByline.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DescriptionBylineProps } from './types';
+export default class TeamMentionDescriptionByline extends React.PureComponent<DescriptionBylineProps> {
+    private renderByline;
+    private getBylineComponent;
+    render(): JSX.Element | null;
+}

package/dist/types-ts4.5/components/MentionDescriptionByline/UserMentionDescriptionByline.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DescriptionBylineProps } from './types';
+export default class UserMentionDescriptionByline extends React.PureComponent<DescriptionBylineProps, {}> {
+    render(): JSX.Element | null;
+}

package/dist/types-ts4.5/components/MentionDescriptionByline/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DescriptionBylineProps } from './types';
+export default class MentionDescriptionByline extends React.PureComponent<DescriptionBylineProps, {}> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/components/MentionDescriptionByline/styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const DescriptionBylineStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types-ts4.5/components/MentionDescriptionByline/types.d.ts

@@ -0,0 +1,4 @@
+import { MentionDescription } from '../../types';
+export interface DescriptionBylineProps {
+    mention: MentionDescription;
+}

package/dist/types-ts4.5/components/MentionItem/MentionHighlightHelpers.d.ts

@@ -0,0 +1,3 @@
+import { ComponentType } from 'react';
+import { HighlightDetail } from '../../types';
+export declare function renderHighlight(ReactComponent: ComponentType<any>, value?: string, highlights?: HighlightDetail[], prefix?: string): JSX.Element | null;

package/dist/types-ts4.5/components/MentionItem/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { MentionDescription, OnMentionEvent } from '../../types';
+export { MENTION_ITEM_HEIGHT } from './styles';
+export interface Props {
+    mention: MentionDescription;
+    selected?: boolean;
+    onMouseMove?: OnMentionEvent;
+    onMouseEnter?: OnMentionEvent;
+    onSelection?: OnMentionEvent;
+}
+export default class MentionItem extends React.PureComponent<Props, {}> {
+    private onMentionSelected;
+    private onMentionMenuItemMouseMove;
+    private onMentionMenuItemMouseEnter;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/components/MentionItem/styles.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+export interface MentionItemStyleProps {
+    selected?: boolean;
+}
+export interface AvatarSectionStyleProps {
+    restricted?: boolean;
+}
+export interface NameSectionStyleProps {
+    restricted?: boolean;
+}
+export interface InfoSectionStyleProps {
+    restricted?: boolean;
+}
+export declare const RowStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & AvatarSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const NameSectionStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & NameSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FullNameStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const InfoSectionStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & InfoSectionStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimeStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MENTION_ITEM_HEIGHT = 48;
+export declare const MentionItemStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & MentionItemStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AccessSectionStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types-ts4.5/components/MentionList/index.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MentionDescription, OnMentionEvent } from '../../types';
+import MentionItem from '../MentionItem';
+export interface Props {
+    mentions: MentionDescription[];
+    resourceError?: Error;
+    onSelection?: OnMentionEvent;
+    initialHighlightElement?: React.ReactElement | null;
+}
+export interface State {
+    selectedKey?: string;
+    selectedIndex: number;
+}
+export interface Items {
+    [index: string]: MentionItem;
+}
+export default class MentionList extends React.PureComponent<Props, State> {
+    private lastMousePosition;
+    private scrollable?;
+    private items;
+    constructor(props: Props);
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    componentDidUpdate(): void;
+    selectNext: () => void;
+    selectPrevious: () => void;
+    selectIndex: (index: number, callback?: () => any) => void;
+    selectId: (id: string, callback?: () => any) => void;
+    chooseCurrentSelection: () => void;
+    mentionsCount: () => number;
+    private revealItem;
+    /**
+     * The default selection state is to chose index 0 and not have any particular key selected
+     */
+    private setDefaultSelectionState;
+    private selectIndexOnHover;
+    private itemSelected;
+    private renderItems;
+    private isSelectedMention;
+    private handleScrollableRef;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/components/MentionList/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface MentionListStyleProps {
+    empty?: boolean;
+}
+export declare const MentionListStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & MentionListStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types-ts4.5/components/MentionListError/GenericErrorIllustration.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface Props {
+    title?: string;
+}
+export declare class GenericErrorIllustration extends React.PureComponent<Props, {}> {
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/components/MentionListError/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface Props {
+    error?: Error;
+}
+export default class MentionListError extends React.PureComponent<Props, {}> {
+    /**
+     * Translate the supplied Error into a message suitable for display in the MentionList.
+     *
+     * @param error the error to be displayed
+     */
+    private static getAdvisedActionMessage;
+    render(): JSX.Element;
+}

package/dist/types-ts4.5/components/MentionListError/styles.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const MentionListErrorStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const GenericErrorVisualStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MentionListErrorHeadlineStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MentionListAdviceStyle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;