@atlaskit/editor-common 116.10.0 → 116.11.0

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # @atlaskit/editor-common
 
+## 116.11.0
+
+### Minor Changes
+
+- [`b483e293da76f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b483e293da76f) -
+  Add a gated `isSuggested` attribute to block menu element transformed analytics events so
+  suggested and non-suggested transform selections can be distinguished. The event attribute is
+  gated behind the `platform_editor_blocks_patch_2` feature gate.
+- [`dbf22f118dd9e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dbf22f118dd9e) -
+  Rewrite Rovo Chat @-mention provider on a single Relay-native RovoChatMentionResource that fires
+  people + agents in parallel via Promise. People render as soon as URS resolves and agents pop in
+  below when ready. New aliased agentStudio_getAgents query consolidates 3 prefetch round trips into
+  1, drops over-fetched fields, and uses real abort plumbing. Adds opt-in subscribeToItemsUpdates
+  multi-emit contract to the editor mention typeahead so progressive emissions are no longer dropped
+  after the first frame.
+- [`77f3d60237123`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/77f3d60237123) -
+  Add a live word count next to the line count in the markdown source view footer
+- [`59f92f7b6fbac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/59f92f7b6fbac) -
+  EDITOR-7095: Use shorter tooltip for padlock
+
+### Patch Changes
+
+- [`ee28cf33718b0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ee28cf33718b0) -
+  Add @atlassian/react-compiler-gating as a runtime dependency to enable React Compiler platform
+  gating.
+- [`64a0b50380570`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/64a0b50380570) - -
+  Improve TypeScript auto-detection for class fields and typed arrow function params/return types.
+  - Avoid unnecessary code block node updates when auto-detection re-detects the same language.
+  - Prevent wrap toggles from scrolling long code blocks to the top.
+  - Keep the language picker placement stable while it is open.
+  - Reset language picker search state on reopen so recent selections are not reported as search
+    selections.
+  - Prevent language picker close/selection from scrolling partially visible code blocks while
+    restoring editor focus.
+  - Add auto-detection analytics metadata to distinguish initial detection from re-detection.
+- Updated dependencies
+
+## 116.10.1
+
+### Patch Changes
+
+- [`e108322f4ea71`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e108322f4ea71) -
+  Add emoji tooltip on hover using VanillaTooltip behind platform_editor_emoji_hover_show_tooltip
+  experiment
+- Updated dependencies
+
 ## 116.10.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -184,6 +184,9 @@
 		{
 			"path": "../../../design-system/width-detector/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../react-compiler/react-compiler-gating/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../media/media-core/afm-cc/tsconfig.json"
 		}

package/afm-products/tsconfig.json

@@ -184,6 +184,9 @@
 		{
 			"path": "../../../design-system/width-detector/afm-products/tsconfig.json"
 		},
+		{
+			"path": "../../../react-compiler/react-compiler-gating/afm-products/tsconfig.json"
+		},
 		{
 			"path": "../../../media/media-core/afm-products/tsconfig.json"
 		}

package/dist/cjs/ai-messages/ai-suggestions.js

@@ -121,9 +121,9 @@ var aiSuggestionsMessages = exports.aiSuggestionsMessages = (0, _reactIntl.defin
     defaultMessage: 'Private',
     description: 'Label for the private/lock indicator on the AI suggestions card'
   },
-  cardPrivateTooltipLabel: {
-    id: 'fabric.editor.ai.suggestions.card.privateTooltipLabel.non-final',
-    defaultMessage: 'Only you and those with access to the sources can see this private suggestion.',
+  cardPrivateTooltipLabelShort: {
+    id: 'fabric.editor.ai.suggestions.card.privateTooltipLabelShort.non-final',
+    defaultMessage: 'Visible only to you',
     description: 'Tooltip shown on the private indicator icon in the AI suggestions card'
   },
   cardSourcesButtonLabel: {

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.9.1";
+var packageVersion = "116.10.1";
 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.9.1";
+var packageVersion = "116.10.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/vanilla-tooltip/index.js

@@ -43,6 +43,13 @@ var VanillaTooltip = exports.VanillaTooltip = /*#__PURE__*/function () {
   className) {
     var _this = this;
     var timeout = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 300;
+    var
+    /**
+     * Optional inline styles to apply directly to the tooltip element.
+     * Useful when the tooltip is rendered in the browser's top layer (via Popover API),
+     * where ancestor CSS selectors cannot reach it.
+     */
+    styles = arguments.length > 5 ? arguments[5] : undefined;
     (0, _classCallCheck2.default)(this, VanillaTooltip);
     (0, _defineProperty2.default)(this, "listeners", []);
     (0, _defineProperty2.default)(this, "shouldHidePopover", false);
@@ -55,6 +62,9 @@ var VanillaTooltip = exports.VanillaTooltip = /*#__PURE__*/function () {
     tooltip.className = className;
     tooltip.id = id;
     tooltip.textContent = content;
+    if (styles) {
+      Object.assign(tooltip.style, styles);
+    }
     this.tooltip = tooltip;
 
     // Button preparation

package/dist/es2019/ai-messages/ai-suggestions.js

@@ -115,9 +115,9 @@ export const aiSuggestionsMessages = defineMessages({
     defaultMessage: 'Private',
     description: 'Label for the private/lock indicator on the AI suggestions card'
   },
-  cardPrivateTooltipLabel: {
-    id: 'fabric.editor.ai.suggestions.card.privateTooltipLabel.non-final',
-    defaultMessage: 'Only you and those with access to the sources can see this private suggestion.',
+  cardPrivateTooltipLabelShort: {
+    id: 'fabric.editor.ai.suggestions.card.privateTooltipLabelShort.non-final',
+    defaultMessage: 'Visible only to you',
     description: 'Tooltip shown on the private indicator icon in the AI suggestions card'
   },
   cardSourcesButtonLabel: {

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.9.1";
+const packageVersion = "116.10.1";
 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.9.1";
+const packageVersion = "116.10.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/vanilla-tooltip/index.js

@@ -29,7 +29,13 @@ export class VanillaTooltip {
   /**
    * Class Name – used for styling.
    */
-  className, timeout = 300) {
+  className, timeout = 300,
+  /**
+   * Optional inline styles to apply directly to the tooltip element.
+   * Useful when the tooltip is rendered in the browser's top layer (via Popover API),
+   * where ancestor CSS selectors cannot reach it.
+   */
+  styles) {
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "shouldHidePopover", false);
     _defineProperty(this, "isDisplayed", false);
@@ -41,6 +47,9 @@ export class VanillaTooltip {
     tooltip.className = className;
     tooltip.id = id;
     tooltip.textContent = content;
+    if (styles) {
+      Object.assign(tooltip.style, styles);
+    }
     this.tooltip = tooltip;
 
     // Button preparation

package/dist/esm/ai-messages/ai-suggestions.js

@@ -115,9 +115,9 @@ export var aiSuggestionsMessages = defineMessages({
     defaultMessage: 'Private',
     description: 'Label for the private/lock indicator on the AI suggestions card'
   },
-  cardPrivateTooltipLabel: {
-    id: 'fabric.editor.ai.suggestions.card.privateTooltipLabel.non-final',
-    defaultMessage: 'Only you and those with access to the sources can see this private suggestion.',
+  cardPrivateTooltipLabelShort: {
+    id: 'fabric.editor.ai.suggestions.card.privateTooltipLabelShort.non-final',
+    defaultMessage: 'Visible only to you',
     description: 'Tooltip shown on the private indicator icon in the AI suggestions card'
   },
   cardSourcesButtonLabel: {

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.9.1";
+var packageVersion = "116.10.1";
 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.9.1";
+var packageVersion = "116.10.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/vanilla-tooltip/index.js

@@ -36,6 +36,13 @@ export var VanillaTooltip = /*#__PURE__*/function () {
   className) {
     var _this = this;
     var timeout = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 300;
+    var
+    /**
+     * Optional inline styles to apply directly to the tooltip element.
+     * Useful when the tooltip is rendered in the browser's top layer (via Popover API),
+     * where ancestor CSS selectors cannot reach it.
+     */
+    styles = arguments.length > 5 ? arguments[5] : undefined;
     _classCallCheck(this, VanillaTooltip);
     _defineProperty(this, "listeners", []);
     _defineProperty(this, "shouldHidePopover", false);
@@ -48,6 +55,9 @@ export var VanillaTooltip = /*#__PURE__*/function () {
     tooltip.className = className;
     tooltip.id = id;
     tooltip.textContent = content;
+    if (styles) {
+      Object.assign(tooltip.style, styles);
+    }
     this.tooltip = tooltip;
 
     // Button preparation

package/dist/types/ai-messages/ai-suggestions.d.ts

@@ -59,7 +59,7 @@ export declare const aiSuggestionsMessages: {
         description: string;
         id: string;
     };
-    cardPrivateTooltipLabel: {
+    cardPrivateTooltipLabelShort: {
         defaultMessage: string;
         description: string;
         id: string;

package/dist/types/analytics/types/block-menu-events.d.ts

@@ -37,6 +37,7 @@ interface ElementTransformAttr {
     inputMethod: INPUT_METHOD.BLOCK_MENU;
     isEmptyLine: boolean;
     isNested: boolean;
+    isSuggested?: boolean;
     outputNodesCount: number;
     sourceNodesCount: number;
     sourceNodesCountByType: Record<string, number>;

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

@@ -174,6 +174,7 @@ type CodeBlockLanguageSelectedAEP = TrackAEP<ACTION.LANGUAGE_SELECTED, ACTION_SU
     selectionSource?: 'all' | 'pinned' | 'recentlyUsed' | 'search';
 }, undefined>;
 type CodeBlockLanguageAutoDetectedAEP = TrackAEP<ACTION.LANGUAGE_AUTO_DETECTED, ACTION_SUBJECT.CODE_BLOCK, undefined, {
+    detectionPhase?: 'initial' | 'redetection';
     detectionResult: 'detected' | 'noneDetected';
     language: string;
 }, undefined>;

package/dist/types/types/markdown-mode-plugin-stub.d.ts

@@ -23,6 +23,7 @@ export type _MarkdownModePluginStateStub = {
         columnNumber: number;
         lineCount: number;
         lineNumber: number;
+        wordCount?: number;
     } | null;
     view: 'syntax' | 'split-view' | 'preview';
     wrapSourceCode: boolean;
@@ -59,6 +60,7 @@ export type _MarkdownModePluginStub = NextEditorPlugin<'markdownMode', {
             columnNumber: number;
             lineCount: number;
             lineNumber: number;
+            wordCount?: number;
         } | null) => void;
         setView: (view: 'syntax' | 'split-view' | 'preview') => void;
         setWrapSourceCode: (wrapSourceCode: boolean) => void;

package/dist/types/types/type-ahead.d.ts

@@ -75,6 +75,33 @@ export type TypeAheadSectionTitleUpdate = {
     title: string;
 };
 export type TypeAheadForceSelect = (props: TypeAheadForceSelectProps) => TypeAheadItem | undefined;
+/**
+ * Multi-emit contract returned by `TypeAheadHandler.subscribeToItemsUpdates`.
+ *
+ * The runtime awaits `initial` to render the dropdown's first frame,
+ * then re-renders with whatever each `subscribe` callback delivers
+ * thereafter. The returned unsubscribe function is called when the
+ * query changes or the component unmounts.
+ */
+export type TypeAheadItemsUpdate = {
+    initial: Promise<Array<TypeAheadItem>>;
+    /**
+     * Subscribe to incremental updates from this `TypeAheadItemsUpdate`.
+     *
+     * **Single-subscriber contract.** Implementations are NOT required
+     * to support multiple concurrent subscribers; calling `subscribe`
+     * twice on the same instance may silently overwrite the first
+     * callback. The runtime calls this once per filter cycle, and a
+     * fresh `TypeAheadItemsUpdate` is produced by
+     * `subscribeToItemsUpdates` for every query, so fan-out is never
+     * needed in practice.
+     *
+     * The returned function unsubscribes the callback and releases any
+     * underlying transport. The runtime calls it on query change or
+     * component unmount.
+     */
+    subscribe: (update: (items: Array<TypeAheadItem>) => void) => () => void;
+};
 export type MoreOptionsButtonConfig = {
     ariaLabel?: string;
     iconBefore?: ReactNode;
@@ -119,6 +146,28 @@ export type TypeAheadHandler = {
     onOpen?: (editorState: EditorState) => void;
     /** Handler returns a transaction which inserts the TypeAheadItem into the doc */
     selectItem: TypeAheadSelectItem;
+    /**
+     * Optional opt-in to multi-emit. When implemented, the type-ahead
+     * runtime calls this INSTEAD of `getItems` and renders the dropdown
+     * progressively as updates arrive.
+     *
+     * Returns:
+     *  - `initial`: a Promise that resolves with the first set of items
+     *    to show. Replaces the single-shot `getItems` Promise.
+     *  - `subscribe(update)`: registers a callback that fires with a
+     *    fresh items array whenever the underlying provider has more
+     *    results (for example: "people first, then merged people +
+     *    agents" for the Rovo Chat mention provider). Returns an
+     *    unsubscribe function that the runtime calls on query change
+     *    or component unmount.
+     *
+     * Existing handlers using only `getItems` continue to work
+     * unchanged. This field is purely additive.
+     */
+    subscribeToItemsUpdates?: (props: {
+        editorState: EditorState;
+        query: string;
+    }) => TypeAheadItemsUpdate;
     /** Pattern that will trigger the TypeAhead */
     trigger: string;
 };

package/dist/types/vanilla-tooltip/index.d.ts

@@ -21,7 +21,13 @@ export declare class VanillaTooltip {
     /**
      * Class Name – used for styling.
      */
-    className: string, timeout?: number);
+    className: string, timeout?: number, 
+    /**
+     * Optional inline styles to apply directly to the tooltip element.
+     * Useful when the tooltip is rendered in the browser's top layer (via Popover API),
+     * where ancestor CSS selectors cannot reach it.
+     */
+    styles?: Record<string, string>);
     private createPopperInstance;
     destroy(): void;
     private hide;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "116.10.0",
+	"version": "116.11.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -72,17 +72,18 @@
 		"@atlaskit/profilecard": "^26.1.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
 		"@atlaskit/react-ufo": "^7.1.0",
-		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/section-message": "^9.1.0",
 		"@atlaskit/smart-card": "^45.2.0",
 		"@atlaskit/smart-user-picker": "^11.0.0",
 		"@atlaskit/spinner": "^20.0.0",
 		"@atlaskit/task-decision": "^21.2.0",
 		"@atlaskit/teams-app-config": "^2.0.0",
 		"@atlaskit/textfield": "^9.0.0",
-		"@atlaskit/tmp-editor-statsig": "^109.2.0",
-		"@atlaskit/tokens": "^14.0.0",
+		"@atlaskit/tmp-editor-statsig": "^110.0.0",
+		"@atlaskit/tokens": "^15.0.0",
 		"@atlaskit/tooltip": "^23.0.0",
 		"@atlaskit/width-detector": "^6.0.0",
+		"@atlassian/react-compiler-gating": "^0.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",
@@ -121,7 +122,6 @@
 	"devDependencies": {
 		"@atlaskit/media-core": "^38.0.0",
 		"@atlassian/a11y-jest-testing": "^0.12.0",
-		"@atlassian/react-compiler-gating": "workspace:^",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",