@atlaskit/editor-plugin-type-ahead 17.1.7 → 17.1.10

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 17.1.10
+
+### Patch Changes
+
+- Updated dependencies
+
+## 17.1.9
+
+### Patch Changes
+
+- [`f4992ab3be7d5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f4992ab3be7d5) -
+  Focus attached typeahead queries before the next animation frame behind the
+  `platform_editor_typeahead_early_focus` experiment.
+- Updated dependencies
+
+## 17.1.8
+
+### Patch Changes
+
+- [`0927c3666c010`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0927c3666c010) -
+  Upgrade `uuid` from `3.x` to `11.1.1` to remediate GHSA-w5hq-g745-h8pq / SNYK-JS-UUID-16133035.
+
+  `uuid@11` removed the deep subpath exports (`uuid/v4`, `uuid/v1`, `uuid/v5`) and the default
+  export, so all internal call sites were migrated to named imports:
+
+  ```diff
+  -import uuid from 'uuid/v4';
+  +import { v4 as uuid } from 'uuid';
+
+  -import uuid from 'uuid';
+  +import { v4 as uuid } from 'uuid';
+  ```
+
+  With the exception of `@atlassian/integrations` (below), this is an internal implementation change
+  only - no public API, export, or entrypoint changed. UUID generation behaviour is unchanged
+  (`uuid@3`'s default export was already `v4`).
+
+  `@atlassian/integrations` declares `uuid` as a peer dependency, so its declared range moved from
+  `^3.1.0` to `^11.1.1`. That is a peer dependency declaration change, hence `minor` rather than
+  `patch` for that package.
+
+  The following `platform/packages/ai-mate` packages were also touched, but are all `private: true`
+  and so are intentionally not listed in the frontmatter above:
+  - `@atlassian/csm-assistance-service` - bumped its explicit `uuid` dependency from `npm:^9.0.0` to
+    `npm:^11.1.1` (`9.0.1` is also within the advisory's affected range).
+  - `@atlassian/csm-guidance-config` - example helper only, migrated to the named `uuid` import.
+  - `@atlassian/csm-ui-components` - example helper only, migrated to the named `uuid` import.
+
+- Updated dependencies
+
 ## 17.1.7
 
 ### Patch Changes

package/dist/cjs/ui/InputQuery.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InputQuery = void 0;
+exports.scheduleFocusAfterAttachment = exports.InputQuery = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -15,6 +15,7 @@ var _browser = require("@atlaskit/editor-common/browser");
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 var _constants = require("../pm-plugins/constants");
 var _utils = require("../pm-plugins/utils");
@@ -72,6 +73,35 @@ var getAriaLabel = function getAriaLabel(triggerPrefix, _intl) {
       return _typeAhead.typeAheadListMessages.quickInsertInputLabel;
   }
 };
+var scheduleFocusAfterAttachment = exports.scheduleFocusAfterAttachment = function scheduleFocusAfterAttachment(queryRef, focusQuery) {
+  var animationFrameId;
+  var cancelled = false;
+  var focus = function focus() {
+    if (!cancelled) {
+      focusQuery();
+    }
+  };
+
+  // React can render the decoration before ProseMirror attaches it. The microtask runs after that
+  // synchronous attachment, while the animation frame remains a fallback for asynchronous mounts.
+  window.queueMicrotask(function () {
+    var _queryRef$current;
+    if (cancelled) {
+      return;
+    }
+    if ((_queryRef$current = queryRef.current) !== null && _queryRef$current !== void 0 && _queryRef$current.isConnected) {
+      focus();
+      return;
+    }
+    animationFrameId = requestAnimationFrame(focus);
+  });
+  return function () {
+    cancelled = true;
+    if (animationFrameId !== undefined) {
+      cancelAnimationFrame(animationFrameId);
+    }
+  };
+};
 var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function (_ref) {
   var _ref2;
   var activeDescendantId = _ref.activeDescendantId,
@@ -387,7 +417,7 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       setQuery(hasReopenQuery ? reopenQuery : null);
-      requestAnimationFrame(function () {
+      var focusQuery = function focusQuery() {
         if (!(ref !== null && ref !== void 0 && ref.current)) {
           return;
         }
@@ -402,7 +432,11 @@ var InputQuery = exports.InputQuery = /*#__PURE__*/_react.default.memo(function
         }
         ref.current.focus();
         setInFocus(true);
-      });
+      };
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_typeahead_early_focus')) {
+        return scheduleFocusAfterAttachment(ref, focusQuery);
+      }
+      requestAnimationFrame(focusQuery);
     }
   }, [forceFocus, reopenQuery]);
   var assistiveHintID = _constants.TYPE_AHEAD_DECORATION_ELEMENT_ID + '__assistiveHint';

package/dist/es2019/ui/InputQuery.js

@@ -12,6 +12,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_ELEMENT_ID, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
 import { getPluginState } from '../pm-plugins/utils';
@@ -61,6 +62,35 @@ const getAriaLabel = (triggerPrefix, _intl) => {
       return typeAheadListMessages.quickInsertInputLabel;
   }
 };
+export const scheduleFocusAfterAttachment = (queryRef, focusQuery) => {
+  let animationFrameId;
+  let cancelled = false;
+  const focus = () => {
+    if (!cancelled) {
+      focusQuery();
+    }
+  };
+
+  // React can render the decoration before ProseMirror attaches it. The microtask runs after that
+  // synchronous attachment, while the animation frame remains a fallback for asynchronous mounts.
+  window.queueMicrotask(() => {
+    var _queryRef$current;
+    if (cancelled) {
+      return;
+    }
+    if ((_queryRef$current = queryRef.current) !== null && _queryRef$current !== void 0 && _queryRef$current.isConnected) {
+      focus();
+      return;
+    }
+    animationFrameId = requestAnimationFrame(focus);
+  });
+  return () => {
+    cancelled = true;
+    if (animationFrameId !== undefined) {
+      cancelAnimationFrame(animationFrameId);
+    }
+  };
+};
 export const InputQuery = /*#__PURE__*/React.memo(({
   activeDescendantId,
   triggerQueryPrefix,
@@ -381,7 +411,7 @@ export const InputQuery = /*#__PURE__*/React.memo(({
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       setQuery(hasReopenQuery ? reopenQuery : null);
-      requestAnimationFrame(() => {
+      const focusQuery = () => {
         if (!(ref !== null && ref !== void 0 && ref.current)) {
           return;
         }
@@ -396,7 +426,11 @@ export const InputQuery = /*#__PURE__*/React.memo(({
         }
         ref.current.focus();
         setInFocus(true);
-      });
+      };
+      if (isExperimentEnabled('platform_editor_typeahead_early_focus')) {
+        return scheduleFocusAfterAttachment(ref, focusQuery);
+      }
+      requestAnimationFrame(focusQuery);
     }
   }, [forceFocus, reopenQuery]);
   const assistiveHintID = TYPE_AHEAD_DECORATION_ELEMENT_ID + '__assistiveHint';

package/dist/esm/ui/InputQuery.js

@@ -13,6 +13,7 @@ import { getBrowserInfo } from '@atlaskit/editor-common/browser';
 import { SelectItemMode, typeAheadListMessages } from '@atlaskit/editor-common/type-ahead';
 import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { CloseSelectionOptions, TYPE_AHEAD_DECORATION_ELEMENT_ID, TYPE_AHEAD_POPUP_CONTENT_CLASS } from '../pm-plugins/constants';
 import { getPluginState } from '../pm-plugins/utils';
@@ -62,6 +63,35 @@ var getAriaLabel = function getAriaLabel(triggerPrefix, _intl) {
       return typeAheadListMessages.quickInsertInputLabel;
   }
 };
+export var scheduleFocusAfterAttachment = function scheduleFocusAfterAttachment(queryRef, focusQuery) {
+  var animationFrameId;
+  var cancelled = false;
+  var focus = function focus() {
+    if (!cancelled) {
+      focusQuery();
+    }
+  };
+
+  // React can render the decoration before ProseMirror attaches it. The microtask runs after that
+  // synchronous attachment, while the animation frame remains a fallback for asynchronous mounts.
+  window.queueMicrotask(function () {
+    var _queryRef$current;
+    if (cancelled) {
+      return;
+    }
+    if ((_queryRef$current = queryRef.current) !== null && _queryRef$current !== void 0 && _queryRef$current.isConnected) {
+      focus();
+      return;
+    }
+    animationFrameId = requestAnimationFrame(focus);
+  });
+  return function () {
+    cancelled = true;
+    if (animationFrameId !== undefined) {
+      cancelAnimationFrame(animationFrameId);
+    }
+  };
+};
 export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
   var _ref2;
   var activeDescendantId = _ref.activeDescendantId,
@@ -377,7 +407,7 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       setQuery(hasReopenQuery ? reopenQuery : null);
-      requestAnimationFrame(function () {
+      var focusQuery = function focusQuery() {
         if (!(ref !== null && ref !== void 0 && ref.current)) {
           return;
         }
@@ -392,7 +422,11 @@ export var InputQuery = /*#__PURE__*/React.memo(function (_ref) {
         }
         ref.current.focus();
         setInFocus(true);
-      });
+      };
+      if (isExperimentEnabled('platform_editor_typeahead_early_focus')) {
+        return scheduleFocusAfterAttachment(ref, focusQuery);
+      }
+      requestAnimationFrame(focusQuery);
     }
   }, [forceFocus, reopenQuery]);
   var assistiveHintID = TYPE_AHEAD_DECORATION_ELEMENT_ID + '__assistiveHint';

package/dist/types/ui/InputQuery.d.ts

@@ -8,6 +8,7 @@ import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadItem } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { CloseSelectionOptions } from '../pm-plugins/constants';
+export declare const scheduleFocusAfterAttachment: (queryRef: React.RefObject<HTMLElement>, focusQuery: () => void) => (() => void);
 type InputQueryProps = {
     activeDescendantId?: string;
     cancel: (props: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "17.1.7",
+	"version": "17.1.10",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,7 +21,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^57.2.0",
+		"@atlaskit/adf-schema": "^57.3.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/editor-plugin-analytics": "^16.1.0",
 		"@atlaskit/editor-plugin-connectivity": "^16.0.0",
@@ -41,7 +41,7 @@
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/prosemirror-history": "^1.2.0",
 		"@atlaskit/prosemirror-input-rules": "^4.1.0",
-		"@atlaskit/tmp-editor-statsig": "^174.0.0",
+		"@atlaskit/tmp-editor-statsig": "^176.0.0",
 		"@atlaskit/tokens": "^16.11.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -49,11 +49,11 @@
 		"lodash": "^4.17.21",
 		"raf-schd": "^4.0.3",
 		"react-virtualized": "^9.22.6",
-		"uuid": "^3.1.0",
+		"uuid": "^11.1.1",
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^120.12.0",
+		"@atlaskit/editor-common": "^120.16.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"