@atlaskit/editor-plugin-type-ahead 13.0.1 → 13.0.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 13.0.2
+
+### Patch Changes
+
+- [`f8280f6b24eec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f8280f6b24eec) -
+  Allow editor surfaces to control agent mention picker sectioning independently.
+
 ## 13.0.1
 
 ### Patch Changes

package/dist/cjs/pm-plugins/commands/update-section-title.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateSectionTitle = void 0;
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _actions = require("../actions");
 var _key = require("../key");
 var updateSectionTitle = exports.updateSectionTitle = function updateSectionTitle(_ref) {
@@ -12,7 +11,7 @@ var updateSectionTitle = exports.updateSectionTitle = function updateSectionTitl
     title = _ref.title,
     sectionTitleDisplay = _ref.sectionTitleDisplay;
   return function (state, dispatch) {
-    if (!(0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) || !dispatch) {
+    if (!dispatch) {
       return false;
     }
     var tr = state.tr;

package/dist/cjs/pm-plugins/reducer.js

@@ -10,7 +10,6 @@ var _steps = require("@atlaskit/adf-schema/steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _insm = require("@atlaskit/insm");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _actions = require("./actions");
 var _key = require("./key");
 var _utils = require("./utils");
@@ -35,9 +34,6 @@ var shouldForceClose = function shouldForceClose(step) {
 var applySectionTitleUpdates = function applySectionTitleUpdates(_ref) {
   var sections = _ref.sections,
     sectionTitleUpdates = _ref.sectionTitleUpdates;
-  if (!(0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false)) {
-    return sections;
-  }
   var updatedSections = sections.map(function (section) {
     var update = sectionTitleUpdates[section.id];
     if (!update) {
@@ -177,9 +173,6 @@ var createReducer = exports.createReducer = function createReducer(_ref2) {
         selectedIndex: Math.max(selectedIndex >= items.length ? items.length - 1 : selectedIndex, -1)
       });
     } else if (shouldUpdateSectionTitleState) {
-      if (!(0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false)) {
-        return currentPluginState;
-      }
       var id = params.id,
         update = params.update;
       var sectionTitleUpdates = _objectSpread(_objectSpread({}, currentPluginState.sectionTitleUpdates), {}, (0, _defineProperty2.default)({}, id, _objectSpread(_objectSpread({}, currentPluginState.sectionTitleUpdates[id]), update)));

package/dist/cjs/ui/TypeAheadList.js

@@ -20,7 +20,6 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _menu = require("@atlaskit/menu");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 var _closeTypeAhead = require("../pm-plugins/commands/close-type-ahead");
 var _updateSelectedIndex = require("../pm-plugins/commands/update-selected-index");
 var _constants = require("../pm-plugins/constants");
@@ -56,9 +55,6 @@ var shouldRenderSectionTitle = function shouldRenderSectionTitle(_ref) {
   var isEmptyQuery = _ref.isEmptyQuery,
     populatedSectionCount = _ref.populatedSectionCount,
     section = _ref.section;
-  if (!(0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false)) {
-    return populatedSectionCount > 1;
-  }
   if (!isEmptyQuery && ((_section$sectionTitle = section.sectionTitleDisplay) === null || _section$sectionTitle === void 0 ? void 0 : _section$sectionTitle.showWhenQueryPresent) === false) {
     return false;
   }
@@ -307,9 +303,10 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
       }
     });
   }, [items, sections]);
+  var hasSections = sections && sections.length > 0;
   (0, _react.useLayoutEffect)(function () {
     // Exclude view more item from the count
-    var itemsToRender = (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) ? listRows : showMoreOptionsButton ? items.slice(0, -1) : items;
+    var itemsToRender = hasSections ? listRows : showMoreOptionsButton ? items.slice(0, -1) : items;
     var height = Math.min(
     // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
     itemsToRender.reduce(function (prevValue, currentValue, index) {
@@ -318,7 +315,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
       });
     }, 0), fitHeight);
     setHeight(height);
-  }, [listRows, items, cache, fitHeight, showMoreOptionsButton]);
+  }, [listRows, items, cache, fitHeight, hasSections, showMoreOptionsButton]);
   (0, _react.useLayoutEffect)(function () {
     if (!listContainerRef.current) {
       return;
@@ -377,7 +374,6 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
     });
   }, [items]);
   var config = triggerHandler === null || triggerHandler === void 0 || (_triggerHandler$getMo = triggerHandler.getMoreOptionsButtonConfig) === null || _triggerHandler$getMo === void 0 ? void 0 : _triggerHandler$getMo.call(triggerHandler, intl);
-  var shouldRenderSectionLozenge = (0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false);
   var handleClick = function handleClick() {
     if (onMoreOptionsClicked) {
       onMoreOptionsClicked();
@@ -402,7 +398,7 @@ var TypeAheadListComponent = /*#__PURE__*/_react.default.memo(function (_ref4) {
     if (!currentRow) {
       return null;
     }
-    var sectionLozenge = currentRow.type === 'section' && shouldRenderSectionLozenge ? currentRow.section.lozenge : null;
+    var sectionLozenge = currentRow.type === 'section' ? currentRow.section.lozenge : null;
     return (0, _react2.jsx)(_CellMeasurer.CellMeasurer, {
       key: key,
       cache: cache,

package/dist/cjs/ui/hooks/build-sectioned-result.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.buildSectionedResult = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -15,7 +14,7 @@ var buildSectionedResult = exports.buildSectionedResult = function buildSectione
   var items = _ref.items,
     triggerHandler = _ref.triggerHandler,
     intl = _ref.intl;
-  if (!(0, _expVal.expVal)('platform_editor_agent_mentions', 'isEnabled', false) || !intl) {
+  if (!intl) {
     return {
       items: items,
       sections: []

package/dist/es2019/pm-plugins/commands/update-section-title.js

@@ -1,4 +1,3 @@
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { ACTIONS } from '../actions';
 import { pluginKey as typeAheadPluginKey } from '../key';
 export const updateSectionTitle = ({
@@ -7,7 +6,7 @@ export const updateSectionTitle = ({
   sectionTitleDisplay
 }) => {
   return (state, dispatch) => {
-    if (!expVal('platform_editor_agent_mentions', 'isEnabled', false) || !dispatch) {
+    if (!dispatch) {
       return false;
     }
     const tr = state.tr;

package/dist/es2019/pm-plugins/reducer.js

@@ -2,7 +2,6 @@ import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { insm } from '@atlaskit/insm';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { ACTIONS } from './actions';
 import { pluginKey } from './key';
 import { isTypeAheadHandler } from './utils';
@@ -26,9 +25,6 @@ const applySectionTitleUpdates = ({
   sections,
   sectionTitleUpdates
 }) => {
-  if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
-    return sections;
-  }
   const updatedSections = sections.map(section => {
     const update = sectionTitleUpdates[section.id];
     if (!update) {
@@ -181,9 +177,6 @@ export const createReducer = ({
         selectedIndex: Math.max(selectedIndex >= items.length ? items.length - 1 : selectedIndex, -1)
       };
     } else if (shouldUpdateSectionTitleState) {
-      if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
-        return currentPluginState;
-      }
       const {
         id,
         update

package/dist/es2019/ui/TypeAheadList.js

@@ -17,7 +17,6 @@ import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { MenuGroup } from '@atlaskit/menu';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { closeTypeAhead } from '../pm-plugins/commands/close-type-ahead';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { TYPE_AHEAD_DECORATION_ELEMENT_ID } from '../pm-plugins/constants';
@@ -46,9 +45,6 @@ const shouldRenderSectionTitle = ({
   section
 }) => {
   var _section$sectionTitle;
-  if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
-    return populatedSectionCount > 1;
-  }
   if (!isEmptyQuery && ((_section$sectionTitle = section.sectionTitleDisplay) === null || _section$sectionTitle === void 0 ? void 0 : _section$sectionTitle.showWhenQueryPresent) === false) {
     return false;
   }
@@ -280,9 +276,10 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
       }
     });
   }, [items, sections]);
+  const hasSections = sections && sections.length > 0;
   useLayoutEffect(() => {
     // Exclude view more item from the count
-    const itemsToRender = expVal('platform_editor_agent_mentions', 'isEnabled', false) ? listRows : showMoreOptionsButton ? items.slice(0, -1) : items;
+    const itemsToRender = hasSections ? listRows : showMoreOptionsButton ? items.slice(0, -1) : items;
     const height = Math.min(
     // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
     itemsToRender.reduce((prevValue, currentValue, index) => {
@@ -291,7 +288,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
       });
     }, 0), fitHeight);
     setHeight(height);
-  }, [listRows, items, cache, fitHeight, showMoreOptionsButton]);
+  }, [listRows, items, cache, fitHeight, hasSections, showMoreOptionsButton]);
   useLayoutEffect(() => {
     if (!listContainerRef.current) {
       return;
@@ -350,7 +347,6 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
     return items.findIndex(item => item.isDisabledOffline !== true);
   }, [items]);
   const config = triggerHandler === null || triggerHandler === void 0 ? void 0 : (_triggerHandler$getMo = triggerHandler.getMoreOptionsButtonConfig) === null || _triggerHandler$getMo === void 0 ? void 0 : _triggerHandler$getMo.call(triggerHandler, intl);
-  const shouldRenderSectionLozenge = expVal('platform_editor_agent_mentions', 'isEnabled', false);
   const handleClick = () => {
     if (onMoreOptionsClicked) {
       onMoreOptionsClicked();
@@ -377,7 +373,7 @@ const TypeAheadListComponent = /*#__PURE__*/React.memo(({
     if (!currentRow) {
       return null;
     }
-    const sectionLozenge = currentRow.type === 'section' && shouldRenderSectionLozenge ? currentRow.section.lozenge : null;
+    const sectionLozenge = currentRow.type === 'section' ? currentRow.section.lozenge : null;
     return jsx(CellMeasurer, {
       key: key,
       cache: cache,

package/dist/es2019/ui/hooks/build-sectioned-result.js

@@ -1,11 +1,10 @@
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 export const buildSectionedResult = ({
   items,
   triggerHandler,
   intl
 }) => {
   var _triggerHandler$getSe;
-  if (!expVal('platform_editor_agent_mentions', 'isEnabled', false) || !intl) {
+  if (!intl) {
     return {
       items,
       sections: []

package/dist/esm/pm-plugins/commands/update-section-title.js

@@ -1,4 +1,3 @@
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { ACTIONS } from '../actions';
 import { pluginKey as typeAheadPluginKey } from '../key';
 export var updateSectionTitle = function updateSectionTitle(_ref) {
@@ -6,7 +5,7 @@ export var updateSectionTitle = function updateSectionTitle(_ref) {
     title = _ref.title,
     sectionTitleDisplay = _ref.sectionTitleDisplay;
   return function (state, dispatch) {
-    if (!expVal('platform_editor_agent_mentions', 'isEnabled', false) || !dispatch) {
+    if (!dispatch) {
       return false;
     }
     var tr = state.tr;

package/dist/esm/pm-plugins/reducer.js

@@ -5,7 +5,6 @@ import { InsertTypeAheadStages, InsertTypeAheadStep } from '@atlaskit/adf-schema
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import { insm } from '@atlaskit/insm';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { ACTIONS } from './actions';
 import { pluginKey } from './key';
 import { isTypeAheadHandler } from './utils';
@@ -28,9 +27,6 @@ var shouldForceClose = function shouldForceClose(step) {
 var applySectionTitleUpdates = function applySectionTitleUpdates(_ref) {
   var sections = _ref.sections,
     sectionTitleUpdates = _ref.sectionTitleUpdates;
-  if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
-    return sections;
-  }
   var updatedSections = sections.map(function (section) {
     var update = sectionTitleUpdates[section.id];
     if (!update) {
@@ -170,9 +166,6 @@ export var createReducer = function createReducer(_ref2) {
         selectedIndex: Math.max(selectedIndex >= items.length ? items.length - 1 : selectedIndex, -1)
       });
     } else if (shouldUpdateSectionTitleState) {
-      if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
-        return currentPluginState;
-      }
       var id = params.id,
         update = params.update;
       var sectionTitleUpdates = _objectSpread(_objectSpread({}, currentPluginState.sectionTitleUpdates), {}, _defineProperty({}, id, _objectSpread(_objectSpread({}, currentPluginState.sectionTitleUpdates[id]), update)));

package/dist/esm/ui/TypeAheadList.js

@@ -19,7 +19,6 @@ import { AssistiveText } from '@atlaskit/editor-common/ui';
 import { MenuGroup } from '@atlaskit/menu';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 import { closeTypeAhead } from '../pm-plugins/commands/close-type-ahead';
 import { updateSelectedIndex } from '../pm-plugins/commands/update-selected-index';
 import { TYPE_AHEAD_DECORATION_ELEMENT_ID } from '../pm-plugins/constants';
@@ -47,9 +46,6 @@ var shouldRenderSectionTitle = function shouldRenderSectionTitle(_ref) {
   var isEmptyQuery = _ref.isEmptyQuery,
     populatedSectionCount = _ref.populatedSectionCount,
     section = _ref.section;
-  if (!expVal('platform_editor_agent_mentions', 'isEnabled', false)) {
-    return populatedSectionCount > 1;
-  }
   if (!isEmptyQuery && ((_section$sectionTitle = section.sectionTitleDisplay) === null || _section$sectionTitle === void 0 ? void 0 : _section$sectionTitle.showWhenQueryPresent) === false) {
     return false;
   }
@@ -298,9 +294,10 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
       }
     });
   }, [items, sections]);
+  var hasSections = sections && sections.length > 0;
   useLayoutEffect(function () {
     // Exclude view more item from the count
-    var itemsToRender = expVal('platform_editor_agent_mentions', 'isEnabled', false) ? listRows : showMoreOptionsButton ? items.slice(0, -1) : items;
+    var itemsToRender = hasSections ? listRows : showMoreOptionsButton ? items.slice(0, -1) : items;
     var height = Math.min(
     // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
     itemsToRender.reduce(function (prevValue, currentValue, index) {
@@ -309,7 +306,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
       });
     }, 0), fitHeight);
     setHeight(height);
-  }, [listRows, items, cache, fitHeight, showMoreOptionsButton]);
+  }, [listRows, items, cache, fitHeight, hasSections, showMoreOptionsButton]);
   useLayoutEffect(function () {
     if (!listContainerRef.current) {
       return;
@@ -368,7 +365,6 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
     });
   }, [items]);
   var config = triggerHandler === null || triggerHandler === void 0 || (_triggerHandler$getMo = triggerHandler.getMoreOptionsButtonConfig) === null || _triggerHandler$getMo === void 0 ? void 0 : _triggerHandler$getMo.call(triggerHandler, intl);
-  var shouldRenderSectionLozenge = expVal('platform_editor_agent_mentions', 'isEnabled', false);
   var handleClick = function handleClick() {
     if (onMoreOptionsClicked) {
       onMoreOptionsClicked();
@@ -393,7 +389,7 @@ var TypeAheadListComponent = /*#__PURE__*/React.memo(function (_ref4) {
     if (!currentRow) {
       return null;
     }
-    var sectionLozenge = currentRow.type === 'section' && shouldRenderSectionLozenge ? currentRow.section.lozenge : null;
+    var sectionLozenge = currentRow.type === 'section' ? currentRow.section.lozenge : null;
     return jsx(CellMeasurer, {
       key: key,
       cache: cache,

package/dist/esm/ui/hooks/build-sectioned-result.js

@@ -2,13 +2,12 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
 export var buildSectionedResult = function buildSectionedResult(_ref) {
   var _triggerHandler$getSe;
   var items = _ref.items,
     triggerHandler = _ref.triggerHandler,
     intl = _ref.intl;
-  if (!expVal('platform_editor_agent_mentions', 'isEnabled', false) || !intl) {
+  if (!intl) {
     return {
       items: items,
       sections: []

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "13.0.1",
+	"version": "13.0.2",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,7 +36,7 @@
 		"@atlaskit/primitives": "^20.5.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
 		"@atlaskit/prosemirror-input-rules": "^4.0.0",
-		"@atlaskit/tmp-editor-statsig": "^124.0.0",
+		"@atlaskit/tmp-editor-statsig": "^124.1.0",
 		"@atlaskit/tokens": "^15.5.0",
 		"@atlaskit/visually-hidden": "^4.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -48,7 +48,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.24.0",
+		"@atlaskit/editor-common": "^116.25.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"