@atlaskit/mention 27.13.2 → 27.14.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/mention
 
+## 27.14.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 27.14.0
+
+### Minor Changes
+
+- [`e801feda9c00b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e801feda9c00b) -
+  [ux] Add `isAgentMention` to `@atlaskit/mention/types`, and mark agent mention items with a
+  `data-mention-is-agent` attribute for typeahead spotlight targeting.
+  ```ts
+  import { isAgentMention } from '@atlaskit/mention/types';
+  isAgentMention(mention); // true for AGENT userType, or APP with an agent appType
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.13.2
 
 ### Patch Changes

package/dist/cjs/components/MentionItem/index.js

@@ -162,7 +162,12 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
       var restricted = (0, _types.isRestricted)(accessLevel);
       var nameHighlights = highlight && highlight.name;
       var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon, #292A2E)";
-      var RowStyle = (0, _expValEquals.expValEquals)('platform_editor_agent_mentions', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_agent_mentions_drop_one_fixes') ? _styles.RowStyleNext : _styles.RowStyle;
+      var RowStyle = _styles.RowStyle;
+      var isAgent = false;
+      if ((0, _expValEquals.expValEquals)('platform_editor_agent_mentions', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_agent_mentions_drop_one_fixes')) {
+        RowStyle = _styles.RowStyleNext;
+        isAgent = (0, _types.isAgentMention)(mention);
+      }
       return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_styles.MentionItemStyle, {
         selected: selected,
         height: height,
@@ -173,6 +178,7 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
         "data-testid": "mention-item-".concat(id),
         "data-mention-id": id,
         "data-mention-name": mentionName,
+        "data-mention-is-agent": isAgent ? 'true' : undefined,
         "data-selected": selected,
         ref: forwardedRef
       }, /*#__PURE__*/_react.default.createElement(RowStyle, null, /*#__PURE__*/_react.default.createElement(_styles.AvatarStyle, {

package/dist/cjs/types.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UserType = exports.UserAccessLevel = exports.SliNames = exports.MentionType = exports.MentionNameStatus = exports.ComponentNames = exports.Actions = void 0;
+exports.isAgentMention = isAgentMention;
 exports.isAppMention = isAppMention;
 exports.isPromise = void 0;
 exports.isRestricted = isRestricted;
@@ -102,6 +103,11 @@ function isSpecialMention(mention) {
 function isAppMention(mention) {
   return mention.userType && mention.userType === UserType[UserType.APP];
 }
+function isAgentMention(mention) {
+  // Like `isAgentTypeAheadItem` in `editor-plugin-mentions/src/ui/type-ahead/index.tsx`
+  // and `isAgentUserType` in `editor-plugin-mentions/src/pm-plugins/agent.ts`
+  return mention.userType === UserType[UserType.APP] || mention.userType === 'AGENT' || mention.appType === 'agent';
+}
 function isTeamMention(mention) {
   return mention.userType && mention.userType === UserType[UserType.TEAM];
 }

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 = "27.13.1";
+var packageVersion = "27.14.0";
 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/components/MentionItem/index.js

@@ -6,7 +6,7 @@ import Tag from '@atlaskit/tag';
 import React from 'react';
 import EditorPanelIcon from '@atlaskit/icon/core/status-information';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isRestricted } from '../../types';
+import { isAgentMention, isRestricted } from '../../types';
 import { NoAccessLabel } from '../../util/i18n';
 import { leftClick } from '../../util/mouse';
 import AsyncNoAccessTooltip from '../NoAccessTooltip';
@@ -131,7 +131,12 @@ export default class MentionItem extends React.PureComponent {
     const restricted = isRestricted(accessLevel);
     const nameHighlights = highlight && highlight.name;
     const xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon, #292A2E)";
-    const RowStyle = expValEquals('platform_editor_agent_mentions', 'isEnabled', true) && fg('platform_editor_agent_mentions_drop_one_fixes') ? RowStyleNext : RowStyleLegacy;
+    let RowStyle = RowStyleLegacy;
+    let isAgent = false;
+    if (expValEquals('platform_editor_agent_mentions', 'isEnabled', true) && fg('platform_editor_agent_mentions_drop_one_fixes')) {
+      RowStyle = RowStyleNext;
+      isAgent = isAgentMention(mention);
+    }
     return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionItemStyle, {
       selected: selected,
       height: height,
@@ -142,6 +147,7 @@ export default class MentionItem extends React.PureComponent {
       "data-testid": `mention-item-${id}`,
       "data-mention-id": id,
       "data-mention-name": mentionName,
+      "data-mention-is-agent": isAgent ? 'true' : undefined,
       "data-selected": selected,
       ref: forwardedRef
     }, /*#__PURE__*/React.createElement(RowStyle, null, /*#__PURE__*/React.createElement(AvatarStyle, {

package/dist/es2019/types.js

@@ -96,6 +96,11 @@ export function isSpecialMention(mention) {
 export function isAppMention(mention) {
   return mention.userType && mention.userType === UserType[UserType.APP];
 }
+export function isAgentMention(mention) {
+  // Like `isAgentTypeAheadItem` in `editor-plugin-mentions/src/ui/type-ahead/index.tsx`
+  // and `isAgentUserType` in `editor-plugin-mentions/src/pm-plugins/agent.ts`
+  return mention.userType === UserType[UserType.APP] || mention.userType === 'AGENT' || mention.appType === 'agent';
+}
 export function isTeamMention(mention) {
   return mention.userType && mention.userType === UserType[UserType.TEAM];
 }

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

package/dist/esm/components/MentionItem/index.js

@@ -14,7 +14,7 @@ import Tag from '@atlaskit/tag';
 import React from 'react';
 import EditorPanelIcon from '@atlaskit/icon/core/status-information';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isRestricted } from '../../types';
+import { isAgentMention, isRestricted } from '../../types';
 import { NoAccessLabel } from '../../util/i18n';
 import { leftClick } from '../../util/mouse';
 import AsyncNoAccessTooltip from '../NoAccessTooltip';
@@ -142,7 +142,12 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
       var restricted = isRestricted(accessLevel);
       var nameHighlights = highlight && highlight.name;
       var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon, #292A2E)";
-      var RowStyle = expValEquals('platform_editor_agent_mentions', 'isEnabled', true) && fg('platform_editor_agent_mentions_drop_one_fixes') ? RowStyleNext : RowStyleLegacy;
+      var RowStyle = RowStyleLegacy;
+      var isAgent = false;
+      if (expValEquals('platform_editor_agent_mentions', 'isEnabled', true) && fg('platform_editor_agent_mentions_drop_one_fixes')) {
+        RowStyle = RowStyleNext;
+        isAgent = isAgentMention(mention);
+      }
       return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionItemStyle, {
         selected: selected,
         height: height,
@@ -153,6 +158,7 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
         "data-testid": "mention-item-".concat(id),
         "data-mention-id": id,
         "data-mention-name": mentionName,
+        "data-mention-is-agent": isAgent ? 'true' : undefined,
         "data-selected": selected,
         ref: forwardedRef
       }, /*#__PURE__*/React.createElement(RowStyle, null, /*#__PURE__*/React.createElement(AvatarStyle, {

package/dist/esm/types.js

@@ -96,6 +96,11 @@ export function isSpecialMention(mention) {
 export function isAppMention(mention) {
   return mention.userType && mention.userType === UserType[UserType.APP];
 }
+export function isAgentMention(mention) {
+  // Like `isAgentTypeAheadItem` in `editor-plugin-mentions/src/ui/type-ahead/index.tsx`
+  // and `isAgentUserType` in `editor-plugin-mentions/src/pm-plugins/agent.ts`
+  return mention.userType === UserType[UserType.APP] || mention.userType === 'AGENT' || mention.appType === 'agent';
+}
 export function isTeamMention(mention) {
   return mention.userType && mention.userType === UserType[UserType.TEAM];
 }

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 = "27.13.1";
+var packageVersion = "27.14.0";
 export var SLI_EVENT_TYPE = 'sli';
 export var SMART_EVENT_TYPE = 'smart';
 export var fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/types/types.d.ts

@@ -330,6 +330,7 @@ export interface MentionNameDetails {
 export declare function isRestricted(accessLevel?: string): boolean;
 export declare function isSpecialMention(mention: MentionDescription): boolean;
 export declare function isAppMention(mention: MentionDescription): boolean | '' | undefined;
+export declare function isAgentMention(mention: MentionDescription): boolean;
 export declare function isTeamMention(mention: MentionDescription): boolean | '' | undefined;
 export declare function isSpecialMentionText(mentionText: string): boolean | '';
 export declare const isPromise: <T>(p: any) => p is Promise<T>;

package/docs/0-intro.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { md, Props, Example, code, AtlassianInternalWarning } from '@atlaskit/docs';
 
 import SimpleMentionExample from '../examples/00-simple-mention-item.vr.ap';
-const SimpleMentionSource = require('!!raw-loader!../examples/00-simple-mention-item');
+const SimpleMentionSource = require('!!raw-loader!../examples/00-simple-mention-item.vr.ap');
 
 const MentionProps = require('!!extract-react-types-loader!../src/components/Mention');
 
@@ -43,12 +43,13 @@ const _default_1: any = md`
     },
   });
 
-  ReactDOM.render(
+  const root = createRoot(container);
+  root.render(
     <MentionTypeAhead
       resourceProvider={mentionProvider}
       query="John"
       onSelection={(mention) => { /* do something */ }}
-    />, container);`}
+    />);`}
 
   ### Note:
 

package/package.json

@@ -41,7 +41,7 @@
 		"@atlaskit/skeleton": "^4.2.0",
 		"@atlaskit/tag": "^15.4.0",
 		"@atlaskit/teams-avatar": "^4.1.0",
-		"@atlaskit/tmp-editor-statsig": "^143.0.0",
+		"@atlaskit/tmp-editor-statsig": "^144.0.0",
 		"@atlaskit/tokens": "^16.4.0",
 		"@atlaskit/tooltip": "^24.0.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -125,5 +125,5 @@
 		}
 	},
 	"types": "dist/types/index.d.ts",
-	"version": "27.13.2"
+	"version": "27.14.1"
 }