@atlaskit/editor-plugin-extension 10.1.6 → 10.1.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-extension
 
+## 10.1.7
+
+### Patch Changes
+
+- [`d2f1426fe5b85`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d2f1426fe5b85) -
+  [ux] ENGHEALTH-46817 Add feature gated a11y eslint fixes across editor packages
+- Updated dependencies
+
 ## 10.1.6
 
 ### Patch Changes

package/dist/cjs/ui/ConfigPanel/ConfigPanel.js

@@ -16,11 +16,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _bindEventListener = require("bind-event-listener");
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _reactIntlNext = require("react-intl-next");
 var _analyticsNext = require("@atlaskit/analytics-next");
+var _browserApis = require("@atlaskit/browser-apis");
 var _buttonGroup = _interopRequireDefault(require("@atlaskit/button/button-group"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -28,6 +30,7 @@ var _extensions = require("@atlaskit/editor-common/extensions");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _constants = require("./constants");
 var _DescriptionSummary = require("./DescriptionSummary");
@@ -354,6 +357,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
       firstVisibleFieldName: props.fields ? _this.getFirstVisibleFieldName(props.fields) : undefined
     };
     _this.onFieldChange = null;
+    _this.unbindKeyDownHandler = null;
     return _this;
   }
   (0, _inherits2.default)(ConfigPanel, _React$Component);
@@ -364,15 +368,26 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
         fields = _this$props3.fields,
         parameters = _this$props3.parameters;
       this.parseParameters(fields, parameters);
+      if ((0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true)) {
+        var doc = (0, _browserApis.getDocument)();
+        if (doc) {
+          this.unbindKeyDownHandler = (0, _bindEventListener.bind)(doc, {
+            type: 'keydown',
+            listener: this.handleKeyDown
+          });
+        }
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$unbindKeyDownHa;
       var _this$props4 = this.props,
         createAnalyticsEvent = _this$props4.createAnalyticsEvent,
         extensionManifest = _this$props4.extensionManifest,
         fields = _this$props4.fields;
       var currentParameters = this.state.currentParameters;
+      (_this$unbindKeyDownHa = this.unbindKeyDownHandler) === null || _this$unbindKeyDownHa === void 0 || _this$unbindKeyDownHa.call(this);
       (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)({
         payload: {
           action: _analytics.ACTION.CLOSED,
@@ -456,32 +471,28 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
           handleSubmit: handleSubmit
         }, function (onFieldChange) {
           _this2.onFieldChange = onFieldChange;
-          return (
-            /*#__PURE__*/
-            // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions
-            _react.default.createElement("form", (0, _extends2.default)({}, formProps, {
-              noValidate: true,
-              onKeyDown: handleKeyDown,
-              "data-testid": "extension-config-panel"
-            }), _this2.renderHeader(extensionManifest), (0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/_react.default.createElement(_DescriptionSummary.DescriptionSummary, {
-              extensionManifest: extensionManifest
-            }), /*#__PURE__*/_react.default.createElement(ConfigFormIntlWithBoundary, {
-              api: api,
-              canSave: false,
-              errorMessage: errorMessage,
-              extensionManifest: extensionManifest,
-              fields: fields !== null && fields !== void 0 ? fields : [],
-              firstVisibleFieldName: firstVisibleFieldName,
-              hasParsedParameters: hasParsedParameters,
-              isLoading: isLoading || false,
-              onCancel: onCancel,
-              onFieldChange: onFieldChange,
-              parameters: currentParameters,
-              submitting: submitting,
-              featureFlags: featureFlags,
-              disableFields: _this2.props.disableFields
-            }))
-          );
+          return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({}, formProps, {
+            noValidate: true,
+            onKeyDown: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? undefined : handleKeyDown,
+            "data-testid": "extension-config-panel"
+          }), _this2.renderHeader(extensionManifest), (0, _platformFeatureFlags.fg)('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/_react.default.createElement(_DescriptionSummary.DescriptionSummary, {
+            extensionManifest: extensionManifest
+          }), /*#__PURE__*/_react.default.createElement(ConfigFormIntlWithBoundary, {
+            api: api,
+            canSave: false,
+            errorMessage: errorMessage,
+            extensionManifest: extensionManifest,
+            fields: fields !== null && fields !== void 0 ? fields : [],
+            firstVisibleFieldName: firstVisibleFieldName,
+            hasParsedParameters: hasParsedParameters,
+            isLoading: isLoading || false,
+            onCancel: onCancel,
+            onFieldChange: onFieldChange,
+            parameters: currentParameters,
+            submitting: submitting,
+            featureFlags: featureFlags,
+            disableFields: _this2.props.disableFields
+          }));
         });
       });
     }

package/dist/cjs/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -11,6 +11,7 @@ var _reactIntlNext = require("react-intl-next");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
 var _colors = require("@atlaskit/theme/colors");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 /**
  * @jsxRuntime classic
@@ -53,12 +54,14 @@ var RemovableField = function RemovableField(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className
-  }, children, canRemoveField &&
-  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-  (0, _react2.jsx)("div", {
+  }, children, canRemoveField && (0, _react2.jsx)("div", {
+    role: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined,
     css: removeButtonWrapperStyles,
     "data-testid": "remove-field-".concat(name),
-    onClick: onClickCallback
+    onClick: onClickCallback,
+    onKeyDown: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    onFocus: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    tabIndex: (0, _expValEquals.expValEquals)('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined
   }, (0, _react2.jsx)(_tooltip.default, {
     content: intl.formatMessage(_extensions.configPanelMessages.removeField),
     position: "left"

package/dist/es2019/ui/ConfigPanel/ConfigPanel.js

@@ -1,11 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { useCallback, useEffect, useRef } from 'react';
+import { bind } from 'bind-event-listener';
 import _isEqual from 'lodash/isEqual';
 import _mergeRecursive from 'lodash/merge';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getDocument } from '@atlaskit/browser-apis';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
@@ -13,6 +15,7 @@ import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-co
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import Form, { FormFooter } from '@atlaskit/form';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ALLOWED_LOGGED_MACRO_PARAMS } from './constants';
 import { DescriptionSummary } from './DescriptionSummary';
@@ -292,6 +295,7 @@ class ConfigPanel extends React.Component {
       firstVisibleFieldName: props.fields ? this.getFirstVisibleFieldName(props.fields) : undefined
     };
     this.onFieldChange = null;
+    this.unbindKeyDownHandler = null;
   }
   componentDidMount() {
     const {
@@ -299,8 +303,18 @@ class ConfigPanel extends React.Component {
       parameters
     } = this.props;
     this.parseParameters(fields, parameters);
+    if (expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true)) {
+      const doc = getDocument();
+      if (doc) {
+        this.unbindKeyDownHandler = bind(doc, {
+          type: 'keydown',
+          listener: this.handleKeyDown
+        });
+      }
+    }
   }
   componentWillUnmount() {
+    var _this$unbindKeyDownHa;
     const {
       createAnalyticsEvent,
       extensionManifest,
@@ -309,6 +323,7 @@ class ConfigPanel extends React.Component {
     const {
       currentParameters
     } = this.state;
+    (_this$unbindKeyDownHa = this.unbindKeyDownHandler) === null || _this$unbindKeyDownHa === void 0 ? void 0 : _this$unbindKeyDownHa.call(this);
     fireAnalyticsEvent(createAnalyticsEvent)({
       payload: {
         action: ACTION.CLOSED,
@@ -395,32 +410,28 @@ class ConfigPanel extends React.Component {
         handleSubmit: handleSubmit
       }, onFieldChange => {
         this.onFieldChange = onFieldChange;
-        return (
-          /*#__PURE__*/
-          // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions
-          React.createElement("form", _extends({}, formProps, {
-            noValidate: true,
-            onKeyDown: handleKeyDown,
-            "data-testid": "extension-config-panel"
-          }), this.renderHeader(extensionManifest), fg('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/React.createElement(DescriptionSummary, {
-            extensionManifest: extensionManifest
-          }), /*#__PURE__*/React.createElement(ConfigFormIntlWithBoundary, {
-            api: api,
-            canSave: false,
-            errorMessage: errorMessage,
-            extensionManifest: extensionManifest,
-            fields: fields !== null && fields !== void 0 ? fields : [],
-            firstVisibleFieldName: firstVisibleFieldName,
-            hasParsedParameters: hasParsedParameters,
-            isLoading: isLoading || false,
-            onCancel: onCancel,
-            onFieldChange: onFieldChange,
-            parameters: currentParameters,
-            submitting: submitting,
-            featureFlags: featureFlags,
-            disableFields: this.props.disableFields
-          }))
-        );
+        return /*#__PURE__*/React.createElement("form", _extends({}, formProps, {
+          noValidate: true,
+          onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? undefined : handleKeyDown,
+          "data-testid": "extension-config-panel"
+        }), this.renderHeader(extensionManifest), fg('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/React.createElement(DescriptionSummary, {
+          extensionManifest: extensionManifest
+        }), /*#__PURE__*/React.createElement(ConfigFormIntlWithBoundary, {
+          api: api,
+          canSave: false,
+          errorMessage: errorMessage,
+          extensionManifest: extensionManifest,
+          fields: fields !== null && fields !== void 0 ? fields : [],
+          firstVisibleFieldName: firstVisibleFieldName,
+          hasParsedParameters: hasParsedParameters,
+          isLoading: isLoading || false,
+          onCancel: onCancel,
+          onFieldChange: onFieldChange,
+          parameters: currentParameters,
+          submitting: submitting,
+          featureFlags: featureFlags,
+          disableFields: this.props.disableFields
+        }));
       });
     });
   }

package/dist/es2019/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -10,6 +10,7 @@ import { injectIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { N80, R300 } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 const removableFieldWrapperStyles = css({
   position: 'relative',
@@ -44,12 +45,14 @@ const RemovableField = ({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className
-  }, children, canRemoveField &&
-  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-  jsx("div", {
+  }, children, canRemoveField && jsx("div", {
+    role: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined,
     css: removeButtonWrapperStyles,
     "data-testid": `remove-field-${name}`,
-    onClick: onClickCallback
+    onClick: onClickCallback,
+    onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    onFocus: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    tabIndex: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined
   }, jsx(Tooltip, {
     content: intl.formatMessage(messages.removeField),
     position: "left"

package/dist/esm/ui/ConfigPanel/ConfigPanel.js

@@ -12,11 +12,13 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { useCallback, useEffect, useRef } from 'react';
+import { bind } from 'bind-event-listener';
 import _isEqual from 'lodash/isEqual';
 import _mergeRecursive from 'lodash/merge';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getDocument } from '@atlaskit/browser-apis';
 import ButtonGroup from '@atlaskit/button/button-group';
 import Button from '@atlaskit/button/new';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
@@ -24,6 +26,7 @@ import { isTabGroup, configPanelMessages as messages } from '@atlaskit/editor-co
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import Form, { FormFooter } from '@atlaskit/form';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ALLOWED_LOGGED_MACRO_PARAMS } from './constants';
 import { DescriptionSummary } from './DescriptionSummary';
@@ -345,6 +348,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
       firstVisibleFieldName: props.fields ? _this.getFirstVisibleFieldName(props.fields) : undefined
     };
     _this.onFieldChange = null;
+    _this.unbindKeyDownHandler = null;
     return _this;
   }
   _inherits(ConfigPanel, _React$Component);
@@ -355,15 +359,26 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
         fields = _this$props3.fields,
         parameters = _this$props3.parameters;
       this.parseParameters(fields, parameters);
+      if (expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true)) {
+        var doc = getDocument();
+        if (doc) {
+          this.unbindKeyDownHandler = bind(doc, {
+            type: 'keydown',
+            listener: this.handleKeyDown
+          });
+        }
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$unbindKeyDownHa;
       var _this$props4 = this.props,
         createAnalyticsEvent = _this$props4.createAnalyticsEvent,
         extensionManifest = _this$props4.extensionManifest,
         fields = _this$props4.fields;
       var currentParameters = this.state.currentParameters;
+      (_this$unbindKeyDownHa = this.unbindKeyDownHandler) === null || _this$unbindKeyDownHa === void 0 || _this$unbindKeyDownHa.call(this);
       fireAnalyticsEvent(createAnalyticsEvent)({
         payload: {
           action: ACTION.CLOSED,
@@ -447,32 +462,28 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
           handleSubmit: handleSubmit
         }, function (onFieldChange) {
           _this2.onFieldChange = onFieldChange;
-          return (
-            /*#__PURE__*/
-            // eslint-disable-next-line @atlassian/a11y/no-noninteractive-element-interactions
-            React.createElement("form", _extends({}, formProps, {
-              noValidate: true,
-              onKeyDown: handleKeyDown,
-              "data-testid": "extension-config-panel"
-            }), _this2.renderHeader(extensionManifest), fg('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/React.createElement(DescriptionSummary, {
-              extensionManifest: extensionManifest
-            }), /*#__PURE__*/React.createElement(ConfigFormIntlWithBoundary, {
-              api: api,
-              canSave: false,
-              errorMessage: errorMessage,
-              extensionManifest: extensionManifest,
-              fields: fields !== null && fields !== void 0 ? fields : [],
-              firstVisibleFieldName: firstVisibleFieldName,
-              hasParsedParameters: hasParsedParameters,
-              isLoading: isLoading || false,
-              onCancel: onCancel,
-              onFieldChange: onFieldChange,
-              parameters: currentParameters,
-              submitting: submitting,
-              featureFlags: featureFlags,
-              disableFields: _this2.props.disableFields
-            }))
-          );
+          return /*#__PURE__*/React.createElement("form", _extends({}, formProps, {
+            noValidate: true,
+            onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? undefined : handleKeyDown,
+            "data-testid": "extension-config-panel"
+          }), _this2.renderHeader(extensionManifest), fg('platform_editor_ai_object_sidebar_injection') && /*#__PURE__*/React.createElement(DescriptionSummary, {
+            extensionManifest: extensionManifest
+          }), /*#__PURE__*/React.createElement(ConfigFormIntlWithBoundary, {
+            api: api,
+            canSave: false,
+            errorMessage: errorMessage,
+            extensionManifest: extensionManifest,
+            fields: fields !== null && fields !== void 0 ? fields : [],
+            firstVisibleFieldName: firstVisibleFieldName,
+            hasParsedParameters: hasParsedParameters,
+            isLoading: isLoading || false,
+            onCancel: onCancel,
+            onFieldChange: onFieldChange,
+            parameters: currentParameters,
+            submitting: submitting,
+            featureFlags: featureFlags,
+            disableFields: _this2.props.disableFields
+          }));
         });
       });
     }

package/dist/esm/ui/ConfigPanel/NestedForms/RemovableField.js

@@ -10,6 +10,7 @@ import { injectIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import CrossCircleIcon from '@atlaskit/icon/core/cross-circle';
 import { N80, R300 } from '@atlaskit/theme/colors';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip';
 var removableFieldWrapperStyles = css({
   position: 'relative',
@@ -45,12 +46,14 @@ var RemovableField = function RemovableField(_ref) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: className
-  }, children, canRemoveField &&
-  // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-  jsx("div", {
+  }, children, canRemoveField && jsx("div", {
+    role: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 'button' : undefined,
     css: removeButtonWrapperStyles,
     "data-testid": "remove-field-".concat(name),
-    onClick: onClickCallback
+    onClick: onClickCallback,
+    onKeyDown: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    onFocus: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? onClickCallback : undefined,
+    tabIndex: expValEquals('platform_editor_a11y_eslint_fix', 'isEnabled', true) ? 0 : undefined
   }, jsx(Tooltip, {
     content: intl.formatMessage(messages.removeField),
     position: "left"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "10.1.6",
+	"version": "10.1.7",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -25,6 +25,7 @@
 		"@atlaskit/adf-utils": "^19.27.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.8.0",
+		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/datetime-picker": "^17.5.0",
@@ -45,7 +46,7 @@
 		"@atlaskit/heading": "^5.3.0",
 		"@atlaskit/icon": "^31.0.0",
 		"@atlaskit/link": "^3.3.0",
-		"@atlaskit/mention": "^24.4.0",
+		"@atlaskit/mention": "^24.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/radio": "^8.4.0",
@@ -57,7 +58,7 @@
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^29.1.0",
+		"@atlaskit/tmp-editor-statsig": "^29.3.0",
 		"@atlaskit/toggle": "^15.2.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
@@ -71,7 +72,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.17.0",
+		"@atlaskit/editor-common": "^111.18.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},