@atlaskit/mention 23.11.1 → 23.11.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/mention
 
+## 23.11.3
+
+### Patch Changes
+
+- [#100905](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100905)
+  [`09996c6135609`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/09996c6135609) -
+  [EDF-2181] Cleanup platform_editor_ai_remove_mentions_record FF
+
+## 23.11.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 23.11.1
 
 ### Patch Changes

package/dist/cjs/api/MentionResource.js

@@ -14,7 +14,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _utilServiceSupport = require("@atlaskit/util-service-support");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _types = require("../types");
 var _logger = _interopRequireDefault(require("../util/logger"));
 var _analytics = require("../util/analytics");
@@ -271,13 +270,6 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
       }
       return filter;
     }()
-  }, {
-    key: "recordMentionSelection",
-    value: function recordMentionSelection(mention, contextIdentifier) {
-      return this.recordSelection(mention, contextIdentifier).then(function () {}, function (error) {
-        return (0, _logger.default)("error recording mention selection: ".concat(error), error);
-      });
-    }
   }, {
     key: "isFiltering",
     value: function isFiltering(query) {
@@ -469,53 +461,6 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
         query: result.query || query
       });
     }
-  }, {
-    key: "recordSelection",
-    value: function () {
-      var _recordSelection = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(mention, contextIdentifier) {
-        var options, sliName, result;
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              if (!(0, _platformFeatureFlags.fg)('platform_editor_ai_remove_mentions_record')) {
-                _context4.next = 2;
-                break;
-              }
-              return _context4.abrupt("return");
-            case 2:
-              options = {
-                path: 'record',
-                queryParams: _objectSpread({
-                  selectedUserId: mention.id
-                }, this.getQueryParams(contextIdentifier)),
-                requestInit: {
-                  method: 'POST'
-                }
-              };
-              sliName = (0, _types.isTeamMention)(mention) ? _types.SliNames.SELECT_TEAM : _types.SliNames.SELECT;
-              _context4.prev = 4;
-              _context4.next = 7;
-              return _utilServiceSupport.utils.requestService(this.config, options);
-            case 7:
-              result = _context4.sent;
-              this._notifyAnalyticsListeners(_analytics.SLI_EVENT_TYPE, sliName, _types.Actions.SUCCEEDED);
-              return _context4.abrupt("return", result);
-            case 12:
-              _context4.prev = 12;
-              _context4.t0 = _context4["catch"](4);
-              this._notifyAnalyticsListeners(_analytics.SLI_EVENT_TYPE, sliName, _types.Actions.FAILED);
-              throw _context4.t0;
-            case 16:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4, this, [[4, 12]]);
-      }));
-      function recordSelection(_x6, _x7) {
-        return _recordSelection.apply(this, arguments);
-      }
-      return recordSelection;
-    }()
   }]);
 }(AbstractMentionResource);
 var HttpError = exports.HttpError = /*#__PURE__*/(0, _createClass2.default)(function HttpError(statusCode, statusMessage) {

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 = "23.11.1";
+var packageVersion = "23.11.3";
 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/api/MentionResource.js

@@ -1,5 +1,4 @@
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { isAppMention, isTeamMention, MentionNameStatus, SliNames, Actions } from '../types';
 import debug from '../util/logger';
 const MAX_QUERY_ITEMS = 100;
@@ -183,9 +182,6 @@ export class MentionResource extends AbstractMentionResource {
       this.notifyError(error, query);
     }
   }
-  recordMentionSelection(mention, contextIdentifier) {
-    return this.recordSelection(mention, contextIdentifier).then(() => {}, error => debug(`error recording mention selection: ${error}`, error));
-  }
   isFiltering(query) {
     return this.activeSearches.has(query);
   }
@@ -317,30 +313,6 @@ export class MentionResource extends AbstractMentionResource {
       query: result.query || query
     };
   }
-  async recordSelection(mention, contextIdentifier) {
-    if (fg('platform_editor_ai_remove_mentions_record')) {
-      return;
-    }
-    const options = {
-      path: 'record',
-      queryParams: {
-        selectedUserId: mention.id,
-        ...this.getQueryParams(contextIdentifier)
-      },
-      requestInit: {
-        method: 'POST'
-      }
-    };
-    const sliName = isTeamMention(mention) ? SliNames.SELECT_TEAM : SliNames.SELECT;
-    try {
-      const result = await serviceUtils.requestService(this.config, options);
-      this._notifyAnalyticsListeners(SLI_EVENT_TYPE, sliName, Actions.SUCCEEDED);
-      return result;
-    } catch (error) {
-      this._notifyAnalyticsListeners(SLI_EVENT_TYPE, sliName, Actions.FAILED);
-      throw error;
-    }
-  }
 }
 export class HttpError {
   constructor(statusCode, statusMessage) {

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 = "23.11.1";
+const packageVersion = "23.11.3";
 export const SLI_EVENT_TYPE = 'sli';
 export const SMART_EVENT_TYPE = 'smart';
 export const fireAnalyticsMentionTypeaheadEvent = props => (action, duration, userIds = [], query) => {

package/dist/esm/api/MentionResource.js

@@ -11,7 +11,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { utils as serviceUtils } from '@atlaskit/util-service-support';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { isAppMention, isTeamMention, MentionNameStatus, SliNames, Actions } from '../types';
 import debug from '../util/logger';
 var MAX_QUERY_ITEMS = 100;
@@ -264,13 +263,6 @@ export var MentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
       }
       return filter;
     }()
-  }, {
-    key: "recordMentionSelection",
-    value: function recordMentionSelection(mention, contextIdentifier) {
-      return this.recordSelection(mention, contextIdentifier).then(function () {}, function (error) {
-        return debug("error recording mention selection: ".concat(error), error);
-      });
-    }
   }, {
     key: "isFiltering",
     value: function isFiltering(query) {
@@ -462,53 +454,6 @@ export var MentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
         query: result.query || query
       });
     }
-  }, {
-    key: "recordSelection",
-    value: function () {
-      var _recordSelection = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(mention, contextIdentifier) {
-        var options, sliName, result;
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              if (!fg('platform_editor_ai_remove_mentions_record')) {
-                _context4.next = 2;
-                break;
-              }
-              return _context4.abrupt("return");
-            case 2:
-              options = {
-                path: 'record',
-                queryParams: _objectSpread({
-                  selectedUserId: mention.id
-                }, this.getQueryParams(contextIdentifier)),
-                requestInit: {
-                  method: 'POST'
-                }
-              };
-              sliName = isTeamMention(mention) ? SliNames.SELECT_TEAM : SliNames.SELECT;
-              _context4.prev = 4;
-              _context4.next = 7;
-              return serviceUtils.requestService(this.config, options);
-            case 7:
-              result = _context4.sent;
-              this._notifyAnalyticsListeners(SLI_EVENT_TYPE, sliName, Actions.SUCCEEDED);
-              return _context4.abrupt("return", result);
-            case 12:
-              _context4.prev = 12;
-              _context4.t0 = _context4["catch"](4);
-              this._notifyAnalyticsListeners(SLI_EVENT_TYPE, sliName, Actions.FAILED);
-              throw _context4.t0;
-            case 16:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4, this, [[4, 12]]);
-      }));
-      function recordSelection(_x6, _x7) {
-        return _recordSelection.apply(this, arguments);
-      }
-      return recordSelection;
-    }()
   }]);
 }(AbstractMentionResource);
 export var HttpError = /*#__PURE__*/_createClass(function HttpError(statusCode, statusMessage) {

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 = "23.11.1";
+var packageVersion = "23.11.3";
 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

@@ -51,7 +51,6 @@ export declare class MentionResource extends AbstractMentionResource implements
     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;
@@ -79,7 +78,6 @@ export declare class MentionResource extends AbstractMentionResource implements
     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;

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

@@ -24,5 +24,5 @@ export default class ResourcedMention extends React.PureComponent<Props, State>
     private setStateSafely;
     private processName;
     private handleMentionProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -24,8 +24,8 @@ export declare class MentionInternal extends React.PureComponent<Props, {}> {
     private handleOnMouseLeave;
     private getMentionType;
     componentWillUnmount(): void;
-    renderUnknownUserError(id: string): JSX.Element;
-    render(): JSX.Element;
+    renderUnknownUserError(id: string): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const Mention: React.ForwardRefExoticComponent<Omit<OwnProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 type Mention = MentionInternal;

package/dist/types/components/MentionDescriptionByline/TeamMentionDescriptionByline.d.ts

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

package/dist/types/components/MentionDescriptionByline/UserMentionDescriptionByline.d.ts

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

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

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

package/dist/types/components/MentionDescriptionByline/styles.d.ts

@@ -1,5 +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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

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

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

@@ -12,5 +12,5 @@ export default class MentionItem extends React.PureComponent<Props, {}> {
     private onMentionSelected;
     private onMentionMenuItemMouseMove;
     private onMentionMenuItemMouseEnter;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -13,34 +13,34 @@ export interface InfoSectionStyleProps {
 }
 export declare const RowStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -37,5 +37,5 @@ export default class MentionList extends React.PureComponent<Props, State> {
     private renderItems;
     private isSelectedMention;
     private handleScrollableRef;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -4,5 +4,5 @@ export interface MentionListStyleProps {
 }
 export declare const MentionListStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & MentionListStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/components/MentionListError/GenericErrorIllustration.d.ts

@@ -3,5 +3,5 @@ export interface Props {
     title?: string;
 }
 export declare class GenericErrorIllustration extends React.PureComponent<Props, {}> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -9,5 +9,5 @@ export default class MentionListError extends React.PureComponent<Props, {}> {
      * @param error the error to be displayed
      */
     private static getAdvisedActionMessage;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/components/MentionListError/styles.d.ts

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

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

@@ -68,7 +68,7 @@ export declare class MentionPicker extends React.PureComponent<Props & WithAnaly
     private filterError;
     private filterInfo;
     private handleMentionListRef;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const MentionPickerWithAnalytics: React.ForwardRefExoticComponent<Omit<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<Props & WithAnalyticsEventsProps & {
     intl: IntlShape;

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

@@ -4,9 +4,9 @@ export interface MentionPickerStyleProps {
 }
 export declare const MentionPickerStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & MentionPickerStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MentionPickerInfoStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,3 +1,3 @@
-import { type PropsWithChildren } from 'react';
-declare const MessagesIntlProvider: (props: PropsWithChildren<{}>) => JSX.Element;
+import React, { type PropsWithChildren } from 'react';
+declare const MessagesIntlProvider: (props: PropsWithChildren<{}>) => React.JSX.Element;
 export default MessagesIntlProvider;

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

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

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

@@ -3,5 +3,5 @@ type Props = {
     name: string;
     children: React.ReactNode;
 };
-export declare const NoAccessTooltip: ({ name, children }: Props) => JSX.Element;
+export declare const NoAccessTooltip: ({ name, children }: Props) => React.JSX.Element;
 export {};

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

@@ -22,5 +22,5 @@ export default class Popup extends React.PureComponent<Props, {}> {
     _applyAbovePosition(): void;
     _applyAbsolutePosition(): void;
     _renderContent(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -39,7 +39,7 @@ export declare class ResourcedMentionListWithoutAnalytics extends React.PureComp
     private presenceUpdate;
     private notifySelection;
     private handleMentionListRef;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const ResourcedMentionList: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 type ResourcedMentionList = ResourcedMentionListWithoutAnalytics;

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

@@ -7,5 +7,5 @@ export default class Scrollable extends React.PureComponent<Props, {}> {
     private scrollableDiv?;
     reveal: (child: MentionItem) => void;
     private handleRef;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/dist/types/components/Scrollable/styles.d.ts

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

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

@@ -51,7 +51,6 @@ export declare class MentionResource extends AbstractMentionResource implements
     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;
@@ -79,7 +78,6 @@ export declare class MentionResource extends AbstractMentionResource implements
     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;

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

@@ -24,5 +24,5 @@ export default class ResourcedMention extends React.PureComponent<Props, State>
     private setStateSafely;
     private processName;
     private handleMentionProvider;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -24,8 +24,8 @@ export declare class MentionInternal extends React.PureComponent<Props, {}> {
     private handleOnMouseLeave;
     private getMentionType;
     componentWillUnmount(): void;
-    renderUnknownUserError(id: string): JSX.Element;
-    render(): JSX.Element;
+    renderUnknownUserError(id: string): React.JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const Mention: React.ForwardRefExoticComponent<Omit<OwnProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 type Mention = MentionInternal;

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

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

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

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

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

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

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

@@ -1,5 +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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

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

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

@@ -12,5 +12,5 @@ export default class MentionItem extends React.PureComponent<Props, {}> {
     private onMentionSelected;
     private onMentionMenuItemMouseMove;
     private onMentionMenuItemMouseEnter;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -13,34 +13,34 @@ export interface InfoSectionStyleProps {
 }
 export declare const RowStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -37,5 +37,5 @@ export default class MentionList extends React.PureComponent<Props, State> {
     private renderItems;
     private isSelectedMention;
     private handleScrollableRef;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -4,5 +4,5 @@ export interface MentionListStyleProps {
 }
 export declare const MentionListStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & MentionListStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -3,5 +3,5 @@ export interface Props {
     title?: string;
 }
 export declare class GenericErrorIllustration extends React.PureComponent<Props, {}> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -9,5 +9,5 @@ export default class MentionListError extends React.PureComponent<Props, {}> {
      * @param error the error to be displayed
      */
     private static getAdvisedActionMessage;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

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

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

@@ -68,7 +68,7 @@ export declare class MentionPicker extends React.PureComponent<Props & WithAnaly
     private filterError;
     private filterInfo;
     private handleMentionListRef;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const MentionPickerWithAnalytics: React.ForwardRefExoticComponent<Omit<Omit<import("react-intl-next").WithIntlProps<React.PropsWithChildren<Props & WithAnalyticsEventsProps & {
     intl: IntlShape;

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

@@ -4,9 +4,9 @@ export interface MentionPickerStyleProps {
 }
 export declare const MentionPickerStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & MentionPickerStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MentionPickerInfoStyle: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,3 +1,3 @@
-import { type PropsWithChildren } from 'react';
-declare const MessagesIntlProvider: (props: PropsWithChildren<{}>) => JSX.Element;
+import React, { type PropsWithChildren } from 'react';
+declare const MessagesIntlProvider: (props: PropsWithChildren<{}>) => React.JSX.Element;
 export default MessagesIntlProvider;

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

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

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

@@ -3,5 +3,5 @@ type Props = {
     name: string;
     children: React.ReactNode;
 };
-export declare const NoAccessTooltip: ({ name, children }: Props) => JSX.Element;
+export declare const NoAccessTooltip: ({ name, children }: Props) => React.JSX.Element;
 export {};

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

@@ -22,5 +22,5 @@ export default class Popup extends React.PureComponent<Props, {}> {
     _applyAbovePosition(): void;
     _applyAbsolutePosition(): void;
     _renderContent(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -39,7 +39,7 @@ export declare class ResourcedMentionListWithoutAnalytics extends React.PureComp
     private presenceUpdate;
     private notifySelection;
     private handleMentionListRef;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const ResourcedMentionList: React.ForwardRefExoticComponent<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
 type ResourcedMentionList = ResourcedMentionListWithoutAnalytics;

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

@@ -7,5 +7,5 @@ export default class Scrollable extends React.PureComponent<Props, {}> {
     private scrollableDiv?;
     reveal: (child: MentionItem) => void;
     private handleRef;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

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

package/package.json

@@ -36,11 +36,11 @@
 		"@atlaskit/avatar": "^21.18.0",
 		"@atlaskit/focus-ring": "^2.1.0",
 		"@atlaskit/heading": "^4.1.0",
-		"@atlaskit/icon": "^23.6.0",
+		"@atlaskit/icon": "^23.8.0",
 		"@atlaskit/lozenge": "^11.13.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
-		"@atlaskit/primitives": "^13.4.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/primitives": "^13.5.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@atlaskit/ufo": "^0.3.0",
@@ -116,5 +116,5 @@
 			]
 		}
 	},
-	"version": "23.11.1"
+	"version": "23.11.3"
 }