@atlaskit/mention 22.1.8 → 22.1.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/mention
 
+## 22.1.10
+
+### Patch Changes
+
+- [#57137](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57137) [`9b9900944973`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9b9900944973) - Remove legacy theming logic from @atlaskit/date, @atlaskit/mention, @atlaskit/task-decision and @atlaskit/user-picker.
+
+## 22.1.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 22.1.8
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -0,0 +1,55 @@
+{
+    "extends": "../../../../tsconfig.entry-points.confluence.json",
+    "compilerOptions": {
+        "declaration": true,
+        "target": "es5",
+        "composite": true,
+        "outDir": "../dist",
+        "rootDir": "../",
+        "baseUrl": "../"
+    },
+    "include": [
+        "../src/**/*.ts",
+        "../src/**/*.tsx"
+    ],
+    "exclude": [
+        "../src/**/__tests__/*",
+        "../src/**/*.test.*",
+        "../src/**/test.*"
+    ],
+    "references": [
+        {
+            "path": "../../../analytics/analytics-gas-types/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../analytics/analytics-next/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/avatar/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/focus-ring/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/icon/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/lozenge/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/theme/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tokens/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../design-system/tooltip/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../../data/ufo-external/afm-cc/tsconfig.json"
+        },
+        {
+            "path": "../../util-service-support/afm-cc/tsconfig.json"
+        }
+    ]
+}

package/dist/cjs/components/Mention/PrimitiveMention.js

@@ -10,7 +10,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
 var _types = require("../../types");
 var _react2 = require("react");
@@ -18,82 +17,43 @@ var _excluded = ["mentionType"];
 var _mentionStyle, _templateObject;
 /** @jsx jsx */
 var mentionStyle = (_mentionStyle = {}, (0, _defineProperty2.default)(_mentionStyle, _types.MentionType.SELF, {
-  background: (0, _components.themed)({
-    light: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
-    dark: "var(--ds-background-brand-bold, ".concat(_colors.B200, ")")
-  }),
+  background: "var(--ds-background-brand-bold, ".concat(_colors.B400, ")"),
   borderColor: 'transparent',
-  text: (0, _components.themed)({
-    light: "var(--ds-text-inverse, ".concat(_colors.N20, ")"),
-    dark: "var(--ds-text-inverse, ".concat(_colors.DN30, ")")
-  }),
-  hoveredBackground: (0, _components.themed)({
-    light: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B400, ")"),
-    dark: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B200, ")")
-  }),
-  pressedBackground: (0, _components.themed)({
-    light: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B400, ")"),
-    dark: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B200, ")")
-  })
+  text: "var(--ds-text-inverse, ".concat(_colors.N20, ")"),
+  hoveredBackground: "var(--ds-background-brand-bold-hovered, ".concat(_colors.B400, ")"),
+  pressedBackground: "var(--ds-background-brand-bold-pressed, ".concat(_colors.B400, ")")
 }), (0, _defineProperty2.default)(_mentionStyle, _types.MentionType.RESTRICTED, {
   background: 'transparent',
-  borderColor: (0, _components.themed)({
-    light: "var(--ds-border-bold, ".concat(_colors.N500, ")"),
-    dark: "var(--ds-border-bold, ".concat(_colors.DN80, ")")
-  }),
-  text: (0, _components.themed)({
-    light: "var(--ds-text, ".concat(_colors.N500, ")"),
-    dark: "var(--ds-text, ".concat(_colors.DN100, ")")
-  }),
+  borderColor: "var(--ds-border-bold, ".concat(_colors.N500, ")"),
+  text: "var(--ds-text, ".concat(_colors.N500, ")"),
   hoveredBackground: 'transparent',
   pressedBackground: 'transparent'
 }), (0, _defineProperty2.default)(_mentionStyle, _types.MentionType.DEFAULT, {
-  background: (0, _components.themed)({
-    light: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
-    dark: "var(--ds-background-neutral, ".concat(_colors.DN80, ")")
-  }),
+  background: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
   borderColor: 'transparent',
-  text: (0, _components.themed)({
-    light: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
-    dark: "var(--ds-text-subtle, ".concat(_colors.DN800, ")")
-  }),
-  hoveredBackground: (0, _components.themed)({
-    light: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"),
-    dark: "var(--ds-background-neutral-hovered, ".concat(_colors.DN80, ")")
-  }),
-  pressedBackground: (0, _components.themed)({
-    light: "var(--ds-background-neutral-pressed, ".concat(_colors.N30A, ")"),
-    dark: "var(--ds-background-neutral-pressed, ".concat(_colors.DN80, ")")
-  })
+  text: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
+  hoveredBackground: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"),
+  pressedBackground: "var(--ds-background-neutral-pressed, ".concat(_colors.N30A, ")")
 }), _mentionStyle);
 var getStyle = function getStyle(_ref, property) {
-  var mentionType = _ref.mentionType,
-    theme = _ref.theme;
+  var mentionType = _ref.mentionType;
   var obj = mentionStyle[mentionType][property];
-  return typeof obj === 'string' ? obj : obj({
-    theme: theme
-  });
+  return typeof obj === 'string' ? obj : obj;
 };
 var PrimitiveMention = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref2, ref) {
   var mentionType = _ref2.mentionType,
     other = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-  var theme = (0, _components.useGlobalTheme)();
   return (0, _react.jsx)("span", (0, _extends2.default)({
     ref: ref,
     css: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n          display: inline;\n          border: 1px solid ", ";\n          background: ", ";\n          color: ", ";\n          border-radius: 20px;\n          cursor: pointer;\n          padding: 0 0.3em 2px 0.23em;\n          line-height: 1.714;\n          font-size: 1em;\n          font-weight: normal;\n          word-break: break-word;\n          &:hover {\n            background: ", ";\n          }\n          &:active {\n            background: ", ";\n          }\n        "])), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'borderColor'), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'background'), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'text'), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'hoveredBackground'), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'pressedBackground'))
   }, other));

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 = "22.1.8";
+var packageVersion = "22.1.10";
 var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
 var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
 var SliNames = exports.SliNames = /*#__PURE__*/function (SliNames) {

package/dist/es2019/components/Mention/PrimitiveMention.js

@@ -1,91 +1,53 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx, css } from '@emotion/react';
-import { themed, useGlobalTheme } from '@atlaskit/theme/components';
-import { B400, B200, N500, DN800, DN100, DN80, N30A, DN30, N20 } from '@atlaskit/theme/colors';
+import { B400, N500, N30A, N20 } from '@atlaskit/theme/colors';
 import { MentionType } from '../../types';
 import { forwardRef } from 'react';
 const mentionStyle = {
   [MentionType.SELF]: {
-    background: themed({
-      light: `var(--ds-background-brand-bold, ${B400})`,
-      dark: `var(--ds-background-brand-bold, ${B200})`
-    }),
+    background: `var(--ds-background-brand-bold, ${B400})`,
     borderColor: 'transparent',
-    text: themed({
-      light: `var(--ds-text-inverse, ${N20})`,
-      dark: `var(--ds-text-inverse, ${DN30})`
-    }),
-    hoveredBackground: themed({
-      light: `var(--ds-background-brand-bold-hovered, ${B400})`,
-      dark: `var(--ds-background-brand-bold-hovered, ${B200})`
-    }),
-    pressedBackground: themed({
-      light: `var(--ds-background-brand-bold-pressed, ${B400})`,
-      dark: `var(--ds-background-brand-bold-pressed, ${B200})`
-    })
+    text: `var(--ds-text-inverse, ${N20})`,
+    hoveredBackground: `var(--ds-background-brand-bold-hovered, ${B400})`,
+    pressedBackground: `var(--ds-background-brand-bold-pressed, ${B400})`
   },
   [MentionType.RESTRICTED]: {
     background: 'transparent',
-    borderColor: themed({
-      light: `var(--ds-border-bold, ${N500})`,
-      dark: `var(--ds-border-bold, ${DN80})`
-    }),
-    text: themed({
-      light: `var(--ds-text, ${N500})`,
-      dark: `var(--ds-text, ${DN100})`
-    }),
+    borderColor: `var(--ds-border-bold, ${N500})`,
+    text: `var(--ds-text, ${N500})`,
     hoveredBackground: 'transparent',
     pressedBackground: 'transparent'
   },
   [MentionType.DEFAULT]: {
-    background: themed({
-      light: `var(--ds-background-neutral, ${N30A})`,
-      dark: `var(--ds-background-neutral, ${DN80})`
-    }),
+    background: `var(--ds-background-neutral, ${N30A})`,
     borderColor: 'transparent',
-    text: themed({
-      light: `var(--ds-text-subtle, ${N500})`,
-      dark: `var(--ds-text-subtle, ${DN800})`
-    }),
-    hoveredBackground: themed({
-      light: `var(--ds-background-neutral-hovered, ${N30A})`,
-      dark: `var(--ds-background-neutral-hovered, ${DN80})`
-    }),
-    pressedBackground: themed({
-      light: `var(--ds-background-neutral-pressed, ${N30A})`,
-      dark: `var(--ds-background-neutral-pressed, ${DN80})`
-    })
+    text: `var(--ds-text-subtle, ${N500})`,
+    hoveredBackground: `var(--ds-background-neutral-hovered, ${N30A})`,
+    pressedBackground: `var(--ds-background-neutral-pressed, ${N30A})`
   }
 };
 const getStyle = ({
-  mentionType,
-  theme
+  mentionType
 }, property) => {
   const obj = mentionStyle[mentionType][property];
-  return typeof obj === 'string' ? obj : obj({
-    theme
-  });
+  return typeof obj === 'string' ? obj : obj;
 };
 const PrimitiveMention = /*#__PURE__*/forwardRef(({
   mentionType,
   ...other
 }, ref) => {
-  const theme = useGlobalTheme();
   return jsx("span", _extends({
     ref: ref,
     css: css`
           display: inline;
           border: 1px solid ${getStyle({
-      theme,
       mentionType
     }, 'borderColor')};
           background: ${getStyle({
-      theme,
       mentionType
     }, 'background')};
           color: ${getStyle({
-      theme,
       mentionType
     }, 'text')};
           border-radius: 20px;
@@ -97,13 +59,11 @@ const PrimitiveMention = /*#__PURE__*/forwardRef(({
           word-break: break-word;
           &:hover {
             background: ${getStyle({
-      theme,
       mentionType
     }, 'hoveredBackground')};
           }
           &:active {
             background: ${getStyle({
-      theme,
       mentionType
     }, 'pressedBackground')};
           }

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 { isSpecialMentionText } from '../types';
 const packageName = "@atlaskit/mention";
-const packageVersion = "22.1.8";
+const packageVersion = "22.1.10";
 export const SLI_EVENT_TYPE = 'sli';
 export const SMART_EVENT_TYPE = 'smart';
 export let SliNames = /*#__PURE__*/function (SliNames) {

package/dist/esm/components/Mention/PrimitiveMention.js

@@ -6,87 +6,47 @@ var _excluded = ["mentionType"];
 var _mentionStyle, _templateObject;
 /** @jsx jsx */
 import { jsx, css } from '@emotion/react';
-import { themed, useGlobalTheme } from '@atlaskit/theme/components';
-import { B400, B200, N500, DN800, DN100, DN80, N30A, DN30, N20 } from '@atlaskit/theme/colors';
+import { B400, N500, N30A, N20 } from '@atlaskit/theme/colors';
 import { MentionType } from '../../types';
 import { forwardRef } from 'react';
 var mentionStyle = (_mentionStyle = {}, _defineProperty(_mentionStyle, MentionType.SELF, {
-  background: themed({
-    light: "var(--ds-background-brand-bold, ".concat(B400, ")"),
-    dark: "var(--ds-background-brand-bold, ".concat(B200, ")")
-  }),
+  background: "var(--ds-background-brand-bold, ".concat(B400, ")"),
   borderColor: 'transparent',
-  text: themed({
-    light: "var(--ds-text-inverse, ".concat(N20, ")"),
-    dark: "var(--ds-text-inverse, ".concat(DN30, ")")
-  }),
-  hoveredBackground: themed({
-    light: "var(--ds-background-brand-bold-hovered, ".concat(B400, ")"),
-    dark: "var(--ds-background-brand-bold-hovered, ".concat(B200, ")")
-  }),
-  pressedBackground: themed({
-    light: "var(--ds-background-brand-bold-pressed, ".concat(B400, ")"),
-    dark: "var(--ds-background-brand-bold-pressed, ".concat(B200, ")")
-  })
+  text: "var(--ds-text-inverse, ".concat(N20, ")"),
+  hoveredBackground: "var(--ds-background-brand-bold-hovered, ".concat(B400, ")"),
+  pressedBackground: "var(--ds-background-brand-bold-pressed, ".concat(B400, ")")
 }), _defineProperty(_mentionStyle, MentionType.RESTRICTED, {
   background: 'transparent',
-  borderColor: themed({
-    light: "var(--ds-border-bold, ".concat(N500, ")"),
-    dark: "var(--ds-border-bold, ".concat(DN80, ")")
-  }),
-  text: themed({
-    light: "var(--ds-text, ".concat(N500, ")"),
-    dark: "var(--ds-text, ".concat(DN100, ")")
-  }),
+  borderColor: "var(--ds-border-bold, ".concat(N500, ")"),
+  text: "var(--ds-text, ".concat(N500, ")"),
   hoveredBackground: 'transparent',
   pressedBackground: 'transparent'
 }), _defineProperty(_mentionStyle, MentionType.DEFAULT, {
-  background: themed({
-    light: "var(--ds-background-neutral, ".concat(N30A, ")"),
-    dark: "var(--ds-background-neutral, ".concat(DN80, ")")
-  }),
+  background: "var(--ds-background-neutral, ".concat(N30A, ")"),
   borderColor: 'transparent',
-  text: themed({
-    light: "var(--ds-text-subtle, ".concat(N500, ")"),
-    dark: "var(--ds-text-subtle, ".concat(DN800, ")")
-  }),
-  hoveredBackground: themed({
-    light: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
-    dark: "var(--ds-background-neutral-hovered, ".concat(DN80, ")")
-  }),
-  pressedBackground: themed({
-    light: "var(--ds-background-neutral-pressed, ".concat(N30A, ")"),
-    dark: "var(--ds-background-neutral-pressed, ".concat(DN80, ")")
-  })
+  text: "var(--ds-text-subtle, ".concat(N500, ")"),
+  hoveredBackground: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
+  pressedBackground: "var(--ds-background-neutral-pressed, ".concat(N30A, ")")
 }), _mentionStyle);
 var getStyle = function getStyle(_ref, property) {
-  var mentionType = _ref.mentionType,
-    theme = _ref.theme;
+  var mentionType = _ref.mentionType;
   var obj = mentionStyle[mentionType][property];
-  return typeof obj === 'string' ? obj : obj({
-    theme: theme
-  });
+  return typeof obj === 'string' ? obj : obj;
 };
 var PrimitiveMention = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var mentionType = _ref2.mentionType,
     other = _objectWithoutProperties(_ref2, _excluded);
-  var theme = useGlobalTheme();
   return jsx("span", _extends({
     ref: ref,
     css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          display: inline;\n          border: 1px solid ", ";\n          background: ", ";\n          color: ", ";\n          border-radius: 20px;\n          cursor: pointer;\n          padding: 0 0.3em 2px 0.23em;\n          line-height: 1.714;\n          font-size: 1em;\n          font-weight: normal;\n          word-break: break-word;\n          &:hover {\n            background: ", ";\n          }\n          &:active {\n            background: ", ";\n          }\n        "])), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'borderColor'), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'background'), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'text'), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'hoveredBackground'), getStyle({
-      theme: theme,
       mentionType: mentionType
     }, 'pressedBackground'))
   }, other));

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 { isSpecialMentionText } from '../types';
 var packageName = "@atlaskit/mention";
-var packageVersion = "22.1.8";
+var packageVersion = "22.1.10";
 export var SLI_EVENT_TYPE = 'sli';
 export var SMART_EVENT_TYPE = 'smart';
 export var SliNames = /*#__PURE__*/function (SliNames) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/mention",
-  "version": "22.1.8",
+  "version": "22.1.10",
   "description": "A React component used to display user profiles in a list for 'Mention' functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,10 +41,10 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/avatar": "^21.4.0",
     "@atlaskit/focus-ring": "^1.3.0",
-    "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/lozenge": "^11.4.0",
+    "@atlaskit/icon": "^22.0.0",
+    "@atlaskit/lozenge": "^11.5.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.29.0",
     "@atlaskit/tooltip": "^18.0.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/util-service-support": "^6.2.0",

package/tmp/api-report-tmp.d.ts

@@ -1,818 +0,0 @@
-## API Report File for "@atlaskit/mention"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { IntlShape } from 'react-intl-next';
-import { default as React_2 } from 'react';
-import { ServiceConfig } from '@atlaskit/util-service-support/types';
-import { SyntheticEvent } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { WithAnalyticsEventsProps as WithAnalyticsEventsProps_2 } from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { WithIntlProps } from 'react-intl-next';
-
-// @public (undocumented)
-export class AbstractMentionResource extends AbstractResource<MentionDescription[]> implements MentionProvider {
-    // (undocumented)
-    filter(query?: string): void;
-    // (undocumented)
-    isFiltering(_query: string): boolean;
-    // (undocumented)
-    protected _notifyAllResultsListeners(mentionsResult: MentionsResult): void;
-    // (undocumented)
-    protected _notifyAnalyticsListeners(event: string, actionSubject: string, action: string, attributes?: {
-        [key: string]: any;
-    }): void;
-    // (undocumented)
-    protected _notifyErrorListeners(error: Error, query?: string): void;
-    // (undocumented)
-    protected _notifyInfoListeners(info: string): void;
-    // (undocumented)
-    protected _notifyListeners(mentionsResult: MentionsResult, stats?: MentionStats): void;
-    // (undocumented)
-    recordMentionSelection(_mention: MentionDescription): void;
-    // (undocumented)
-    shouldHighlightMention(_mention: MentionDescription): boolean;
-}
-
-// @public (undocumented)
-export class AbstractPresenceResource extends AbstractResource<PresenceMap> implements PresenceProvider {
-    // (undocumented)
-    protected notifyListeners(presences: PresenceMap): void;
-    // (undocumented)
-    refreshPresence(userIds: string[]): void;
-}
-
-// @public (undocumented)
-class AbstractResource<Result> implements ResourceProvider<Result> {
-    constructor();
-    // (undocumented)
-    protected allResultsListeners: Map<string, ResultCallback<Result>>;
-    // (undocumented)
-    protected analyticsListeners: Map<string, AnalyticsCallback>;
-    // (undocumented)
-    protected changeListeners: Map<string, ResultCallback<Result>>;
-    // (undocumented)
-    protected errListeners: Map<string, ErrorCallback_2>;
-    // (undocumented)
-    protected infoListeners: Map<string, InfoCallback>;
-    // (undocumented)
-    subscribe(key: string, callback?: ResultCallback<Result>, errCallback?: ErrorCallback_2, infoCallback?: InfoCallback, allResultsCallback?: ResultCallback<Result>, analyticsListeners?: AnalyticsCallback): void;
-    // (undocumented)
-    unsubscribe(key: string): void;
-}
-
-// @public (undocumented)
-interface AnalyticsCallback {
-    // (undocumented)
-    (event: string, actionSubject: string, action: string, attributes?: {
-        [key: string]: any;
-    }): void;
-}
-
-// @public
-export class ContextMentionResource implements MentionProvider {
-    constructor(mentionProvider: MentionProvider, contextIdentifier: MentionContextIdentifier);
-    // (undocumented)
-    callDefault: <K extends "filter" | "isFiltering" | "recordMentionSelection" | "shouldHighlightMention" | "subscribe" | "unsubscribe">(f: K) => MentionProvider[K];
-    // (undocumented)
-    callWithContextIds: <K extends "filter" | "isFiltering" | "recordMentionSelection" | "shouldHighlightMention" | "subscribe" | "unsubscribe">(f: K, declaredArgs: number) => MentionProvider[K];
-    // (undocumented)
-    filter: (query?: string | undefined, contextIdentifier?: MentionContextIdentifier | undefined) => void;
-    // (undocumented)
-    getContextIdentifier(): MentionContextIdentifier | undefined;
-    // (undocumented)
-    isFiltering: (query: string) => boolean;
-    // (undocumented)
-    recordMentionSelection: (mention: MentionDescription, contextIdentifier?: MentionContextIdentifier | undefined) => void;
-    // (undocumented)
-    shouldHighlightMention: (mention: MentionDescription) => boolean;
-    // (undocumented)
-    subscribe: (key: string, callback?: ResultCallback<MentionDescription[]> | undefined, errCallback?: ErrorCallback_2 | undefined, infoCallback?: InfoCallback | undefined, allResultsCallback?: ResultCallback<MentionDescription[]> | undefined, analyticsCallback?: AnalyticsCallback | undefined) => void;
-    // (undocumented)
-    unsubscribe: (key: string) => void;
-}
-
-// @public (undocumented)
-interface Data {
-    // (undocumented)
-    PresenceBulk: PresenceBulk[];
-}
-
-// @public (undocumented)
-export class DefaultMentionNameResolver implements MentionNameResolver {
-    constructor(client: MentionNameClient, analyticsProps?: WithAnalyticsEventsProps);
-    // (undocumented)
-    cacheName(id: string, name: string): void;
-    // (undocumented)
-    lookupName(id: string): MentionNameDetails | Promise<MentionNameDetails>;
-    // (undocumented)
-    static waitForBatch: number;
-}
-
-// @public (undocumented)
-export const ELEMENTS_CHANNEL = "fabric-elements";
-
-// @public (undocumented)
-interface ErrorCallback_2 {
-    // (undocumented)
-    (error: Error, query?: string): void;
-}
-
-// @public (undocumented)
-interface Highlight {
-    // (undocumented)
-    mentionName: HighlightDetail[];
-    // (undocumented)
-    name: HighlightDetail[];
-    // (undocumented)
-    nickname: HighlightDetail[];
-}
-
-// @public (undocumented)
-interface HighlightDetail {
-    // (undocumented)
-    end: number;
-    // (undocumented)
-    start: number;
-}
-
-// @public (undocumented)
-interface InfoCallback {
-    // (undocumented)
-    (info: string): void;
-}
-
-// @public (undocumented)
-export type InviteExperimentCohort = 'control' | 'not-enrolled' | 'variation';
-
-// @public (undocumented)
-export type InviteFlow = 'assign' | 'mention';
-
-// @public (undocumented)
-interface InviteFromMentionProvider {
-    // (undocumented)
-    inviteExperimentCohort?: InviteExperimentCohort;
-    // (undocumented)
-    onInviteItemClick?(flow: InviteFlow): void;
-    // (undocumented)
-    productName?: string;
-    // (undocumented)
-    shouldEnableInvite?: boolean;
-    // (undocumented)
-    userRole?: UserRole;
-}
-
-// @public (undocumented)
-export const isResolvingMentionProvider: (p: any) => p is ResolvingMentionProvider;
-
-// @public (undocumented)
-export function isSpecialMention(mention: MentionDescription): boolean;
-
-// @public (undocumented)
-type LozengeColor = 'default' | 'inprogress' | 'moved' | 'new' | 'removed' | 'success';
-
-// @public (undocumented)
-interface LozengeProps {
-    // (undocumented)
-    appearance?: LozengeColor;
-    // (undocumented)
-    text: React.ReactNode;
-}
-
-// @public (undocumented)
-export const Mention: React_2.ForwardRefExoticComponent<Omit<Props_5, keyof WithAnalyticsEventsProps_2> & React_2.RefAttributes<any>>;
-
-// @public (undocumented)
-export type Mention = MentionInternal;
-
-// @public (undocumented)
-export type MentionContextIdentifier = {
-    containerId?: string;
-    objectId?: string;
-    childObjectId?: string;
-    sessionId?: string;
-};
-
-// @public (undocumented)
-interface MentionDescContext {
-    // (undocumented)
-    includesYou: boolean;
-    // (undocumented)
-    memberCount: number;
-    // (undocumented)
-    members: TeamMember[];
-    // (undocumented)
-    teamLink: string;
-}
-
-// @public (undocumented)
-export interface MentionDescription {
-    // (undocumented)
-    accessLevel?: string;
-    // (undocumented)
-    avatarUrl?: string;
-    // (undocumented)
-    context?: MentionDescContext;
-    // (undocumented)
-    highlight?: Highlight;
-    // (undocumented)
-    id: string;
-    // (undocumented)
-    inContext?: boolean;
-    // (undocumented)
-    lozenge?: LozengeProps | string;
-    // (undocumented)
-    mentionName?: string;
-    // (undocumented)
-    name?: string;
-    // (undocumented)
-    nickname?: string;
-    // (undocumented)
-    presence?: Presence;
-    // (undocumented)
-    source?: string;
-    // (undocumented)
-    userType?: string;
-}
-
-// @public (undocumented)
-type MentionEventHandler = (mentionId: string, text: string, event?: SyntheticEvent<HTMLSpanElement>) => void;
-
-// @public (undocumented)
-class MentionInternal extends React_2.PureComponent<Props_5, {}> {
-    constructor(props: Props_5);
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    renderUnknownUserError(id: string): JSX.Element;
-}
-
-// @public (undocumented)
-export class MentionItem extends React_2.PureComponent<Props, {}> {
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export class MentionList extends React_2.PureComponent<Props_2, State> {
-    constructor(props: Props_2);
-    // (undocumented)
-    chooseCurrentSelection: () => void;
-    // (undocumented)
-    componentDidUpdate(): void;
-    // (undocumented)
-    mentionsCount: () => number;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    selectId: (id: string, callback?: () => any) => void;
-    // (undocumented)
-    selectIndex: (index: number, callback?: () => any) => void;
-    // (undocumented)
-    selectNext: () => void;
-    // (undocumented)
-    selectPrevious: () => void;
-    // (undocumented)
-    UNSAFE_componentWillReceiveProps(nextProps: Props_2): void;
-}
-
-// @public (undocumented)
-export interface MentionNameClient {
-    // (undocumented)
-    getLookupLimit(): number;
-    // (undocumented)
-    lookupMentionNames(ids: string[]): Promise<MentionNameDetails[]>;
-}
-
-// @public (undocumented)
-export interface MentionNameDetails {
-    // (undocumented)
-    id: string;
-    // (undocumented)
-    name?: string;
-    // (undocumented)
-    status: MentionNameStatus;
-}
-
-// @public (undocumented)
-export interface MentionNameResolver {
-    // (undocumented)
-    cacheName(id: string, name: string): void;
-    // (undocumented)
-    lookupName(id: string): MentionNameDetails | Promise<MentionNameDetails>;
-}
-
-// @public (undocumented)
-export enum MentionNameStatus {
-    // (undocumented)
-    OK = 2,
-    // (undocumented)
-    SERVICE_ERROR = 1,
-    // (undocumented)
-    UNKNOWN = 0
-}
-
-// @public
-class MentionPicker_2 extends React_2.PureComponent<Props_4 & WithAnalyticsEventsProps_2 & {
-    intl: IntlShape;
-}, State_3> {
-    constructor(props: Props_4 & WithAnalyticsEventsProps_2 & {
-        intl: IntlShape;
-    });
-    // (undocumented)
-    chooseCurrentSelection: () => void;
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    static defaultProps: {
-        onSelection: () => void;
-        onOpen: () => void;
-        onClose: () => void;
-    };
-    // (undocumented)
-    mentionsCount: () => number;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    selectId: (id: string, callback?: () => any) => void;
-    // (undocumented)
-    selectIndex: (index: number, callback?: () => any) => void;
-    // (undocumented)
-    selectNext: () => void;
-    // (undocumented)
-    selectPrevious: () => void;
-    // (undocumented)
-    UNSAFE_componentWillReceiveProps(nextProps: Props_4 & WithAnalyticsEventsProps_2): void;
-}
-
-// @public (undocumented)
-const MentionPickerWithAnalytics: React_2.ForwardRefExoticComponent<Omit<Pick<WithIntlProps<React_2.PropsWithChildren<Props_4 & WithAnalyticsEventsProps_2 & {
-intl: IntlShape;
-}>>, "children" | "createAnalyticsEvent" | "forwardedRef" | keyof Props_4> & React_2.RefAttributes<any>, keyof WithAnalyticsEventsProps_2> & React_2.RefAttributes<any>>;
-
-// @public (undocumented)
-type MentionPickerWithAnalytics = MentionPicker_2;
-export { MentionPickerWithAnalytics as MentionPicker }
-export default MentionPickerWithAnalytics;
-
-// @public (undocumented)
-export interface MentionProvider extends ResourceProvider<MentionDescription[]>, InviteFromMentionProvider {
-    // (undocumented)
-    filter(query?: string, contextIdentifier?: MentionContextIdentifier): void;
-    // (undocumented)
-    isFiltering(query: string): boolean;
-    // (undocumented)
-    recordMentionSelection(mention: MentionDescription, contextIdentifier?: MentionContextIdentifier): void;
-    // (undocumented)
-    shouldHighlightMention(mention: MentionDescription): boolean;
-}
-
-// @public
-export class MentionResource extends AbstractMentionResource implements ResolvingMentionProvider {
-    constructor(config: MentionResourceConfig);
-    // (undocumented)
-    cacheMentionName(id: string, mentionName: string): void;
-    // (undocumented)
-    filter(query?: string, contextIdentifier?: MentionContextIdentifier): Promise<void>;
-    // (undocumented)
-    inviteExperimentCohort?: InviteExperimentCohort;
-    // (undocumented)
-    isFiltering(query: string): boolean;
-    // (undocumented)
-    notify(searchTime: number, mentionResult: MentionsResult, query?: string): void;
-    // (undocumented)
-    notifyError(error: Error, query?: string): void;
-    // (undocumented)
-    onInviteItemClick?: (flow: InviteFlow) => void;
-    // (undocumented)
-    productName?: string;
-    // (undocumented)
-    recordMentionSelection(mention: MentionDescription, contextIdentifier?: MentionContextIdentifier): Promise<void>;
-    // (undocumented)
-    recordSelection(mention: MentionDescription, contextIdentifier?: MentionContextIdentifier): Promise<void>;
-    protected remoteInitialState(contextIdentifier?: MentionContextIdentifier): Promise<MentionsResult>;
-    // (undocumented)
-    protected remoteSearch(query: string, contextIdentifier?: MentionContextIdentifier): Promise<MentionsResult>;
-    // (undocumented)
-    resolveMentionName(id: string): MentionNameDetails | Promise<MentionNameDetails>;
-    // (undocumented)
-    shouldEnableInvite: boolean;
-    // (undocumented)
-    shouldHighlightMention(mention: MentionDescription): boolean;
-    // (undocumented)
-    supportsMentionNameResolving(): boolean;
-    // (undocumented)
-    protected updateActiveSearches(query: string): void;
-    // (undocumented)
-    userRole: UserRole;
-    // (undocumented)
-    protected verifyMentionConfig(config: MentionResourceConfig): void;
-}
-
-// @public (undocumented)
-export interface MentionResourceConfig extends ServiceConfig {
-    // (undocumented)
-    containerId?: string;
-    // (undocumented)
-    debounceTime?: number;
-    // (undocumented)
-    inviteExperimentCohort?: InviteExperimentCohort;
-    // (undocumented)
-    mentionNameResolver?: MentionNameResolver;
-    // (undocumented)
-    onInviteItemClick?: (flow: InviteFlow) => void;
-    // (undocumented)
-    productId?: string;
-    // (undocumented)
-    productName?: string;
-    // (undocumented)
-    shouldEnableInvite?: boolean;
-    // (undocumented)
-    shouldHighlightMention?: (mention: MentionDescription) => boolean;
-    // (undocumented)
-    userRole?: UserRole;
-}
-
-// @public (undocumented)
-export interface MentionsResult {
-    // (undocumented)
-    mentions: MentionDescription[];
-    // (undocumented)
-    query: string;
-}
-
-// @public (undocumented)
-export type MentionStats = {
-    [key: string]: any;
-};
-
-// @public (undocumented)
-interface OnClose {
-    // (undocumented)
-    (): void;
-}
-
-// @public (undocumented)
-interface OnMentionEvent {
-    // (undocumented)
-    (mention: MentionDescription, event?: SyntheticEvent<any>): void;
-}
-
-// @public (undocumented)
-interface OnOpen {
-    // (undocumented)
-    (): void;
-}
-
-// @public (undocumented)
-type OwnProps = {
-    id: string;
-    text: string;
-    isHighlighted?: boolean;
-    accessLevel?: string;
-    onClick?: MentionEventHandler;
-    onMouseEnter?: MentionEventHandler;
-    onMouseLeave?: MentionEventHandler;
-    onHover?: () => void;
-};
-
-// @public (undocumented)
-type Position = 'above' | 'auto' | 'below';
-
-// @public (undocumented)
-interface Presence {
-    // (undocumented)
-    status?: string;
-    // (undocumented)
-    time?: string;
-}
-
-// @public (undocumented)
-interface PresenceBulk {
-    // (undocumented)
-    date: null | string;
-    // (undocumented)
-    message: null | string;
-    // (undocumented)
-    state: null | string;
-    // (undocumented)
-    stateMetadata?: string;
-    // (undocumented)
-    type: null | string;
-    // (undocumented)
-    userId: string;
-}
-
-// @public (undocumented)
-interface PresenceCache {
-    // (undocumented)
-    contains(userId: string): boolean;
-    // (undocumented)
-    get(userId: string): Presence;
-    // (undocumented)
-    getBulk(userIds: string[]): PresenceMap;
-    // (undocumented)
-    getMissingUserIds(userIds: string[]): string[];
-    // (undocumented)
-    update(presUpdate: PresenceMap): void;
-}
-
-// @public (undocumented)
-interface PresenceMap {
-    // (undocumented)
-    [userId: string]: Presence;
-}
-
-// @public (undocumented)
-interface PresenceParser {
-    // (undocumented)
-    mapState(state: string): string;
-    // (undocumented)
-    parse(response: PresenceResponse): PresenceMap;
-}
-
-// @public (undocumented)
-export interface PresenceProvider extends ResourceProvider<PresenceMap> {
-    // (undocumented)
-    refreshPresence(userIds: string[]): void;
-}
-
-// @public (undocumented)
-export class PresenceResource extends AbstractPresenceResource {
-    constructor(config: PresenceResourceConfig);
-    // (undocumented)
-    refreshPresence(userIds: string[]): void;
-}
-
-// @public (undocumented)
-interface PresenceResourceConfig {
-    // (undocumented)
-    cache?: PresenceCache;
-    // (undocumented)
-    cacheExpiry?: number;
-    // (undocumented)
-    cloudId: string;
-    // (undocumented)
-    parser?: PresenceParser;
-    // (undocumented)
-    productId?: string;
-    // (undocumented)
-    url: string;
-}
-
-// @public (undocumented)
-interface PresenceResponse {
-    // (undocumented)
-    data: Data;
-}
-
-// @public (undocumented)
-interface Props {
-    // (undocumented)
-    mention: MentionDescription;
-    // (undocumented)
-    onMouseEnter?: OnMentionEvent;
-    // (undocumented)
-    onMouseMove?: OnMentionEvent;
-    // (undocumented)
-    onSelection?: OnMentionEvent;
-    // (undocumented)
-    selected?: boolean;
-}
-
-// @public (undocumented)
-interface Props_2 {
-    // (undocumented)
-    initialHighlightElement?: React_2.ReactElement | null;
-    // (undocumented)
-    mentions: MentionDescription[];
-    // (undocumented)
-    onSelection?: OnMentionEvent;
-    // (undocumented)
-    resourceError?: Error;
-}
-
-// @public (undocumented)
-interface Props_3 {
-    // (undocumented)
-    onSelection?: OnMentionEvent;
-    // (undocumented)
-    presenceProvider?: PresenceProvider;
-    // (undocumented)
-    query?: string;
-    // (undocumented)
-    resourceError?: Error;
-    // (undocumented)
-    resourceProvider: MentionProvider;
-}
-
-// @public (undocumented)
-interface Props_4 {
-    // (undocumented)
-    offsetX?: number;
-    // (undocumented)
-    offsetY?: number;
-    // (undocumented)
-    onClose?: OnClose;
-    // (undocumented)
-    onOpen?: OnOpen;
-    // (undocumented)
-    onSelection?: OnMentionEvent;
-    // (undocumented)
-    position?: Position;
-    // (undocumented)
-    presenceProvider?: PresenceProvider;
-    // (undocumented)
-    query?: string;
-    // (undocumented)
-    resourceProvider: MentionProvider;
-    // (undocumented)
-    target?: string;
-    // (undocumented)
-    zIndex?: number | string;
-}
-
-// @public (undocumented)
-type Props_5 = OwnProps & WithAnalyticsEventsProps_2;
-
-// @public (undocumented)
-interface Props_6 {
-    // (undocumented)
-    accessLevel?: string;
-    // (undocumented)
-    id: string;
-    // (undocumented)
-    mentionProvider?: Promise<MentionProvider>;
-    // (undocumented)
-    onClick?: MentionEventHandler;
-    // (undocumented)
-    onMouseEnter?: MentionEventHandler;
-    // (undocumented)
-    onMouseLeave?: MentionEventHandler;
-    // (undocumented)
-    text: string;
-}
-
-// @public
-export interface ResolvingMentionProvider extends MentionProvider {
-    // (undocumented)
-    cacheMentionName(id: string, mentionName: string): void;
-    // (undocumented)
-    resolveMentionName(id: string): MentionNameDetails | Promise<MentionNameDetails>;
-    // (undocumented)
-    supportsMentionNameResolving(): boolean;
-}
-
-// @public (undocumented)
-export class ResourcedMention extends React_2.PureComponent<Props_6, State_4> {
-    constructor(props: Props_6);
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    _isMounted: boolean;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    UNSAFE_componentWillReceiveProps(nextProps: Props_6): void;
-}
-
-// @public (undocumented)
-export const ResourcedMentionList: React_2.ForwardRefExoticComponent<Omit<Props_3 & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any>>;
-
-// @public (undocumented)
-export type ResourcedMentionList = ResourcedMentionListWithoutAnalytics;
-
-// @public (undocumented)
-class ResourcedMentionListWithoutAnalytics extends React_2.PureComponent<Props_3 & WithAnalyticsEventsProps, State_2> {
-    constructor(props: Props_3 & WithAnalyticsEventsProps);
-    // (undocumented)
-    chooseCurrentSelection: () => void;
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    mentionsCount: () => number;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    selectId: (id: string, callback?: () => any) => void;
-    // (undocumented)
-    selectIndex: (index: number, callback?: () => any) => void;
-    // (undocumented)
-    selectNext: () => void;
-    // (undocumented)
-    selectPrevious: () => void;
-    // (undocumented)
-    UNSAFE_componentWillReceiveProps(nextProps: Props_3): void;
-}
-
-// @public (undocumented)
-interface ResourceProvider<Result> {
-    subscribe(key: string, callback?: ResultCallback<Result>, errCallback?: ErrorCallback_2, infoCallback?: InfoCallback, allResultsCallback?: ResultCallback<Result>, analyticsCallback?: AnalyticsCallback): void;
-    unsubscribe(key: string): void;
-}
-
-// @public (undocumented)
-interface ResultCallback<T> {
-    // (undocumented)
-    (result: T, query?: string, stats?: MentionStats): void;
-}
-
-// @public (undocumented)
-interface State {
-    // (undocumented)
-    selectedIndex: number;
-    // (undocumented)
-    selectedKey?: string;
-}
-
-// @public (undocumented)
-interface State_2 {
-    // (undocumented)
-    mentions: MentionDescription[];
-    // (undocumented)
-    resourceError?: Error;
-}
-
-// @public (undocumented)
-interface State_3 {
-    // (undocumented)
-    info?: string;
-    // (undocumented)
-    visible: boolean;
-}
-
-// @public (undocumented)
-interface State_4 {
-    // (undocumented)
-    isHighlighted: boolean;
-    // (undocumented)
-    resolvedMentionName?: string;
-}
-
-// @public (undocumented)
-export interface TeamMember {
-    // (undocumented)
-    id: string;
-    // (undocumented)
-    name: string;
-}
-
-// @public
-export class TeamMentionResource extends MentionResource implements MentionProvider {
-    constructor(userMentionConfig: MentionResourceConfig, teamMentionConfig: TeamMentionResourceConfig);
-    // (undocumented)
-    filter(query?: string, contextIdentifier?: MentionContextIdentifier): Promise<void>;
-    // (undocumented)
-    notify(searchTime: number, mentionResult: MentionsResult, query?: string): void;
-}
-
-// @public (undocumented)
-export interface TeamMentionResourceConfig extends MentionResourceConfig {
-    // (undocumented)
-    teamLinkResolver?: (teamId: string) => string;
-}
-
-// @public (undocumented)
-export enum UserAccessLevel {
-    // (undocumented)
-    APPLICATION = 2,
-    // (undocumented)
-    CONTAINER = 3,
-    // (undocumented)
-    NONE = 0,
-    // (undocumented)
-    SITE = 1
-}
-
-// @public (undocumented)
-export type UserRole = 'admin' | 'basic' | 'trusted';
-
-// @public (undocumented)
-export enum UserType {
-    // (undocumented)
-    APP = 2,
-    // (undocumented)
-    DEFAULT = 0,
-    // (undocumented)
-    SPECIAL = 1,
-    // (undocumented)
-    SYSTEM = 4,
-    // (undocumented)
-    TEAM = 3
-}
-
-// (No @packageDocumentation comment for this package)
-
-```