@atlaskit/editor-common 116.30.4 → 116.32.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @atlaskit/editor-common
 
+## 116.32.0
+
+### Minor Changes
+
+- [`3574c94470487`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3574c94470487) -
+  Add `blockTypeMessages.syncedBlockQuickInsertTitle` for noun-form synced block labels, for example
+  `formatMessage(blockTypeMessages.syncedBlockQuickInsertTitle)`, and use it in quick insert under
+  the activation experiment.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 116.31.0
+
+### Minor Changes
+
+- [`2aa9853a2c07d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2aa9853a2c07d) -
+  `ResourcedMention` and the editor-common `Mention` now accept an `isDisabled` (and
+  `disabledTooltip`) prop, forwarding the disabled mention visual state through the layered mention
+  components. A disabled mention bypasses the profile-card wrapper as it is non-interactive, while
+  retaining a readable neutral visual treatment so meaningful mention text remains perceivable.
+
+  Example usage:
+
+  ```tsx
+  <Mention
+  	id="agent-2"
+  	text="@Researcher"
+  	isDisabled
+  	disabledTooltip="Only one agent can be active at a time"
+  />
+  ```
+
+  Used in Rovo chat to grey out inactive (non-responding) agent @mentions in sent user messages: the
+  agent that responded to the turn stays fully styled while other mentioned agents render disabled.
+
+- [`f4cf0276c2938`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f4cf0276c2938) -
+  Add metric attributes for tracking agent inclusion and selection from the mention picker
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 116.30.4
 
 ### Patch Changes

package/dist/cjs/messages/block-type.js

@@ -166,6 +166,11 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Sync block',
     description: 'Short label for inserting a synced block'
   },
+  syncedBlockQuickInsertTitle: {
+    id: 'editor-common.messages.block-type.syncedBlockQuickInsertTitle',
+    defaultMessage: 'Synced block',
+    description: 'Label for the synced block item in the quick insert menu. This names the object that the item inserts.'
+  },
   syncedBlockDescription: {
     id: 'fabric.editor.syncedBlock.description',
     defaultMessage: 'Sync content across multiple locations',

package/dist/cjs/monitoring/error.js

@@ -28,7 +28,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.30.3";
+var packageVersion = "116.31.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.30.3";
+var packageVersion = "116.31.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Mention/index.js

@@ -32,7 +32,9 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         id = _this$props.id,
         text = _this$props.text,
         localId = _this$props.localId,
-        userType = _this$props.userType;
+        userType = _this$props.userType,
+        isDisabled = _this$props.isDisabled,
+        disabledTooltip = _this$props.disabledTooltip;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
       return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
@@ -41,6 +43,8 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         accessLevel: accessLevel,
         localId: localId,
         userType: userType,
+        isDisabled: isDisabled,
+        disabledTooltip: disabledTooltip,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -14,8 +14,10 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.default.memo(function (_ref) {
   var accessLevel = _ref.accessLevel,
+    disabledTooltip = _ref.disabledTooltip,
     eventHandlers = _ref.eventHandlers,
     id = _ref.id,
+    isDisabled = _ref.isDisabled,
     mentionProvider = _ref.mentionProvider,
     profilecardProviderResolver = _ref.profilecardProvider,
     text = _ref.text,
@@ -49,6 +51,24 @@ var MentionWithProviders = exports.MentionWithProviders = /*#__PURE__*/_react.de
   }, [profilecardProviderResolver]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
   var ssrPlaceholderId = "mention-".concat(id);
+
+  // A disabled mention is non-interactive, so it bypasses the profile-card
+  // wrapper and renders the disabled resourced mention directly.
+  if (isDisabled) {
+    return /*#__PURE__*/_react.default.createElement(_element.ResourcedMention, {
+      id: id,
+      text: text,
+      accessLevel: accessLevel,
+      localId: localId,
+      mentionProvider: mentionProvider,
+      isDisabled: true,
+      disabledTooltip: disabledTooltip,
+      onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
+      onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
+      onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+      ssrPlaceholderId: ssrPlaceholderId
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(MentionComponent, {
     id: id,
     text: text,

package/dist/es2019/messages/block-type.js

@@ -160,6 +160,11 @@ export const messages = defineMessages({
     defaultMessage: 'Sync block',
     description: 'Short label for inserting a synced block'
   },
+  syncedBlockQuickInsertTitle: {
+    id: 'editor-common.messages.block-type.syncedBlockQuickInsertTitle',
+    defaultMessage: 'Synced block',
+    description: 'Label for the synced block item in the quick insert menu. This names the object that the item inserts.'
+  },
   syncedBlockDescription: {
     id: 'fabric.editor.syncedBlock.description',
     defaultMessage: 'Sync content across multiple locations',

package/dist/es2019/monitoring/error.js

@@ -14,7 +14,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "116.30.3";
+const packageVersion = "116.31.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/ui/DropList/index.js

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "116.30.3";
+const packageVersion = "116.31.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/Mention/index.js

@@ -15,7 +15,9 @@ export default class Mention extends PureComponent {
         id,
         text,
         localId,
-        userType
+        userType,
+        isDisabled,
+        disabledTooltip
       } = this.props;
       const {
         mentionProvider,
@@ -27,6 +29,8 @@ export default class Mention extends PureComponent {
         accessLevel: accessLevel,
         localId: localId,
         userType: userType,
+        isDisabled: isDisabled,
+        disabledTooltip: disabledTooltip,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -4,8 +4,10 @@ import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 const GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 export const MentionWithProviders = /*#__PURE__*/React.memo(({
   accessLevel,
+  disabledTooltip,
   eventHandlers,
   id,
+  isDisabled,
   mentionProvider,
   profilecardProvider: profilecardProviderResolver,
   text,
@@ -37,6 +39,24 @@ export const MentionWithProviders = /*#__PURE__*/React.memo(({
   }, [profilecardProviderResolver]);
   const MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
   const ssrPlaceholderId = `mention-${id}`;
+
+  // A disabled mention is non-interactive, so it bypasses the profile-card
+  // wrapper and renders the disabled resourced mention directly.
+  if (isDisabled) {
+    return /*#__PURE__*/React.createElement(ResourcedMention, {
+      id: id,
+      text: text,
+      accessLevel: accessLevel,
+      localId: localId,
+      mentionProvider: mentionProvider,
+      isDisabled: true,
+      disabledTooltip: disabledTooltip,
+      onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
+      onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
+      onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+      ssrPlaceholderId: ssrPlaceholderId
+    });
+  }
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,

package/dist/esm/messages/block-type.js

@@ -160,6 +160,11 @@ export var messages = defineMessages({
     defaultMessage: 'Sync block',
     description: 'Short label for inserting a synced block'
   },
+  syncedBlockQuickInsertTitle: {
+    id: 'editor-common.messages.block-type.syncedBlockQuickInsertTitle',
+    defaultMessage: 'Synced block',
+    description: 'Label for the synced block item in the quick insert menu. This names the object that the item inserts.'
+  },
   syncedBlockDescription: {
     id: 'fabric.editor.syncedBlock.description',
     defaultMessage: 'Sync content across multiple locations',

package/dist/esm/monitoring/error.js

@@ -20,7 +20,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "116.30.3";
+var packageVersion = "116.31.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "116.30.3";
+var packageVersion = "116.31.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/Mention/index.js

@@ -24,7 +24,9 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         id = _this$props.id,
         text = _this$props.text,
         localId = _this$props.localId,
-        userType = _this$props.userType;
+        userType = _this$props.userType,
+        isDisabled = _this$props.isDisabled,
+        disabledTooltip = _this$props.disabledTooltip;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
       return /*#__PURE__*/React.createElement(MentionWithProviders, {
@@ -33,6 +35,8 @@ var Mention = /*#__PURE__*/function (_PureComponent) {
         accessLevel: accessLevel,
         localId: localId,
         userType: userType,
+        isDisabled: isDisabled,
+        disabledTooltip: disabledTooltip,
         eventHandlers: eventHandlers,
         mentionProvider: mentionProvider,
         profilecardProvider: profilecardProvider

package/dist/esm/ui/Mention/mention-with-providers.js

@@ -5,8 +5,10 @@ import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
   var accessLevel = _ref.accessLevel,
+    disabledTooltip = _ref.disabledTooltip,
     eventHandlers = _ref.eventHandlers,
     id = _ref.id,
+    isDisabled = _ref.isDisabled,
     mentionProvider = _ref.mentionProvider,
     profilecardProviderResolver = _ref.profilecardProvider,
     text = _ref.text,
@@ -40,6 +42,24 @@ export var MentionWithProviders = /*#__PURE__*/React.memo(function (_ref) {
   }, [profilecardProviderResolver]);
   var MentionComponent = profilecardProvider && profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
   var ssrPlaceholderId = "mention-".concat(id);
+
+  // A disabled mention is non-interactive, so it bypasses the profile-card
+  // wrapper and renders the disabled resourced mention directly.
+  if (isDisabled) {
+    return /*#__PURE__*/React.createElement(ResourcedMention, {
+      id: id,
+      text: text,
+      accessLevel: accessLevel,
+      localId: localId,
+      mentionProvider: mentionProvider,
+      isDisabled: true,
+      disabledTooltip: disabledTooltip,
+      onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
+      onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
+      onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave,
+      ssrPlaceholderId: ssrPlaceholderId
+    });
+  }
   return /*#__PURE__*/React.createElement(MentionComponent, {
     id: id,
     text: text,

package/dist/types/analytics/types/mention-events.d.ts

@@ -37,6 +37,7 @@ type MentionTypeaheadInviteItemClickedPayload = UIAEP<ACTION.CLICKED | ACTION.PR
 }, undefined>;
 type MentionTypeaheadInsertedPayload = UIAEP<ACTION.CLICKED | ACTION.PRESSED, ACTION_SUBJECT.MENTION_TYPEAHEAD, undefined, {
     accessLevel: string;
+    agentSectioningEnabled?: boolean;
     childObjectId?: string;
     containerId?: string;
     downKeyCount: number;
@@ -60,6 +61,9 @@ type MentionTypeaheadInsertedPayload = UIAEP<ACTION.CLICKED | ACTION.PRESSED, AC
     userType?: string;
 }, undefined, string | undefined, string | undefined, string | undefined>;
 type MentionTypeaheadRenderedPayload = OperationalAEP<ACTION.RENDERED, ACTION_SUBJECT.MENTION_TYPEAHEAD | ACTION_SUBJECT.TEAM_MENTION_TYPEAHEAD, undefined, {
+    agentCount?: number;
+    agentSectioningEnabled?: boolean;
+    agentsShown?: boolean;
     componentName: string;
     duration: number;
     queryLength?: number;

package/dist/types/messages/block-type.d.ts

@@ -154,12 +154,12 @@ export declare const messages: {
         description: string;
         id: string;
     };
-    syncedBlock: {
+    syncBlock: {
         defaultMessage: string;
         description: string;
         id: string;
     };
-    syncBlock: {
+    syncedBlock: {
         defaultMessage: string;
         description: string;
         id: string;
@@ -169,6 +169,11 @@ export declare const messages: {
         description: string;
         id: string;
     };
+    syncedBlockQuickInsertTitle: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     warningPanel: {
         defaultMessage: string;
         description: string;

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

@@ -5,8 +5,10 @@ import type { ProfilecardProvider } from '../../provider-factory/profile-card-pr
 import type { MentionEventHandlers } from '../EventHandlers';
 export interface MentionProps {
     accessLevel?: string;
+    disabledTooltip?: string;
     eventHandlers?: MentionEventHandlers;
     id: string;
+    isDisabled?: boolean;
     localId?: string;
     providers?: ProviderFactory;
     text: string;

package/dist/types/ui/Mention/mention-with-providers.d.ts

@@ -5,8 +5,10 @@ import type { ProfilecardProvider } from '../../provider-factory/profile-card-pr
 import type { MentionEventHandlers } from '../EventHandlers';
 export interface Props {
     accessLevel?: string;
+    disabledTooltip?: string;
     eventHandlers?: MentionEventHandlers;
     id: string;
+    isDisabled?: boolean;
     localId?: string;
     mentionProvider?: Promise<MentionProvider>;
     profilecardProvider?: Promise<ProfilecardProvider>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "116.30.4",
+	"version": "116.32.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,7 +47,7 @@
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-tables": "^3.0.0",
-		"@atlaskit/editor-toolbar": "^2.2.0",
+		"@atlaskit/editor-toolbar": "^2.3.0",
 		"@atlaskit/editor-toolbar-model": "^1.1.0",
 		"@atlaskit/emoji": "^71.9.0",
 		"@atlaskit/icon": "^37.0.0",
@@ -62,7 +62,7 @@
 		"@atlaskit/media-picker": "^72.1.0",
 		"@atlaskit/media-ui": "^30.7.0",
 		"@atlaskit/media-viewer": "^54.5.0",
-		"@atlaskit/mention": "^27.5.0",
+		"@atlaskit/mention": "^27.7.0",
 		"@atlaskit/menu": "^9.2.0",
 		"@atlaskit/object": "^2.2.0",
 		"@atlaskit/onboarding": "^15.1.0",
@@ -80,7 +80,7 @@
 		"@atlaskit/task-decision": "^21.4.0",
 		"@atlaskit/teams-app-config": "^2.1.0",
 		"@atlaskit/textfield": "^9.1.0",
-		"@atlaskit/tmp-editor-statsig": "^126.0.0",
+		"@atlaskit/tmp-editor-statsig": "^126.1.0",
 		"@atlaskit/tokens": "^15.8.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/width-detector": "^6.2.0",