@atlaskit/mention 24.2.9 → 24.2.11

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/mention
 
+## 24.2.11
+
+### Patch Changes
+
+- [`0fdcb6f2f96fd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0fdcb6f2f96fd) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
+## 24.2.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 24.2.9
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -3,9 +3,9 @@
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"composite": true,
 		"outDir": "../../../../../confluence/tsDist/@atlaskit__mention",
-		"rootDir": "../"
+		"rootDir": "../",
+		"composite": true
 	},
 	"include": [
 		"../src/**/*.ts",

package/dist/cjs/util/analytics.js

@@ -12,7 +12,7 @@ var _types = require("../types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/mention";
-var packageVersion = "24.2.8";
+var packageVersion = "24.2.10";
 var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
 var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
 var fireAnalyticsMentionTypeaheadEvent = exports.fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/es2019/util/analytics.js

@@ -2,7 +2,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { ComponentNames, isSpecialMentionText } from '../types';
 const packageName = "@atlaskit/mention";
-const packageVersion = "24.2.8";
+const packageVersion = "24.2.10";
 export const SLI_EVENT_TYPE = 'sli';
 export const SMART_EVENT_TYPE = 'smart';
 export const fireAnalyticsMentionTypeaheadEvent = props => (action, duration, userIds = [], query) => {

package/dist/esm/util/analytics.js

@@ -5,7 +5,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { ComponentNames, isSpecialMentionText } from '../types';
 var packageName = "@atlaskit/mention";
-var packageVersion = "24.2.8";
+var packageVersion = "24.2.10";
 export var SLI_EVENT_TYPE = 'sli';
 export var SMART_EVENT_TYPE = 'smart';
 export var fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/types/api/MentionResource.d.ts

@@ -7,8 +7,8 @@ export interface TeamMentionResourceConfig extends MentionResourceConfig {
  * Support
  */
 export interface ResolvingMentionProvider extends MentionProvider {
-    resolveMentionName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
     cacheMentionName(id: string, mentionName: string): void;
+    resolveMentionName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
     supportsMentionNameResolving(): boolean;
 }
 declare class AbstractResource<Result> implements ResourceProvider<Result> {

package/dist/types/api/PresenceResource.d.ts

@@ -4,12 +4,12 @@ export interface PresenceMap {
     [userId: string]: Presence;
 }
 export interface PresenceResourceConfig {
-    url: string;
-    cloudId: string;
-    productId?: string;
     cache?: PresenceCache;
     cacheExpiry?: number;
+    cloudId: string;
     parser?: PresenceParser;
+    productId?: string;
+    url: string;
 }
 export interface PresenceCache {
     contains(userId: string): boolean;
@@ -25,12 +25,12 @@ export interface Data {
     PresenceBulk: PresenceBulk[];
 }
 export interface PresenceBulk {
-    userId: string;
-    state: null | string;
-    type: null | string;
     date: null | string;
     message: null | string;
+    state: null | string;
     stateMetadata?: string;
+    type: null | string;
+    userId: string;
 }
 export interface PresenceParser {
     mapState(state: string): string;

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

@@ -10,8 +10,8 @@ export declare enum Actions {
 export type DefaultAttributes = {
     [key: string]: any;
     context: string;
-    sessionId: string;
     pickerType: 'mentions';
+    sessionId: string;
     source: 'smarts';
 };
 export declare const defaultAttributes: (context?: MentionContextIdentifier) => DefaultAttributes;

package/dist/types/components/Mention/ResourcedMention.d.ts

@@ -2,15 +2,15 @@ import React from 'react';
 import { type MentionProvider } from '../../api/MentionResource';
 import { type MentionEventHandler } from '../../types';
 export interface Props {
-    id: string;
-    text: string;
     accessLevel?: string;
+    id: string;
     localId?: string;
     mentionProvider?: Promise<MentionProvider>;
     onClick?: MentionEventHandler;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
     ssrPlaceholderId?: string;
+    text: string;
 }
 export interface State {
     isHighlighted: boolean;

package/dist/types/components/Mention/index.d.ts

@@ -4,16 +4,16 @@ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnal
 export declare const ANALYTICS_HOVER_DELAY = 1000;
 export declare const UNKNOWN_USER_ID = "_|unknown|_";
 export type OwnProps = {
+    accessLevel?: string;
     id: string;
-    text: string;
     isHighlighted?: boolean;
-    accessLevel?: string;
     localId?: string;
     onClick?: MentionEventHandler;
+    onHover?: () => void;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
-    onHover?: () => void;
     ssrPlaceholderId?: string;
+    text: string;
 };
 export type Props = OwnProps & WithAnalyticsEventsProps;
 export declare class MentionInternal extends React.PureComponent<Props, {}> {

package/dist/types/components/MentionAvatar/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { type MentionDescription } from '../../types';
 type MentionAvatarProps = {
-    selected?: boolean;
     mention: MentionDescription;
+    selected?: boolean;
 };
 export declare const MentionAvatar: ({ mention, selected }: MentionAvatarProps) => React.JSX.Element;
 export {};

package/dist/types/components/MentionItem/index.d.ts

@@ -3,10 +3,10 @@ import { type MentionDescription, type OnMentionEvent } from '../../types';
 export { MENTION_ITEM_HEIGHT } from './styles';
 export interface Props {
     mention: MentionDescription;
-    selected?: boolean;
-    onMouseMove?: OnMentionEvent;
     onMouseEnter?: OnMentionEvent;
+    onMouseMove?: OnMentionEvent;
     onSelection?: OnMentionEvent;
+    selected?: boolean;
 }
 export default class MentionItem extends React.PureComponent<Props, {}> {
     private onMentionSelected;

package/dist/types/components/MentionList/index.d.ts

@@ -2,14 +2,14 @@ import React from 'react';
 import { type MentionDescription, type OnMentionEvent } from '../../types';
 import MentionItem from '../MentionItem';
 export interface Props {
+    initialHighlightElement?: React.ReactElement | null;
     mentions: MentionDescription[];
-    resourceError?: Error;
     onSelection?: OnMentionEvent;
-    initialHighlightElement?: React.ReactElement | null;
+    resourceError?: Error;
 }
 export interface State {
-    selectedKey?: string;
     selectedIndex: number;
+    selectedKey?: string;
 }
 export interface Items {
     [index: string]: MentionItem;

package/dist/types/components/MentionPicker/index.d.ts

@@ -12,21 +12,21 @@ export interface OnClose {
 }
 export type Position = 'above' | 'below' | 'auto';
 export interface Props {
-    resourceProvider: MentionProvider;
+    offsetX?: number;
+    offsetY?: number;
+    onClose?: OnClose;
+    onOpen?: OnOpen;
+    onSelection?: OnMentionEvent;
+    position?: Position;
     presenceProvider?: PresenceProvider;
     query?: string;
-    onSelection?: OnMentionEvent;
-    onOpen?: OnOpen;
-    onClose?: OnClose;
+    resourceProvider: MentionProvider;
     target?: string;
-    position?: Position;
     zIndex?: number | string;
-    offsetX?: number;
-    offsetY?: number;
 }
 export interface State {
-    visible: boolean;
     info?: string;
+    visible: boolean;
 }
 /**
  * @class MentionPicker

package/dist/types/components/NoAccessTooltip/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const AsyncNoAccessTooltip: React.LazyExoticComponent<({ name, children }: {
-    name: string;
     children: React.ReactNode;
+    name: string;
 }) => React.JSX.Element>;
 export default AsyncNoAccessTooltip;

package/dist/types/components/NoAccessTooltip/main.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 type Props = {
-    name: string;
     children: React.ReactNode;
+    name: string;
 };
 export declare const NoAccessTooltip: ({ name, children }: Props) => React.JSX.Element;
 export {};

package/dist/types/components/Popup/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 export interface Props {
-    target?: string;
-    relativePosition?: 'above' | 'below' | 'auto';
+    children?: any;
     offsetX?: number;
     offsetY?: number;
+    relativePosition?: 'above' | 'below' | 'auto';
+    target?: string;
     zIndex?: number | string;
-    children?: any;
 }
 export default class Popup extends React.PureComponent<Props, {}> {
     private popup?;

package/dist/types/components/ResourcedMentionList/index.d.ts

@@ -4,15 +4,15 @@ import { type MentionProvider } from '../../api/MentionResource';
 import { type PresenceProvider } from '../../api/PresenceResource';
 import { type MentionDescription, type OnMentionEvent } from '../../types';
 export interface Props {
-    resourceProvider: MentionProvider;
+    onSelection?: OnMentionEvent;
     presenceProvider?: PresenceProvider;
     query?: string;
-    onSelection?: OnMentionEvent;
     resourceError?: Error;
+    resourceProvider: MentionProvider;
 }
 export interface State {
-    resourceError?: Error;
     mentions: MentionDescription[];
+    resourceError?: Error;
 }
 export declare class ResourcedMentionListWithoutAnalytics extends React.PureComponent<Props & WithAnalyticsEventsProps, State> {
     private subscriberKey;

package/dist/types/types.d.ts

@@ -1,8 +1,8 @@
 import { type SyntheticEvent } from 'react';
 import { type ServiceConfig } from '@atlaskit/util-service-support/types';
 export interface MentionNameResolver {
-    lookupName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
     cacheName(id: string, name: string): void;
+    lookupName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
 }
 export type MentionStats = {
     [key: string]: any;
@@ -23,15 +23,15 @@ export interface AnalyticsCallback {
 }
 export interface MentionResourceConfig extends ServiceConfig {
     containerId?: string;
-    productId?: string;
-    shouldHighlightMention?: (mention: MentionDescription) => boolean;
+    debounceTime?: number;
+    inviteXProductUser?: (userId: string, mentionName: string) => Promise<void>;
     mentionNameResolver?: MentionNameResolver;
-    shouldEnableInvite?: boolean;
     onInviteItemClick?: (flow: InviteFlow) => void;
-    userRole?: UserRole;
+    productId?: string;
     productName?: string;
-    debounceTime?: number;
-    inviteXProductUser?: (userId: string, mentionName: string) => Promise<void>;
+    shouldEnableInvite?: boolean;
+    shouldHighlightMention?: (mention: MentionDescription) => boolean;
+    userRole?: UserRole;
 }
 export interface ResourceProvider<Result> {
     /**
@@ -51,55 +51,55 @@ export interface ResourceProvider<Result> {
     unsubscribe(key: string): void;
 }
 export type MentionContextIdentifier = {
+    childObjectId?: string;
     containerId?: string;
     objectId?: string;
-    childObjectId?: string;
     sessionId?: string;
 };
 export interface MentionProvider extends ResourceProvider<MentionDescription[]>, InviteFromMentionProvider, XProductInviteMentionProvider {
     filter(query?: string, contextIdentifier?: MentionContextIdentifier): void;
+    isFiltering(query: string): boolean;
     recordMentionSelection(mention: MentionDescription, contextIdentifier?: MentionContextIdentifier): void;
     shouldHighlightMention(mention: MentionDescription): boolean;
-    isFiltering(query: string): boolean;
 }
 export interface HighlightDetail {
-    start: number;
     end: number;
+    start: number;
 }
 export interface Highlight {
-    name: HighlightDetail[];
     mentionName: HighlightDetail[];
+    name: HighlightDetail[];
     nickname: HighlightDetail[];
 }
 export interface Presence {
-    time?: string;
     status?: string;
+    time?: string;
 }
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {
-    text: React.ReactNode;
     appearance?: LozengeColor;
+    text: React.ReactNode;
 }
 export interface MentionDescription {
-    id: string;
+    accessLevel?: string;
     avatarUrl?: string;
-    name?: string;
-    mentionName?: string;
-    nickname?: string;
+    context?: MentionDescContext;
     highlight?: Highlight;
+    id: string;
+    inContext?: boolean;
+    isXProductUser?: boolean;
     lozenge?: string | LozengeProps;
+    mentionName?: string;
+    name?: string;
+    nickname?: string;
     presence?: Presence;
-    accessLevel?: string;
-    inContext?: boolean;
-    userType?: string;
-    context?: MentionDescContext;
     source?: string;
-    isXProductUser?: boolean;
+    userType?: string;
 }
 export interface MentionDescContext {
-    members: TeamMember[];
     includesYou: boolean;
     memberCount: number;
+    members: TeamMember[];
     teamLink: string;
 }
 export interface MentionsResult {
@@ -111,13 +111,13 @@ export interface TeamMember {
     name: string;
 }
 export interface Team {
-    id: string;
-    smallAvatarImageUrl: string;
     displayName: string;
-    members: TeamMember[];
+    highlight?: Highlight;
+    id: string;
     includesYou: boolean;
     memberCount: number;
-    highlight?: Highlight;
+    members: TeamMember[];
+    smallAvatarImageUrl: string;
 }
 export type MentionEventHandler = (mentionId: string, text: string, event?: SyntheticEvent<HTMLSpanElement>) => void;
 export interface OnMentionEvent {
@@ -178,9 +178,9 @@ export declare const isPromise: <T>(p: any) => p is Promise<T>;
 export type InviteFlow = 'mention' | 'assign';
 export type UserRole = 'admin' | 'trusted' | 'basic';
 export interface InviteFromMentionProvider {
+    onInviteItemClick?(flow: InviteFlow): void;
     productName?: string;
     shouldEnableInvite?: boolean;
-    onInviteItemClick?(flow: InviteFlow): void;
     userRole?: UserRole;
 }
 export interface XProductInviteMentionProvider {

package/dist/types/util/i18n.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
 export type Formatter = (props: {
+    children?(props: string): React.ReactElement;
     values?: {
         [k: string]: string;
     };
-    children?(props: string): React.ReactElement;
 }) => React.ReactElement | null;
 type FormatterFactory = (messageDescriptor: MessageDescriptor) => Formatter;
 export declare const propFormatter: FormatterFactory;

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

@@ -7,8 +7,8 @@ export interface TeamMentionResourceConfig extends MentionResourceConfig {
  * Support
  */
 export interface ResolvingMentionProvider extends MentionProvider {
-    resolveMentionName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
     cacheMentionName(id: string, mentionName: string): void;
+    resolveMentionName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
     supportsMentionNameResolving(): boolean;
 }
 declare class AbstractResource<Result> implements ResourceProvider<Result> {

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

@@ -4,12 +4,12 @@ export interface PresenceMap {
     [userId: string]: Presence;
 }
 export interface PresenceResourceConfig {
-    url: string;
-    cloudId: string;
-    productId?: string;
     cache?: PresenceCache;
     cacheExpiry?: number;
+    cloudId: string;
     parser?: PresenceParser;
+    productId?: string;
+    url: string;
 }
 export interface PresenceCache {
     contains(userId: string): boolean;
@@ -25,12 +25,12 @@ export interface Data {
     PresenceBulk: PresenceBulk[];
 }
 export interface PresenceBulk {
-    userId: string;
-    state: null | string;
-    type: null | string;
     date: null | string;
     message: null | string;
+    state: null | string;
     stateMetadata?: string;
+    type: null | string;
+    userId: string;
 }
 export interface PresenceParser {
     mapState(state: string): string;

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

@@ -10,8 +10,8 @@ export declare enum Actions {
 export type DefaultAttributes = {
     [key: string]: any;
     context: string;
-    sessionId: string;
     pickerType: 'mentions';
+    sessionId: string;
     source: 'smarts';
 };
 export declare const defaultAttributes: (context?: MentionContextIdentifier) => DefaultAttributes;

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

@@ -2,15 +2,15 @@ import React from 'react';
 import { type MentionProvider } from '../../api/MentionResource';
 import { type MentionEventHandler } from '../../types';
 export interface Props {
-    id: string;
-    text: string;
     accessLevel?: string;
+    id: string;
     localId?: string;
     mentionProvider?: Promise<MentionProvider>;
     onClick?: MentionEventHandler;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
     ssrPlaceholderId?: string;
+    text: string;
 }
 export interface State {
     isHighlighted: boolean;

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

@@ -4,16 +4,16 @@ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnal
 export declare const ANALYTICS_HOVER_DELAY = 1000;
 export declare const UNKNOWN_USER_ID = "_|unknown|_";
 export type OwnProps = {
+    accessLevel?: string;
     id: string;
-    text: string;
     isHighlighted?: boolean;
-    accessLevel?: string;
     localId?: string;
     onClick?: MentionEventHandler;
+    onHover?: () => void;
     onMouseEnter?: MentionEventHandler;
     onMouseLeave?: MentionEventHandler;
-    onHover?: () => void;
     ssrPlaceholderId?: string;
+    text: string;
 };
 export type Props = OwnProps & WithAnalyticsEventsProps;
 export declare class MentionInternal extends React.PureComponent<Props, {}> {

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { type MentionDescription } from '../../types';
 type MentionAvatarProps = {
-    selected?: boolean;
     mention: MentionDescription;
+    selected?: boolean;
 };
 export declare const MentionAvatar: ({ mention, selected }: MentionAvatarProps) => React.JSX.Element;
 export {};

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

@@ -3,10 +3,10 @@ import { type MentionDescription, type OnMentionEvent } from '../../types';
 export { MENTION_ITEM_HEIGHT } from './styles';
 export interface Props {
     mention: MentionDescription;
-    selected?: boolean;
-    onMouseMove?: OnMentionEvent;
     onMouseEnter?: OnMentionEvent;
+    onMouseMove?: OnMentionEvent;
     onSelection?: OnMentionEvent;
+    selected?: boolean;
 }
 export default class MentionItem extends React.PureComponent<Props, {}> {
     private onMentionSelected;

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

@@ -2,14 +2,14 @@ import React from 'react';
 import { type MentionDescription, type OnMentionEvent } from '../../types';
 import MentionItem from '../MentionItem';
 export interface Props {
+    initialHighlightElement?: React.ReactElement | null;
     mentions: MentionDescription[];
-    resourceError?: Error;
     onSelection?: OnMentionEvent;
-    initialHighlightElement?: React.ReactElement | null;
+    resourceError?: Error;
 }
 export interface State {
-    selectedKey?: string;
     selectedIndex: number;
+    selectedKey?: string;
 }
 export interface Items {
     [index: string]: MentionItem;

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

@@ -12,21 +12,21 @@ export interface OnClose {
 }
 export type Position = 'above' | 'below' | 'auto';
 export interface Props {
-    resourceProvider: MentionProvider;
+    offsetX?: number;
+    offsetY?: number;
+    onClose?: OnClose;
+    onOpen?: OnOpen;
+    onSelection?: OnMentionEvent;
+    position?: Position;
     presenceProvider?: PresenceProvider;
     query?: string;
-    onSelection?: OnMentionEvent;
-    onOpen?: OnOpen;
-    onClose?: OnClose;
+    resourceProvider: MentionProvider;
     target?: string;
-    position?: Position;
     zIndex?: number | string;
-    offsetX?: number;
-    offsetY?: number;
 }
 export interface State {
-    visible: boolean;
     info?: string;
+    visible: boolean;
 }
 /**
  * @class MentionPicker

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

@@ -1,6 +1,6 @@
 import React from 'react';
 declare const AsyncNoAccessTooltip: React.LazyExoticComponent<({ name, children }: {
-    name: string;
     children: React.ReactNode;
+    name: string;
 }) => React.JSX.Element>;
 export default AsyncNoAccessTooltip;

package/dist/types-ts4.5/components/NoAccessTooltip/main.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 type Props = {
-    name: string;
     children: React.ReactNode;
+    name: string;
 };
 export declare const NoAccessTooltip: ({ name, children }: Props) => React.JSX.Element;
 export {};

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

@@ -1,11 +1,11 @@
 import React from 'react';
 export interface Props {
-    target?: string;
-    relativePosition?: 'above' | 'below' | 'auto';
+    children?: any;
     offsetX?: number;
     offsetY?: number;
+    relativePosition?: 'above' | 'below' | 'auto';
+    target?: string;
     zIndex?: number | string;
-    children?: any;
 }
 export default class Popup extends React.PureComponent<Props, {}> {
     private popup?;

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

@@ -4,15 +4,15 @@ import { type MentionProvider } from '../../api/MentionResource';
 import { type PresenceProvider } from '../../api/PresenceResource';
 import { type MentionDescription, type OnMentionEvent } from '../../types';
 export interface Props {
-    resourceProvider: MentionProvider;
+    onSelection?: OnMentionEvent;
     presenceProvider?: PresenceProvider;
     query?: string;
-    onSelection?: OnMentionEvent;
     resourceError?: Error;
+    resourceProvider: MentionProvider;
 }
 export interface State {
-    resourceError?: Error;
     mentions: MentionDescription[];
+    resourceError?: Error;
 }
 export declare class ResourcedMentionListWithoutAnalytics extends React.PureComponent<Props & WithAnalyticsEventsProps, State> {
     private subscriberKey;

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

@@ -1,8 +1,8 @@
 import { type SyntheticEvent } from 'react';
 import { type ServiceConfig } from '@atlaskit/util-service-support/types';
 export interface MentionNameResolver {
-    lookupName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
     cacheName(id: string, name: string): void;
+    lookupName(id: string): Promise<MentionNameDetails> | MentionNameDetails;
 }
 export type MentionStats = {
     [key: string]: any;
@@ -23,15 +23,15 @@ export interface AnalyticsCallback {
 }
 export interface MentionResourceConfig extends ServiceConfig {
     containerId?: string;
-    productId?: string;
-    shouldHighlightMention?: (mention: MentionDescription) => boolean;
+    debounceTime?: number;
+    inviteXProductUser?: (userId: string, mentionName: string) => Promise<void>;
     mentionNameResolver?: MentionNameResolver;
-    shouldEnableInvite?: boolean;
     onInviteItemClick?: (flow: InviteFlow) => void;
-    userRole?: UserRole;
+    productId?: string;
     productName?: string;
-    debounceTime?: number;
-    inviteXProductUser?: (userId: string, mentionName: string) => Promise<void>;
+    shouldEnableInvite?: boolean;
+    shouldHighlightMention?: (mention: MentionDescription) => boolean;
+    userRole?: UserRole;
 }
 export interface ResourceProvider<Result> {
     /**
@@ -51,55 +51,55 @@ export interface ResourceProvider<Result> {
     unsubscribe(key: string): void;
 }
 export type MentionContextIdentifier = {
+    childObjectId?: string;
     containerId?: string;
     objectId?: string;
-    childObjectId?: string;
     sessionId?: string;
 };
 export interface MentionProvider extends ResourceProvider<MentionDescription[]>, InviteFromMentionProvider, XProductInviteMentionProvider {
     filter(query?: string, contextIdentifier?: MentionContextIdentifier): void;
+    isFiltering(query: string): boolean;
     recordMentionSelection(mention: MentionDescription, contextIdentifier?: MentionContextIdentifier): void;
     shouldHighlightMention(mention: MentionDescription): boolean;
-    isFiltering(query: string): boolean;
 }
 export interface HighlightDetail {
-    start: number;
     end: number;
+    start: number;
 }
 export interface Highlight {
-    name: HighlightDetail[];
     mentionName: HighlightDetail[];
+    name: HighlightDetail[];
     nickname: HighlightDetail[];
 }
 export interface Presence {
-    time?: string;
     status?: string;
+    time?: string;
 }
 export type LozengeColor = 'default' | 'success' | 'removed' | 'inprogress' | 'new' | 'moved';
 export interface LozengeProps {
-    text: React.ReactNode;
     appearance?: LozengeColor;
+    text: React.ReactNode;
 }
 export interface MentionDescription {
-    id: string;
+    accessLevel?: string;
     avatarUrl?: string;
-    name?: string;
-    mentionName?: string;
-    nickname?: string;
+    context?: MentionDescContext;
     highlight?: Highlight;
+    id: string;
+    inContext?: boolean;
+    isXProductUser?: boolean;
     lozenge?: string | LozengeProps;
+    mentionName?: string;
+    name?: string;
+    nickname?: string;
     presence?: Presence;
-    accessLevel?: string;
-    inContext?: boolean;
-    userType?: string;
-    context?: MentionDescContext;
     source?: string;
-    isXProductUser?: boolean;
+    userType?: string;
 }
 export interface MentionDescContext {
-    members: TeamMember[];
     includesYou: boolean;
     memberCount: number;
+    members: TeamMember[];
     teamLink: string;
 }
 export interface MentionsResult {
@@ -111,13 +111,13 @@ export interface TeamMember {
     name: string;
 }
 export interface Team {
-    id: string;
-    smallAvatarImageUrl: string;
     displayName: string;
-    members: TeamMember[];
+    highlight?: Highlight;
+    id: string;
     includesYou: boolean;
     memberCount: number;
-    highlight?: Highlight;
+    members: TeamMember[];
+    smallAvatarImageUrl: string;
 }
 export type MentionEventHandler = (mentionId: string, text: string, event?: SyntheticEvent<HTMLSpanElement>) => void;
 export interface OnMentionEvent {
@@ -178,9 +178,9 @@ export declare const isPromise: <T>(p: any) => p is Promise<T>;
 export type InviteFlow = 'mention' | 'assign';
 export type UserRole = 'admin' | 'trusted' | 'basic';
 export interface InviteFromMentionProvider {
+    onInviteItemClick?(flow: InviteFlow): void;
     productName?: string;
     shouldEnableInvite?: boolean;
-    onInviteItemClick?(flow: InviteFlow): void;
     userRole?: UserRole;
 }
 export interface XProductInviteMentionProvider {

package/dist/types-ts4.5/util/i18n.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
 export type Formatter = (props: {
+    children?(props: string): React.ReactElement;
     values?: {
         [k: string]: string;
     };
-    children?(props: string): React.ReactElement;
 }) => React.ReactElement | null;
 type FormatterFactory = (messageDescriptor: MessageDescriptor) => Formatter;
 export declare const propFormatter: FormatterFactory;

package/package.json

@@ -35,7 +35,7 @@
 		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/focus-ring": "^3.0.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^27.12.0",
+		"@atlaskit/icon": "^28.0.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.11.0",
@@ -54,7 +54,6 @@
 	"description": "A React component used to display user profiles in a list for 'Mention' functionality",
 	"devDependencies": {
 		"@atlaskit/elements-test-helpers": "workspace:^",
-		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -119,5 +118,5 @@
 			]
 		}
 	},
-	"version": "24.2.9"
+	"version": "24.2.11"
 }