@atlaskit/editor-plugin-type-ahead 1.8.13 → 1.10.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 1.10.0
+
+### Minor Changes
+
+- [#152480](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152480)
+  [`a3b60fc1e1aef`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a3b60fc1e1aef) -
+  Refactored typeahead assistiveText component to functional component and added tests.
+
+### Patch Changes
+
+- [#152510](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152510)
+  [`dcf9edde7ac7b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dcf9edde7ac7b) -
+  bump adf-schema to 42.0.1
+- Updated dependencies
+
+## 1.9.0
+
+### Minor Changes
+
+- [#151190](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/151190)
+  [`a3723b1cdede2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a3723b1cdede2) -
+  [ux] [ED-25037] this change bumps @atlaskit/adf-schema from 40.9.0 to 40.9.4 which makes the
+  blockquote selectable, adds missing marks to the PM node spec and fixes a bug that converted
+  pasted external images to media groups.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.8.13
 
 ### Patch Changes

package/dist/cjs/ui/AssistiveText.js

@@ -1,10 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AssistiveText = void 0;
+exports.AssistiveTextNew = exports.AssistiveText = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -12,9 +14,12 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
  * @jsxRuntime classic
@@ -33,12 +38,12 @@ var assitiveTextStyles = (0, _react2.css)({
   whitespace: 'nowrap',
   width: '1px'
 });
-var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(AssistveTextComponent, _React$Component);
-  var _super = _createSuper(AssistveTextComponent);
-  function AssistveTextComponent() {
+var AssistveTextOld = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(AssistveTextOld, _React$Component);
+  var _super = _createSuper(AssistveTextOld);
+  function AssistveTextOld() {
     var _this;
-    (0, _classCallCheck2.default)(this, AssistveTextComponent);
+    (0, _classCallCheck2.default)(this, AssistveTextOld);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -51,7 +56,7 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(AssistveTextComponent, [{
+  (0, _createClass2.default)(AssistveTextOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var _this2 = this;
@@ -99,11 +104,13 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
       return (0, _react2.jsx)("div", {
         css: assitiveTextStyles
       }, (0, _react2.jsx)("div", {
+        "data-testId": id + '__status--A',
         id: id + '__status--A',
         role: "status",
         "aria-atomic": "true",
         "aria-live": "polite"
       }, "".concat(!silenced && debounced && bump ? assistiveText : '')), (0, _react2.jsx)("div", {
+        "data-testId": id + '__status--B',
         id: id + '__status--B',
         role: "status",
         "aria-atomic": "true",
@@ -111,13 +118,83 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
       }, "".concat(!silenced && debounced && !bump ? assistiveText : '')));
     }
   }]);
-  return AssistveTextComponent;
+  return AssistveTextOld;
 }(_react.default.Component);
-(0, _defineProperty2.default)(AssistveTextComponent, "defaultProps", {
+(0, _defineProperty2.default)(AssistveTextOld, "defaultProps", {
   statusDebounceMillis: 1400,
   debounce: true,
   assistiveText: '',
   isInFocus: false,
   id: ''
 });
-var AssistiveText = exports.AssistiveText = AssistveTextComponent;
+var AssistiveTextNew = exports.AssistiveTextNew = function AssistiveTextNew(_ref3) {
+  var _ref3$assistiveText = _ref3.assistiveText,
+    assistiveText = _ref3$assistiveText === void 0 ? '' : _ref3$assistiveText,
+    _ref3$isInFocus = _ref3.isInFocus,
+    isInFocus = _ref3$isInFocus === void 0 ? false : _ref3$isInFocus,
+    _ref3$id = _ref3.id,
+    id = _ref3$id === void 0 ? '' : _ref3$id,
+    _ref3$statusDebounceM = _ref3.statusDebounceMillis,
+    statusDebounceMillis = _ref3$statusDebounceM === void 0 ? 1400 : _ref3$statusDebounceM;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    bump = _useState2[0],
+    setBump = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    debounced = _useState4[0],
+    setDebounced = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    silenced = _useState6[0],
+    setSilenced = _useState6[1];
+  var debounceStatusUpdate = (0, _react.useMemo)(function () {
+    return (0, _debounce.default)(function () {
+      var shouldSilence = !isInFocus;
+      setBump(function (prevBump) {
+        return !prevBump;
+      });
+      setDebounced(true);
+      setSilenced(shouldSilence);
+    });
+  }, [isInFocus]);
+  (0, _react.useEffect)(function () {
+    if (!debounced) {
+      debounceStatusUpdate();
+      return function () {
+        debounceStatusUpdate.cancel();
+      };
+    }
+  }, [assistiveText, isInFocus, debounced, debounceStatusUpdate]);
+  (0, _react.useEffect)(function () {
+    if (debounced) {
+      setBump(function (prevBump) {
+        return !prevBump;
+      });
+      setDebounced(true);
+      setSilenced(!isInFocus);
+    }
+  }, [assistiveText, isInFocus, debounced]);
+  return (0, _react2.jsx)("div", {
+    css: assitiveTextStyles
+  }, (0, _react2.jsx)("div", {
+    "data-testid": id + '__status--A',
+    id: id + '__status--A',
+    role: "status",
+    "aria-atomic": "true",
+    "aria-live": "polite"
+  }, !silenced && debounced && bump ? assistiveText : ''), (0, _react2.jsx)("div", {
+    "data-testid": id + '__status--B',
+    id: id + '__status--B',
+    role: "status",
+    "aria-atomic": "true",
+    "aria-live": "polite"
+  }, !silenced && debounced && !bump ? assistiveText : ''));
+};
+var AssistiveText = exports.AssistiveText = function AssistiveText(props) {
+  if ((0, _platformFeatureFlags.fg)('platform_editor_react18_phase2')) {
+    return (0, _react2.jsx)(AssistiveTextNew, props);
+  } else {
+    return (0, _react2.jsx)(AssistveTextOld, props);
+  }
+};

package/dist/es2019/ui/AssistiveText.js

@@ -4,11 +4,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsx jsx
  */
 
-import React from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
+import { fg } from '@atlaskit/platform-feature-flags';
 const statusDebounceMillis = 1400;
 const assitiveTextStyles = css({
   border: 0,
@@ -22,7 +23,7 @@ const assitiveTextStyles = css({
   whitespace: 'nowrap',
   width: '1px'
 });
-class AssistveTextComponent extends React.Component {
+class AssistveTextOld extends React.Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
@@ -71,11 +72,13 @@ class AssistveTextComponent extends React.Component {
     return jsx("div", {
       css: assitiveTextStyles
     }, jsx("div", {
+      "data-testId": id + '__status--A',
       id: id + '__status--A',
       role: "status",
       "aria-atomic": "true",
       "aria-live": "polite"
     }, `${!silenced && debounced && bump ? assistiveText : ''}`), jsx("div", {
+      "data-testId": id + '__status--B',
       id: id + '__status--B',
       role: "status",
       "aria-atomic": "true",
@@ -83,11 +86,63 @@ class AssistveTextComponent extends React.Component {
     }, `${!silenced && debounced && !bump ? assistiveText : ''}`));
   }
 }
-_defineProperty(AssistveTextComponent, "defaultProps", {
+_defineProperty(AssistveTextOld, "defaultProps", {
   statusDebounceMillis: 1400,
   debounce: true,
   assistiveText: '',
   isInFocus: false,
   id: ''
 });
-export const AssistiveText = AssistveTextComponent;
+export const AssistiveTextNew = ({
+  assistiveText = '',
+  isInFocus = false,
+  id = '',
+  statusDebounceMillis = 1400
+}) => {
+  const [bump, setBump] = useState(false);
+  const [debounced, setDebounced] = useState(false);
+  const [silenced, setSilenced] = useState(false);
+  const debounceStatusUpdate = useMemo(() => debounce(() => {
+    const shouldSilence = !isInFocus;
+    setBump(prevBump => !prevBump);
+    setDebounced(true);
+    setSilenced(shouldSilence);
+  }), [isInFocus]);
+  useEffect(() => {
+    if (!debounced) {
+      debounceStatusUpdate();
+      return () => {
+        debounceStatusUpdate.cancel();
+      };
+    }
+  }, [assistiveText, isInFocus, debounced, debounceStatusUpdate]);
+  useEffect(() => {
+    if (debounced) {
+      setBump(prevBump => !prevBump);
+      setDebounced(true);
+      setSilenced(!isInFocus);
+    }
+  }, [assistiveText, isInFocus, debounced]);
+  return jsx("div", {
+    css: assitiveTextStyles
+  }, jsx("div", {
+    "data-testid": id + '__status--A',
+    id: id + '__status--A',
+    role: "status",
+    "aria-atomic": "true",
+    "aria-live": "polite"
+  }, !silenced && debounced && bump ? assistiveText : ''), jsx("div", {
+    "data-testid": id + '__status--B',
+    id: id + '__status--B',
+    role: "status",
+    "aria-atomic": "true",
+    "aria-live": "polite"
+  }, !silenced && debounced && !bump ? assistiveText : ''));
+};
+export const AssistiveText = props => {
+  if (fg('platform_editor_react18_phase2')) {
+    return jsx(AssistiveTextNew, props);
+  } else {
+    return jsx(AssistveTextOld, props);
+  }
+};

package/dist/esm/ui/AssistiveText.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -12,11 +13,12 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */
 
-import React from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import debounce from 'lodash/debounce';
+import { fg } from '@atlaskit/platform-feature-flags';
 var statusDebounceMillis = 1400;
 var assitiveTextStyles = css({
   border: 0,
@@ -30,12 +32,12 @@ var assitiveTextStyles = css({
   whitespace: 'nowrap',
   width: '1px'
 });
-var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
-  _inherits(AssistveTextComponent, _React$Component);
-  var _super = _createSuper(AssistveTextComponent);
-  function AssistveTextComponent() {
+var AssistveTextOld = /*#__PURE__*/function (_React$Component) {
+  _inherits(AssistveTextOld, _React$Component);
+  var _super = _createSuper(AssistveTextOld);
+  function AssistveTextOld() {
     var _this;
-    _classCallCheck(this, AssistveTextComponent);
+    _classCallCheck(this, AssistveTextOld);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -48,7 +50,7 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  _createClass(AssistveTextComponent, [{
+  _createClass(AssistveTextOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       var _this2 = this;
@@ -96,11 +98,13 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
       return jsx("div", {
         css: assitiveTextStyles
       }, jsx("div", {
+        "data-testId": id + '__status--A',
         id: id + '__status--A',
         role: "status",
         "aria-atomic": "true",
         "aria-live": "polite"
       }, "".concat(!silenced && debounced && bump ? assistiveText : '')), jsx("div", {
+        "data-testId": id + '__status--B',
         id: id + '__status--B',
         role: "status",
         "aria-atomic": "true",
@@ -108,13 +112,83 @@ var AssistveTextComponent = /*#__PURE__*/function (_React$Component) {
       }, "".concat(!silenced && debounced && !bump ? assistiveText : '')));
     }
   }]);
-  return AssistveTextComponent;
+  return AssistveTextOld;
 }(React.Component);
-_defineProperty(AssistveTextComponent, "defaultProps", {
+_defineProperty(AssistveTextOld, "defaultProps", {
   statusDebounceMillis: 1400,
   debounce: true,
   assistiveText: '',
   isInFocus: false,
   id: ''
 });
-export var AssistiveText = AssistveTextComponent;
+export var AssistiveTextNew = function AssistiveTextNew(_ref3) {
+  var _ref3$assistiveText = _ref3.assistiveText,
+    assistiveText = _ref3$assistiveText === void 0 ? '' : _ref3$assistiveText,
+    _ref3$isInFocus = _ref3.isInFocus,
+    isInFocus = _ref3$isInFocus === void 0 ? false : _ref3$isInFocus,
+    _ref3$id = _ref3.id,
+    id = _ref3$id === void 0 ? '' : _ref3$id,
+    _ref3$statusDebounceM = _ref3.statusDebounceMillis,
+    statusDebounceMillis = _ref3$statusDebounceM === void 0 ? 1400 : _ref3$statusDebounceM;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    bump = _useState2[0],
+    setBump = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    debounced = _useState4[0],
+    setDebounced = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    silenced = _useState6[0],
+    setSilenced = _useState6[1];
+  var debounceStatusUpdate = useMemo(function () {
+    return debounce(function () {
+      var shouldSilence = !isInFocus;
+      setBump(function (prevBump) {
+        return !prevBump;
+      });
+      setDebounced(true);
+      setSilenced(shouldSilence);
+    });
+  }, [isInFocus]);
+  useEffect(function () {
+    if (!debounced) {
+      debounceStatusUpdate();
+      return function () {
+        debounceStatusUpdate.cancel();
+      };
+    }
+  }, [assistiveText, isInFocus, debounced, debounceStatusUpdate]);
+  useEffect(function () {
+    if (debounced) {
+      setBump(function (prevBump) {
+        return !prevBump;
+      });
+      setDebounced(true);
+      setSilenced(!isInFocus);
+    }
+  }, [assistiveText, isInFocus, debounced]);
+  return jsx("div", {
+    css: assitiveTextStyles
+  }, jsx("div", {
+    "data-testid": id + '__status--A',
+    id: id + '__status--A',
+    role: "status",
+    "aria-atomic": "true",
+    "aria-live": "polite"
+  }, !silenced && debounced && bump ? assistiveText : ''), jsx("div", {
+    "data-testid": id + '__status--B',
+    id: id + '__status--B',
+    role: "status",
+    "aria-atomic": "true",
+    "aria-live": "polite"
+  }, !silenced && debounced && !bump ? assistiveText : ''));
+};
+export var AssistiveText = function AssistiveText(props) {
+  if (fg('platform_editor_react18_phase2')) {
+    return jsx(AssistiveTextNew, props);
+  } else {
+    return jsx(AssistveTextOld, props);
+  }
+};

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

@@ -2,10 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
 import { jsx } from '@emotion/react';
-import debounce from 'lodash/debounce';
-type Cancelable = ReturnType<typeof debounce>;
 type AssistiveTextProps = {
     assistiveText: string;
     isInFocus: boolean;
@@ -13,23 +10,6 @@ type AssistiveTextProps = {
     statusDebounceMillis?: number;
     debounce?: boolean;
 };
-type AssistiveTextState = {
-    bump: boolean;
-    debounced: boolean;
-    silenced: boolean;
-};
-declare class AssistveTextComponent extends React.Component<AssistiveTextProps, AssistiveTextState> {
-    static defaultProps: AssistiveTextProps;
-    debounceStatusUpdate: (() => void) & Cancelable;
-    state: {
-        bump: boolean;
-        debounced: boolean;
-        silenced: boolean;
-    };
-    UNSAFE_componentWillMount(): void;
-    UNSAFE_componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(): void;
-    render(): jsx.JSX.Element;
-}
-export declare const AssistiveText: typeof AssistveTextComponent;
+export declare const AssistiveTextNew: ({ assistiveText, isInFocus, id, statusDebounceMillis, }: AssistiveTextProps) => jsx.JSX.Element;
+export declare const AssistiveText: (props: AssistiveTextProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/AssistiveText.d.ts

@@ -2,10 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
 import { jsx } from '@emotion/react';
-import debounce from 'lodash/debounce';
-type Cancelable = ReturnType<typeof debounce>;
 type AssistiveTextProps = {
     assistiveText: string;
     isInFocus: boolean;
@@ -13,23 +10,6 @@ type AssistiveTextProps = {
     statusDebounceMillis?: number;
     debounce?: boolean;
 };
-type AssistiveTextState = {
-    bump: boolean;
-    debounced: boolean;
-    silenced: boolean;
-};
-declare class AssistveTextComponent extends React.Component<AssistiveTextProps, AssistiveTextState> {
-    static defaultProps: AssistiveTextProps;
-    debounceStatusUpdate: (() => void) & Cancelable;
-    state: {
-        bump: boolean;
-        debounced: boolean;
-        silenced: boolean;
-    };
-    UNSAFE_componentWillMount(): void;
-    UNSAFE_componentWillUnmount(): void;
-    UNSAFE_componentWillReceiveProps(): void;
-    render(): jsx.JSX.Element;
-}
-export declare const AssistiveText: typeof AssistveTextComponent;
+export declare const AssistiveTextNew: ({ assistiveText, isInFocus, id, statusDebounceMillis, }: AssistiveTextProps) => jsx.JSX.Element;
+export declare const AssistiveText: (props: AssistiveTextProps) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "1.8.13",
+	"version": "1.10.0",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,14 +31,15 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^40.9.0",
-		"@atlaskit/editor-common": "^93.0.0",
-		"@atlaskit/editor-plugin-analytics": "^1.8.0",
+		"@atlaskit/adf-schema": "^42.0.2",
+		"@atlaskit/editor-common": "^93.5.0",
+		"@atlaskit/editor-plugin-analytics": "^1.10.0",
 		"@atlaskit/editor-prosemirror": "6.0.0",
 		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/menu": "^2.12.0",
+		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/prosemirror-input-rules": "^3.2.0",
-		"@atlaskit/theme": "^13.0.0",
+		"@atlaskit/theme": "^13.1.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -81,5 +82,10 @@
 				"emotion"
 			]
 		}
+	},
+	"platform-feature-flags": {
+		"platform_editor_react18_phase2": {
+			"type": "boolean"
+		}
 	}
 }