@atlaskit/editor-plugin-status 14.0.1 → 14.0.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-status
 
+## 14.0.2
+
+### Patch Changes
+
+- [`7087f393ec725`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7087f393ec725) -
+  Add the categorized registered Quick Insert browse experience with representative native elements
+- Updated dependencies
+
 ## 14.0.1
 
 ### Patch Changes

package/dist/cjs/statusPlugin.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.statusPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -13,15 +14,26 @@ var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
 var _comment = _interopRequireDefault(require("@atlaskit/icon/core/comment"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _actions = require("./pm-plugins/actions");
 var _keymap = require("./pm-plugins/keymap");
 var _plugin = _interopRequireDefault(require("./pm-plugins/plugin"));
 var _pluginKey = require("./pm-plugins/plugin-key");
 var _ContentComponent = require("./ui/ContentComponent");
+var _getStatusQuickInsertComponents = require("./ui/quick-insert/getStatusQuickInsertComponents");
+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 statusPlugin = exports.statusPlugin = function statusPlugin(_ref) {
   var _api$analytics, _api$analytics2;
   var options = _ref.config,
     api = _ref.api;
+  var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
+  if ((options === null || options === void 0 ? void 0 : options.menuDisabled) !== true && isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _getStatusQuickInsertComponents.getStatusQuickInsertComponents)({
+      api: api
+    }));
+  }
   return {
     name: 'status',
     nodes: function nodes() {
@@ -60,7 +72,7 @@ var statusPlugin = exports.statusPlugin = function statusPlugin(_ref) {
         focusStatusInput: pluginState.focusStatusInput
       } : undefined;
     },
-    pluginsOptions: {
+    pluginsOptions: _objectSpread(_objectSpread({}, isRegisteredSlashCommandEnabled ? {} : {
       quickInsert: function quickInsert(_ref2) {
         var formatMessage = _ref2.formatMessage;
         if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
@@ -82,7 +94,8 @@ var statusPlugin = exports.statusPlugin = function statusPlugin(_ref) {
             })) !== null && _insertStatus !== void 0 ? _insertStatus : state.tr;
           }
         }];
-      },
+      }
+    }), {}, {
       floatingToolbar: function floatingToolbar(state, intl) {
         var isViewMode = function isViewMode() {
           var _api$editorViewMode;
@@ -138,7 +151,7 @@ var statusPlugin = exports.statusPlugin = function statusPlugin(_ref) {
           }
         };
       }
-    },
+    }),
     contentComponent: function contentComponent(_ref3) {
       var editorView = _ref3.editorView,
         popupsMountPoint = _ref3.popupsMountPoint,

package/dist/cjs/ui/quick-insert/StatusQuickInsertMenuItem.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StatusQuickInsertMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _messages = require("@atlaskit/editor-common/messages");
+var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
+var _actions = require("../../pm-plugins/actions");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var StatusQuickInsertMenuItem = exports.StatusQuickInsertMenuItem = function StatusQuickInsertMenuItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var onSelect = (0, _react.useCallback)(function (_ref2) {
+    var _insertStatus, _api$analytics;
+    var insert = _ref2.insert;
+    var tr = insert(undefined);
+    return (_insertStatus = (0, _actions.insertStatus)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(_analytics.INPUT_METHOD.QUICK_INSERT)({
+      tr: tr
+    })) !== null && _insertStatus !== void 0 ? _insertStatus : tr;
+  }, [api]);
+  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_quickInsert.IconStatus, null),
+    onSelect: onSelect,
+    title: formatMessage(_messages.toolbarInsertBlockMessages.status)
+  });
+};

package/dist/cjs/ui/quick-insert/getStatusQuickInsertComponents.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStatusQuickInsertComponents = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _keys = require("@atlaskit/editor-common/quick-insert/keys");
+var _rank = require("@atlaskit/editor-common/quick-insert/rank");
+var _StatusQuickInsertMenuItem = require("./StatusQuickInsertMenuItem");
+var getStatusQuickInsertComponents = exports.getStatusQuickInsertComponents = function getStatusQuickInsertComponents(_ref) {
+  var api = _ref.api;
+  return [{
+    key: _keys.STATUS_MENU_ITEM.key,
+    type: _keys.STATUS_MENU_ITEM.type,
+    parents: [{
+      key: _keys.STRUCTURE_SECTION.key,
+      type: _keys.STRUCTURE_SECTION.type,
+      rank: _rank.STRUCTURE_SECTION_RANK[_keys.STATUS_MENU_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_StatusQuickInsertMenuItem.StatusQuickInsertMenuItem, {
+        api: api
+      });
+    }
+  }];
+};

package/dist/es2019/statusPlugin.js

@@ -6,16 +6,25 @@ import { annotationMessages, toolbarInsertBlockMessages as messages } from '@atl
 import { IconStatus } from '@atlaskit/editor-common/quick-insert';
 import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
 import CommentIcon from '@atlaskit/icon/core/comment';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { commitStatusPicker, insertStatus, removeStatus, updateStatusWithAnalytics } from './pm-plugins/actions';
 import { keymapPlugin } from './pm-plugins/keymap';
 import createStatusPlugin from './pm-plugins/plugin';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { ContentComponent } from './ui/ContentComponent';
+import { getStatusQuickInsertComponents } from './ui/quick-insert/getStatusQuickInsertComponents';
 export const statusPlugin = ({
   config: options,
   api
 }) => {
   var _api$analytics, _api$analytics2;
+  const isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if ((options === null || options === void 0 ? void 0 : options.menuDisabled) !== true && isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 ? void 0 : (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 ? void 0 : _api$uiControlRegistr.actions.register(getStatusQuickInsertComponents({
+      api
+    }));
+  }
   return {
     name: 'status',
     nodes() {
@@ -53,27 +62,29 @@ export const statusPlugin = ({
       } : undefined;
     },
     pluginsOptions: {
-      quickInsert: ({
-        formatMessage
-      }) => {
-        if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
-          return [];
-        }
-        return [{
-          id: 'status',
-          title: formatMessage(messages.status),
-          description: formatMessage(messages.statusDescription),
-          priority: 700,
-          keywords: ['lozenge'],
-          icon: () => /*#__PURE__*/React.createElement(IconStatus, null),
-          action(_insert, state) {
-            var _insertStatus, _api$analytics3;
-            return (_insertStatus = insertStatus(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions)(INPUT_METHOD.QUICK_INSERT)({
-              tr: state.tr
-            })) !== null && _insertStatus !== void 0 ? _insertStatus : state.tr;
+      ...(isRegisteredSlashCommandEnabled ? {} : {
+        quickInsert: ({
+          formatMessage
+        }) => {
+          if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
+            return [];
           }
-        }];
-      },
+          return [{
+            id: 'status',
+            title: formatMessage(messages.status),
+            description: formatMessage(messages.statusDescription),
+            priority: 700,
+            keywords: ['lozenge'],
+            icon: () => /*#__PURE__*/React.createElement(IconStatus, null),
+            action(_insert, state) {
+              var _insertStatus, _api$analytics3;
+              return (_insertStatus = insertStatus(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions)(INPUT_METHOD.QUICK_INSERT)({
+                tr: state.tr
+              })) !== null && _insertStatus !== void 0 ? _insertStatus : state.tr;
+            }
+          }];
+        }
+      }),
       floatingToolbar(state, intl) {
         const isViewMode = () => {
           var _api$editorViewMode, _api$editorViewMode$s;

package/dist/es2019/ui/quick-insert/StatusQuickInsertMenuItem.js

@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconStatus } from '@atlaskit/editor-common/quick-insert';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { insertStatus } from '../../pm-plugins/actions';
+export const StatusQuickInsertMenuItem = ({
+  api
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const onSelect = useCallback(({
+    insert
+  }) => {
+    var _insertStatus, _api$analytics;
+    const tr = insert(undefined);
+    return (_insertStatus = insertStatus(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(INPUT_METHOD.QUICK_INSERT)({
+      tr
+    })) !== null && _insertStatus !== void 0 ? _insertStatus : tr;
+  }, [api]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconStatus, null),
+    onSelect: onSelect,
+    title: formatMessage(messages.status)
+  });
+};

package/dist/es2019/ui/quick-insert/getStatusQuickInsertComponents.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { STATUS_MENU_ITEM, STRUCTURE_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { StatusQuickInsertMenuItem } from './StatusQuickInsertMenuItem';
+export const getStatusQuickInsertComponents = ({
+  api
+}) => [{
+  key: STATUS_MENU_ITEM.key,
+  type: STATUS_MENU_ITEM.type,
+  parents: [{
+    key: STRUCTURE_SECTION.key,
+    type: STRUCTURE_SECTION.type,
+    rank: STRUCTURE_SECTION_RANK[STATUS_MENU_ITEM.key]
+  }],
+  component: () => /*#__PURE__*/React.createElement(StatusQuickInsertMenuItem, {
+    api: api
+  })
+}];

package/dist/esm/statusPlugin.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
 import React from 'react';
 import { status } from '@atlaskit/adf-schema';
 import { ACTION_SUBJECT_ID, ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
@@ -6,15 +9,24 @@ import { annotationMessages, toolbarInsertBlockMessages as messages } from '@atl
 import { IconStatus } from '@atlaskit/editor-common/quick-insert';
 import { calculateToolbarPositionAboveSelection } from '@atlaskit/editor-common/utils';
 import CommentIcon from '@atlaskit/icon/core/comment';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { commitStatusPicker, insertStatus, removeStatus, updateStatusWithAnalytics } from './pm-plugins/actions';
 import { keymapPlugin } from './pm-plugins/keymap';
 import createStatusPlugin from './pm-plugins/plugin';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { ContentComponent } from './ui/ContentComponent';
+import { getStatusQuickInsertComponents } from './ui/quick-insert/getStatusQuickInsertComponents';
 export var statusPlugin = function statusPlugin(_ref) {
   var _api$analytics, _api$analytics2;
   var options = _ref.config,
     api = _ref.api;
+  var isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if ((options === null || options === void 0 ? void 0 : options.menuDisabled) !== true && isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register(getStatusQuickInsertComponents({
+      api: api
+    }));
+  }
   return {
     name: 'status',
     nodes: function nodes() {
@@ -53,7 +65,7 @@ export var statusPlugin = function statusPlugin(_ref) {
         focusStatusInput: pluginState.focusStatusInput
       } : undefined;
     },
-    pluginsOptions: {
+    pluginsOptions: _objectSpread(_objectSpread({}, isRegisteredSlashCommandEnabled ? {} : {
       quickInsert: function quickInsert(_ref2) {
         var formatMessage = _ref2.formatMessage;
         if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
@@ -75,7 +87,8 @@ export var statusPlugin = function statusPlugin(_ref) {
             })) !== null && _insertStatus !== void 0 ? _insertStatus : state.tr;
           }
         }];
-      },
+      }
+    }), {}, {
       floatingToolbar: function floatingToolbar(state, intl) {
         var isViewMode = function isViewMode() {
           var _api$editorViewMode;
@@ -131,7 +144,7 @@ export var statusPlugin = function statusPlugin(_ref) {
           }
         };
       }
-    },
+    }),
     contentComponent: function contentComponent(_ref3) {
       var editorView = _ref3.editorView,
         popupsMountPoint = _ref3.popupsMountPoint,

package/dist/esm/ui/quick-insert/StatusQuickInsertMenuItem.js

@@ -0,0 +1,25 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconStatus } from '@atlaskit/editor-common/quick-insert';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { insertStatus } from '../../pm-plugins/actions';
+export var StatusQuickInsertMenuItem = function StatusQuickInsertMenuItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var onSelect = useCallback(function (_ref2) {
+    var _insertStatus, _api$analytics;
+    var insert = _ref2.insert;
+    var tr = insert(undefined);
+    return (_insertStatus = insertStatus(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)(INPUT_METHOD.QUICK_INSERT)({
+      tr: tr
+    })) !== null && _insertStatus !== void 0 ? _insertStatus : tr;
+  }, [api]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconStatus, null),
+    onSelect: onSelect,
+    title: formatMessage(messages.status)
+  });
+};

package/dist/esm/ui/quick-insert/getStatusQuickInsertComponents.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { STATUS_MENU_ITEM, STRUCTURE_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { StatusQuickInsertMenuItem } from './StatusQuickInsertMenuItem';
+export var getStatusQuickInsertComponents = function getStatusQuickInsertComponents(_ref) {
+  var api = _ref.api;
+  return [{
+    key: STATUS_MENU_ITEM.key,
+    type: STATUS_MENU_ITEM.type,
+    parents: [{
+      key: STRUCTURE_SECTION.key,
+      type: STRUCTURE_SECTION.type,
+      rank: STRUCTURE_SECTION_RANK[STATUS_MENU_ITEM.key]
+    }],
+    component: function component() {
+      return /*#__PURE__*/React.createElement(StatusQuickInsertMenuItem, {
+        api: api
+      });
+    }
+  }];
+};

package/dist/types/statusPluginType.d.ts

@@ -1,6 +1,7 @@
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { NextEditorPlugin, OptionalPlugin, Command } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry/ui-control-registry-plugin-type';
 import type { commitStatusPicker, insertStatus, removeStatus, UpdateStatus } from './pm-plugins/actions';
 import type { StatusPluginOptions, StatusState } from './types';
 type DummyAnnotationPlugin = NextEditorPlugin<'annotation', {
@@ -24,7 +25,8 @@ type DummyEditorViewModePlugin = NextEditorPlugin<'editorViewMode', {
 export type StatusPluginDependencies = [
     OptionalPlugin<AnalyticsPlugin>,
     OptionalPlugin<DummyAnnotationPlugin>,
-    OptionalPlugin<DummyEditorViewModePlugin>
+    OptionalPlugin<DummyEditorViewModePlugin>,
+    OptionalPlugin<UiControlRegistryPlugin>
 ];
 export type StatusPluginActions = {
     commitStatusPicker: typeof commitStatusPicker;

package/dist/types/ui/quick-insert/StatusQuickInsertMenuItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { StatusPlugin } from '../../statusPluginType';
+export declare const StatusQuickInsertMenuItem: ({ api, }: {
+    api: ExtractInjectionAPI<StatusPlugin> | undefined;
+}) => React.JSX.Element;

package/dist/types/ui/quick-insert/getStatusQuickInsertComponents.d.ts

@@ -0,0 +1,6 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
+import type { StatusPlugin } from '../../statusPluginType';
+export declare const getStatusQuickInsertComponents: ({ api, }: {
+    api: ExtractInjectionAPI<StatusPlugin> | undefined;
+}) => RegisterMenuItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-status",
-	"version": "14.0.1",
+	"version": "14.0.2",
 	"description": "Status plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -25,9 +25,12 @@
 		"@atlaskit/analytics-next": "^12.3.0",
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/editor-plugin-analytics": "^13.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^7.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
-		"@atlaskit/icon": "^37.2.0",
+		"@atlaskit/editor-ui-control-model": "^2.4.0",
+		"@atlaskit/icon": "^37.3.0",
+		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/status": "^5.8.0",
 		"@atlaskit/tmp-editor-statsig": "^139.0.0",
@@ -37,7 +40,7 @@
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^117.0.0",
+		"@atlaskit/editor-common": "^117.2.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"