@atlaskit/jql-editor 5.14.5 → 6.1.1

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/jql-editor
 
+## 6.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.1.0
+
+### Minor Changes
+
+- [`354bbafb6a1e9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/354bbafb6a1e9) -
+  Add HydratedGoal type
+
+## 6.0.0
+
+### Major Changes
+
+- [`4b920b03625a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b920b03625a1) -
+  Removed `react-intl-next` alias and replaced all usages with `react-intl` directly.
+
+  What changed: The `react-intl-next` npm alias (which resolved to `react-intl@^5`) has been
+  removed. All imports now reference `react-intl` directly, and `peerDependencies` have been updated
+  to `"^5.25.1 || ^6.0.0 || ^7.0.0"`.
+
+  How consumer should update their code: Ensure `react-intl` is installed at a version satisfying
+  `^5.25.1 || ^6.0.0 || ^7.0.0`. If your application was using `react-intl-next` as an npm alias, it
+  can be safely removed. Replace any remaining `react-intl-next` imports with `react-intl`.
+
+### Patch Changes
+
+- [`7f43a9c7d5dec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7f43a9c7d5dec) -
+  [ux] fixed up the scroll issue in JQL autocomplete if the option name is too long
+
 ## 5.14.5
 
 ### Patch Changes

package/dist/cjs/analytics/util.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.useJqlEditorAnalytics = void 0;
 var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
 var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.14.5", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "6.1.0", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/common/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.commonMessages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var commonMessages = exports.commonMessages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var commonMessages = exports.commonMessages = (0, _reactIntl.defineMessages)({
   unknownError: {
     id: 'jql-editor.common.validation.unknown-error',
     defaultMessage: 'Unable to parse the query.',

package/dist/cjs/plugins/autocomplete/components/autocomplete-dropdown/index.js

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popper = require("@atlaskit/popper");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
@@ -20,6 +22,8 @@ var _messages = require("../../messages");
 var _autocompleteOption = _interopRequireDefault(require("../autocomplete-option"));
 var _styled = require("./styled");
 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); }
+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 getPreviousOptionId = function getPreviousOptionId(options, selectedOptionId) {
   if (!selectedOptionId) {
     var _options;
@@ -103,6 +107,7 @@ var AutocompleteDropdown = function AutocompleteDropdown(_ref) {
     _useScopedId2 = (0, _slicedToArray2.default)(_useScopedId, 1),
     autocompleteId = _useScopedId2[0];
   var isPopperPositioningEnabled = (0, _platformFeatureFlags.fg)('jql_editor_autocomplete_use_popper');
+  var isScrollUIFixEnabled = _featureGateJsClient.default.getExperimentValue('anip-1289-scroll-issues-in-jql-autocomplete', 'isEnabled', false);
 
   // Create virtual reference element positioned at cursor location (for popper implementation)
   var virtualReferenceElement = (0, _react.useMemo)(function () {
@@ -336,7 +341,11 @@ var AutocompleteDropdown = function AutocompleteDropdown(_ref) {
       ref: ref
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Popper requires dynamic positioning via style prop
       ,
-      style: style,
+      style: isScrollUIFixEnabled ? _objectSpread(_objectSpread({}, style), {}, {
+        // Popper's maxSize modifier can produce a maxWidth larger than our design cap on small
+        // viewports; clamp it here so the panel never overflows off-screen.
+        maxWidth: 'min(400px, calc(100vw - 16px))'
+      }) : style,
       isOpen: isAutocompleteOpen,
       usePopper: true,
       onBlur: onEditorViewBlur,

package/dist/cjs/plugins/autocomplete/components/autocomplete-option/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   deprecatedFieldTooltipDefaultMessage: {
     id: 'jql-editor.plugins.autocomplete.autocomplete-option.deprecated-tooltip.default',
     defaultMessage: 'This field has been deprecated and may stop working in the future.',

package/dist/cjs/plugins/autocomplete/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   optionsFound: {
     id: 'jql-editor.plugins.autocomplete.options-found',
     defaultMessage: 'Choose from the suggested list of options below.',

package/dist/cjs/plugins/jql-ast/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.errorMessages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var errorMessages = exports.errorMessages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var errorMessages = exports.errorMessages = (0, _reactIntl.defineMessages)({
   expectingOperatorButReceived: {
     id: 'jql-editor.plugins.jql-ast.error-messages.expectingOperatorButReceived',
     defaultMessage: "Expecting an operator but got ''{received}''. The valid operators are '=', '!=', '<', '>', '<=', '>=', '~', '!~', 'IN', 'NOT IN', 'IS' and 'IS NOT'.",

package/dist/cjs/plugins/rich-inline-nodes/nodes/project/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   restrictedProject: {
     id: 'jql-editor.plugins.rich-inline-nodes.project.restrictedProject',
     defaultMessage: 'Restricted project',

package/dist/cjs/plugins/rich-inline-nodes/nodes/project/project-node.js

@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _emoji = require("@atlaskit/emoji");
 var _project = _interopRequireDefault(require("@atlaskit/icon/core/project"));
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -47,7 +47,7 @@ var ProjectNode = exports.ProjectNode = function ProjectNode(props) {
     name = props.name,
     privateProject = props.privateProject,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var _useHydratedProject = (0, _state.useHydratedProject)({
       id: id,

package/dist/cjs/state/index.js

@@ -10,7 +10,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _clamp = _interopRequireDefault(require("lodash/clamp"));
 var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _reactSweetState = require("react-sweet-state");
 var _merge = require("rxjs/observable/merge");
 var _tap = require("rxjs/operators/tap");
@@ -33,7 +33,7 @@ var _util = require("./hydration/util");
 var _util2 = require("./util");
 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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-var initialIntl = (0, _reactIntlNext.createIntl)({
+var initialIntl = (0, _reactIntl.createIntl)({
   locale: 'en'
 });
 var defaultAutocompleteOptions = {

package/dist/cjs/ui/intl-provider/index.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.withIntlProvider = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _excluded = ["locale"];
 var withIntlProvider = exports.withIntlProvider = function withIntlProvider(WrappedComponent) {
   return function (props) {
     var locale = props.locale,
       rest = (0, _objectWithoutProperties2.default)(props, _excluded);
     if (locale) {
-      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+      return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
         locale: locale
       }, /*#__PURE__*/_react.default.createElement(WrappedComponent, rest));
     }

package/dist/cjs/ui/jql-editor/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _reactMagneticDi = require("react-magnetic-di");
 var _analytics = require("../../analytics");
 var _useEditorTheme = require("../../hooks/use-editor-theme");
@@ -76,4 +76,4 @@ var JQLEditorInner = function JQLEditorInner(_ref) {
     inputRef: inputRef
   }))));
 };
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(JQLEditorInner);
+var _default = exports.default = (0, _reactIntl.injectIntl)(JQLEditorInner);

package/dist/cjs/ui/jql-editor-controls-content/expand-toggle/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   buttonLabel: {
     id: 'jql-editor.ui.jql-editor-controls-content.expand-toggle.button-label',
     defaultMessage: 'Editor',

package/dist/cjs/ui/jql-editor-controls-content/search/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   searchLabel: {
     id: 'jql-editor.ui.jql-editor-controls-content.search.label',
     defaultMessage: 'Search',

package/dist/cjs/ui/jql-editor-controls-content/syntax-help/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   syntaxHelpDescription: {
     id: 'jql-editor.ui.jql-editor-footer-content.jql-editor-help.syntax-help.description',
     defaultMessage: 'Open JQL syntax help in a new tab.',

package/dist/cjs/ui/jql-editor-footer-content/jql-editor-help/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   searchCommand: {
     id: 'jql-editor.ui.jql-editor-help.search-command',
     defaultMessage: '<b>Enter</b> to search',

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/errors/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   jqlErrorPosition: {
     id: 'jql-editor.ui.jql-validation-message.jql-error-position',
     defaultMessage: '(line {lineNumber}, character {charPosition})',

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/warnings/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   deprecatedParentReplacementMessage: {
     id: 'jql-editor.ui.jql-warning-message.deprecated-epic-link-or-parent-link-field',
     defaultMessage: '{deprecatedField} will soon be replaced with {parentReplacement}. <link>Update to {parentReplacement}</link> to prepare for these changes.',

package/dist/cjs/ui/jql-editor-layout/index.js

@@ -8,7 +8,7 @@ exports.default = exports.JQLEditorReadOnly = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _reactIntlNext = require("react-intl-next");
+var _reactIntl = require("react-intl");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../common/constants");
@@ -82,7 +82,7 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     defaultRows = _useEditorThemeContex2.defaultRows;
   var blocks = (0, _splitTextByNewLine.splitTextByNewLine)(query);
   var lineNumbersVisible = blocks.length > 1;
-  var _useIntl = (0, _reactIntlNext.useIntl)(),
+  var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   return /*#__PURE__*/_react.default.createElement(_styled.EditorMain, null, /*#__PURE__*/_react.default.createElement(_styled.ReadOnlyEditorViewContainer, null, /*#__PURE__*/_react.default.createElement(_styled.LineNumberToolbar, {
     lineNumbersVisible: lineNumbersVisible

package/dist/cjs/ui/messages.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.messages = void 0;
-var _reactIntlNext = require("react-intl-next");
-var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+var _reactIntl = require("react-intl");
+var messages = exports.messages = (0, _reactIntl.defineMessages)({
   inputLabel: {
     id: 'jql-editor.ui.input-label',
     defaultMessage: 'JQL query',

package/dist/es2019/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export const useJqlEditorAnalytics = analyticsSource => {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.14.5", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "6.1.0", ANALYTICS_CHANNEL);
 };

package/dist/es2019/common/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const commonMessages = defineMessages({
   unknownError: {
     id: 'jql-editor.common.validation.unknown-error',

package/dist/es2019/plugins/autocomplete/components/autocomplete-dropdown/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Popper } from '@atlaskit/popper';
 import Spinner from '@atlaskit/spinner';
@@ -75,6 +76,7 @@ const AutocompleteDropdown = ({
   const [areRichInlineNodesEnabled] = useRichInlineNodesEnabled();
   const [autocompleteId] = useScopedId(JQL_EDITOR_AUTOCOMPLETE_ID);
   const isPopperPositioningEnabled = fg('jql_editor_autocomplete_use_popper');
+  const isScrollUIFixEnabled = FeatureGates.getExperimentValue('anip-1289-scroll-issues-in-jql-autocomplete', 'isEnabled', false);
 
   // Create virtual reference element positioned at cursor location (for popper implementation)
   const virtualReferenceElement = useMemo(() => {
@@ -296,7 +298,12 @@ const AutocompleteDropdown = ({
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Popper requires dynamic positioning via style prop
     ,
-    style: style,
+    style: isScrollUIFixEnabled ? {
+      ...style,
+      // Popper's maxSize modifier can produce a maxWidth larger than our design cap on small
+      // viewports; clamp it here so the panel never overflows off-screen.
+      maxWidth: 'min(400px, calc(100vw - 16px))'
+    } : style,
     isOpen: isAutocompleteOpen,
     usePopper: true,
     onBlur: onEditorViewBlur,

package/dist/es2019/plugins/autocomplete/components/autocomplete-option/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   deprecatedFieldTooltipDefaultMessage: {
     id: 'jql-editor.plugins.autocomplete.autocomplete-option.deprecated-tooltip.default',

package/dist/es2019/plugins/autocomplete/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   optionsFound: {
     id: 'jql-editor.plugins.autocomplete.options-found',

package/dist/es2019/plugins/jql-ast/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const errorMessages = defineMessages({
   expectingOperatorButReceived: {
     id: 'jql-editor.plugins.jql-ast.error-messages.expectingOperatorButReceived',

package/dist/es2019/plugins/rich-inline-nodes/nodes/project/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   restrictedProject: {
     id: 'jql-editor.plugins.rich-inline-nodes.project.restrictedProject',

package/dist/es2019/plugins/rich-inline-nodes/nodes/project/project-node.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./project-node.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { ResourcedEmoji } from '@atlaskit/emoji';
 import ProjectIcon from '@atlaskit/icon/core/project';
 import { Box } from '@atlaskit/primitives/compiled';

package/dist/es2019/state/index.js

@@ -1,6 +1,6 @@
 import clamp from 'lodash/clamp';
 import groupBy from 'lodash/groupBy';
-import { createIntl } from 'react-intl-next';
+import { createIntl } from 'react-intl';
 import { createContainer, createHook, createSelector, createStore } from 'react-sweet-state';
 import { merge } from 'rxjs/observable/merge';
 import { tap } from 'rxjs/operators/tap';

package/dist/es2019/ui/intl-provider/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider } from 'react-intl';
 export const withIntlProvider = WrappedComponent => {
   return props => {
     const {

package/dist/es2019/ui/jql-editor/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { di } from 'react-magnetic-di';
 import { useJqlEditorAnalytics } from '../../analytics';
 import { EditorThemeContext, useEditorTheme } from '../../hooks/use-editor-theme';

package/dist/es2019/ui/jql-editor-controls-content/expand-toggle/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   buttonLabel: {
     id: 'jql-editor.ui.jql-editor-controls-content.expand-toggle.button-label',

package/dist/es2019/ui/jql-editor-controls-content/search/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   searchLabel: {
     id: 'jql-editor.ui.jql-editor-controls-content.search.label',

package/dist/es2019/ui/jql-editor-controls-content/syntax-help/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   syntaxHelpDescription: {
     id: 'jql-editor.ui.jql-editor-footer-content.jql-editor-help.syntax-help.description',

package/dist/es2019/ui/jql-editor-footer-content/jql-editor-help/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   searchCommand: {
     id: 'jql-editor.ui.jql-editor-help.search-command',

package/dist/es2019/ui/jql-editor-footer-content/jql-messages/errors/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   jqlErrorPosition: {
     id: 'jql-editor.ui.jql-validation-message.jql-error-position',

package/dist/es2019/ui/jql-editor-footer-content/jql-messages/warnings/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   deprecatedParentReplacementMessage: {
     id: 'jql-editor.ui.jql-warning-message.deprecated-epic-link-or-parent-link-field',

package/dist/es2019/ui/jql-editor-layout/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { JQL_EDITOR_MAIN_ID } from '../../common/constants';

package/dist/es2019/ui/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export const messages = defineMessages({
   inputLabel: {
     id: 'jql-editor.ui.input-label',

package/dist/esm/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.14.5", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "6.1.0", ANALYTICS_CHANNEL);
 };

package/dist/esm/common/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var commonMessages = defineMessages({
   unknownError: {
     id: 'jql-editor.common.validation.unknown-error',

package/dist/esm/plugins/autocomplete/components/autocomplete-dropdown/index.js

@@ -1,6 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Popper } from '@atlaskit/popper';
 import Spinner from '@atlaskit/spinner';
@@ -94,6 +98,7 @@ var AutocompleteDropdown = function AutocompleteDropdown(_ref) {
     _useScopedId2 = _slicedToArray(_useScopedId, 1),
     autocompleteId = _useScopedId2[0];
   var isPopperPositioningEnabled = fg('jql_editor_autocomplete_use_popper');
+  var isScrollUIFixEnabled = FeatureGates.getExperimentValue('anip-1289-scroll-issues-in-jql-autocomplete', 'isEnabled', false);
 
   // Create virtual reference element positioned at cursor location (for popper implementation)
   var virtualReferenceElement = useMemo(function () {
@@ -327,7 +332,11 @@ var AutocompleteDropdown = function AutocompleteDropdown(_ref) {
       ref: ref
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Popper requires dynamic positioning via style prop
       ,
-      style: style,
+      style: isScrollUIFixEnabled ? _objectSpread(_objectSpread({}, style), {}, {
+        // Popper's maxSize modifier can produce a maxWidth larger than our design cap on small
+        // viewports; clamp it here so the panel never overflows off-screen.
+        maxWidth: 'min(400px, calc(100vw - 16px))'
+      }) : style,
       isOpen: isAutocompleteOpen,
       usePopper: true,
       onBlur: onEditorViewBlur,

package/dist/esm/plugins/autocomplete/components/autocomplete-option/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   deprecatedFieldTooltipDefaultMessage: {
     id: 'jql-editor.plugins.autocomplete.autocomplete-option.deprecated-tooltip.default',

package/dist/esm/plugins/autocomplete/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   optionsFound: {
     id: 'jql-editor.plugins.autocomplete.options-found',

package/dist/esm/plugins/jql-ast/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var errorMessages = defineMessages({
   expectingOperatorButReceived: {
     id: 'jql-editor.plugins.jql-ast.error-messages.expectingOperatorButReceived',

package/dist/esm/plugins/rich-inline-nodes/nodes/project/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   restrictedProject: {
     id: 'jql-editor.plugins.rich-inline-nodes.project.restrictedProject',

package/dist/esm/plugins/rich-inline-nodes/nodes/project/project-node.js

@@ -6,7 +6,7 @@ var _excluded = ["id", "fieldName", "name", "privateProject"];
 import "./project-node.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { ResourcedEmoji } from '@atlaskit/emoji';
 import ProjectIcon from '@atlaskit/icon/core/project';
 import { Box } from '@atlaskit/primitives/compiled';

package/dist/esm/state/index.js

@@ -5,7 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 clamp from 'lodash/clamp';
 import groupBy from 'lodash/groupBy';
-import { createIntl } from 'react-intl-next';
+import { createIntl } from 'react-intl';
 import { createContainer, createHook, createSelector, createStore } from 'react-sweet-state';
 import { merge } from 'rxjs/observable/merge';
 import { tap } from 'rxjs/operators/tap';

package/dist/esm/ui/intl-provider/index.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["locale"];
 import React from 'react';
-import { IntlProvider } from 'react-intl-next';
+import { IntlProvider } from 'react-intl';
 export var withIntlProvider = function withIntlProvider(WrappedComponent) {
   return function (props) {
     var locale = props.locale,

package/dist/esm/ui/jql-editor/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from 'react';
-import { injectIntl } from 'react-intl-next';
+import { injectIntl } from 'react-intl';
 import { di } from 'react-magnetic-di';
 import { useJqlEditorAnalytics } from '../../analytics';
 import { EditorThemeContext, useEditorTheme } from '../../hooks/use-editor-theme';

package/dist/esm/ui/jql-editor-controls-content/expand-toggle/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   buttonLabel: {
     id: 'jql-editor.ui.jql-editor-controls-content.expand-toggle.button-label',

package/dist/esm/ui/jql-editor-controls-content/search/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   searchLabel: {
     id: 'jql-editor.ui.jql-editor-controls-content.search.label',

package/dist/esm/ui/jql-editor-controls-content/syntax-help/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   syntaxHelpDescription: {
     id: 'jql-editor.ui.jql-editor-footer-content.jql-editor-help.syntax-help.description',

package/dist/esm/ui/jql-editor-footer-content/jql-editor-help/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   searchCommand: {
     id: 'jql-editor.ui.jql-editor-help.search-command',

package/dist/esm/ui/jql-editor-footer-content/jql-messages/errors/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   jqlErrorPosition: {
     id: 'jql-editor.ui.jql-validation-message.jql-error-position',

package/dist/esm/ui/jql-editor-footer-content/jql-messages/warnings/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   deprecatedParentReplacementMessage: {
     id: 'jql-editor.ui.jql-warning-message.deprecated-epic-link-or-parent-link-field',

package/dist/esm/ui/jql-editor-layout/index.js

@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["isSearch", "isCompact", "defaultRows"];
 import React from 'react';
-import { useIntl } from 'react-intl-next';
+import { useIntl } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { JQL_EDITOR_MAIN_ID } from '../../common/constants';

package/dist/esm/ui/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl-next';
+import { defineMessages } from 'react-intl';
 export var messages = defineMessages({
   inputLabel: {
     id: 'jql-editor.ui.input-label',

package/dist/types/index.d.ts

@@ -2,4 +2,4 @@ export { default as JQLEditor } from './ui';
 export { JQLEditorAsync, preloadJQLEditor } from './async';
 export { JQLEditorReadOnly } from './ui/jql-editor-layout';
 export { JQLEditorAnalyticsListener, ANALYTICS_CHANNEL, useJqlPackageAnalytics, EventType, } from './analytics';
-export type { ListenerProps, JqlAnalyticsEvent, JQLEditorUIProps, JQLEditorProps, HydratedValue, HydratedValues, HydratedUser, HydratedTeam, HydratedProject, AutocompleteOption, AutocompleteValueType, AutocompleteOptions, AutocompleteProvider, JQLClause, ExternalMessage, ExternalError, ExternalWarning, ExternalInfo, CustomComponents, } from './types';
+export type { ListenerProps, JqlAnalyticsEvent, JQLEditorUIProps, JQLEditorProps, HydratedValue, HydratedValues, HydratedUser, HydratedTeam, HydratedProject, HydratedGoal, AutocompleteOption, AutocompleteValueType, AutocompleteOptions, AutocompleteProvider, JQLClause, ExternalMessage, ExternalError, ExternalWarning, ExternalInfo, CustomComponents, } from './types';

package/dist/types/plugins/jql-ast/JQLEditorErrorStrategy.d.ts

@@ -1,7 +1,7 @@
 import { type MutableRefObject } from 'react';
 import { DefaultErrorStrategy, type FailedPredicateException, type InputMismatchException, type Parser } from 'antlr4ts';
 import { type NoViableAltException } from 'antlr4ts/NoViableAltException';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { JQLParser } from '@atlaskit/jql-parser';
 export declare const getPrintableChar: (char: string) => string;
 export declare const getJavaCodeFromChar: (char: string) => string;

package/dist/types/plugins/jql-ast/error-handlers/CustomFieldRuleErrorHandler.d.ts

@@ -1,4 +1,4 @@
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and a custom field rule was expected.
  */

package/dist/types/plugins/jql-ast/error-handlers/ExpectedTokensErrorHandler.d.ts

@@ -1,6 +1,6 @@
 import { type Token } from 'antlr4ts';
 import { type RecognitionException } from 'antlr4ts/RecognitionException';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type JQLParser } from '@atlaskit/jql-parser';
 /**
  * Show the appropriate error message when parsing JQL fails and 0 or more tokens were expected.

package/dist/types/plugins/jql-ast/error-handlers/FieldPropertyIdErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { type Token } from 'antlr4ts';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and a field property ID rule was expected.
  */

package/dist/types/plugins/jql-ast/error-handlers/FieldRuleErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { type Token } from 'antlr4ts';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and a field rule was expected.
  */

package/dist/types/plugins/jql-ast/error-handlers/FunctionArgumentRuleErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { type Token } from 'antlr4ts';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and a function argument rule was expected.
  */

package/dist/types/plugins/jql-ast/error-handlers/OperandRuleErrorHandler.d.ts

@@ -1,6 +1,6 @@
 import { type Token } from 'antlr4ts';
 import { type RecognitionException } from 'antlr4ts/RecognitionException';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type JQLRuleSuggestions } from '@atlaskit/jql-autocomplete';
 import { type JQLParser } from '@atlaskit/jql-parser';
 /**

package/dist/types/plugins/jql-ast/error-handlers/OperatorRuleErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { type Token } from 'antlr4ts';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and an operator rule was expected.
  */

package/dist/types/plugins/jql-ast/index.d.ts

@@ -1,5 +1,5 @@
 import { type MutableRefObject } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type EditorState, Plugin } from '@atlaskit/editor-prosemirror/state';
 import { type Jast } from '@atlaskit/jql-ast';
 export declare const getJastFromState: (state: EditorState) => Jast;

package/dist/types/schema/index.d.ts

@@ -1,5 +1,5 @@
 import { type MutableRefObject } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type ResolvedPos, Schema, type Slice } from '@atlaskit/editor-prosemirror/model';
 import { EditorState, type Transaction } from '@atlaskit/editor-prosemirror/state';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';

package/dist/types/state/index.d.ts

@@ -1,5 +1,5 @@
 import { type FocusEvent, type MouseEvent } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type Action } from 'react-sweet-state';
 import { type Observable } from 'rxjs/Observable';
 import { type EditorState, type Transaction } from '@atlaskit/editor-prosemirror/state';

package/dist/types/state/types.d.ts

@@ -1,5 +1,5 @@
 import { type FocusEvent, type MouseEvent, type MutableRefObject, type PropsWithChildren, type ReactNode } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type Subscription } from 'rxjs/Subscription';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';

package/dist/types/types.d.ts

@@ -1,5 +1,5 @@
 export type { JQLClause } from '@atlaskit/jql-autocomplete';
-export type { JQLEditorUIProps, JQLEditorProps, HydratedValues, HydratedValue, HydratedUser, HydratedTeam, HydratedProject, } from './ui/types';
+export type { JQLEditorUIProps, JQLEditorProps, HydratedValues, HydratedValue, HydratedUser, HydratedTeam, HydratedProject, HydratedGoal, } from './ui/types';
 export type { ExternalMessage, ExternalError, ExternalWarning, ExternalInfo, CustomComponents, } from './state/types';
 export type { AutocompleteProvider, AutocompleteOptions, AutocompleteOption, AutocompleteValueType, } from './plugins/types';
 export type { ListenerProps, JqlAnalyticsEvent } from './analytics';

package/dist/types/ui/jql-editor/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type JQLEditorUIProps } from './types';
 export type JQLEditorInnerProps = JQLEditorUIProps & {
     /**
@@ -7,7 +7,7 @@ export type JQLEditorInnerProps = JQLEditorUIProps & {
      */
     intl: IntlShape;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<JQLEditorInnerProps>> & {
+declare const _default: React.FC<import("react-intl").WithIntlProps<JQLEditorInnerProps>> & {
     WrappedComponent: React.ComponentType<JQLEditorInnerProps>;
 };
 export default _default;

package/dist/types/ui/jql-editor/types.d.ts

@@ -22,6 +22,12 @@ export type HydratedProject = {
     privateProject?: boolean;
     type: 'project';
 };
+export type HydratedGoal = {
+    id: string;
+    name: string;
+    status?: string | null | undefined;
+    type: 'goal';
+};
 export type HydratedDeprecatedField = {
     deprecatedSearcherKey: string;
     /**
@@ -30,7 +36,7 @@ export type HydratedDeprecatedField = {
     id: string;
     type: 'deprecated-field';
 };
-export type HydratedValue = HydratedUser | HydratedTeam | HydratedProject | HydratedDeprecatedField;
+export type HydratedValue = HydratedUser | HydratedTeam | HydratedProject | HydratedGoal | HydratedDeprecatedField;
 export type HydratedValues = {
     [fieldName: string]: HydratedValue[];
 };

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

@@ -1,5 +1,5 @@
 import { type JQLEditorUIProps } from './jql-editor/types';
-export type { JQLEditorUIProps, HydratedValue, HydratedValues, HydratedUser, HydratedTeam, HydratedProject, } from './jql-editor/types';
+export type { JQLEditorUIProps, HydratedValue, HydratedValues, HydratedUser, HydratedTeam, HydratedProject, HydratedGoal, } from './jql-editor/types';
 export type JQLEditorProps = JQLEditorUIProps & {
     /**
      * React-intl locale. This should be set to "en" if alternate message sets are not being loaded higher in the React

package/dist/types-ts4.5/index.d.ts

@@ -2,4 +2,4 @@ export { default as JQLEditor } from './ui';
 export { JQLEditorAsync, preloadJQLEditor } from './async';
 export { JQLEditorReadOnly } from './ui/jql-editor-layout';
 export { JQLEditorAnalyticsListener, ANALYTICS_CHANNEL, useJqlPackageAnalytics, EventType, } from './analytics';
-export type { ListenerProps, JqlAnalyticsEvent, JQLEditorUIProps, JQLEditorProps, HydratedValue, HydratedValues, HydratedUser, HydratedTeam, HydratedProject, AutocompleteOption, AutocompleteValueType, AutocompleteOptions, AutocompleteProvider, JQLClause, ExternalMessage, ExternalError, ExternalWarning, ExternalInfo, CustomComponents, } from './types';
+export type { ListenerProps, JqlAnalyticsEvent, JQLEditorUIProps, JQLEditorProps, HydratedValue, HydratedValues, HydratedUser, HydratedTeam, HydratedProject, HydratedGoal, AutocompleteOption, AutocompleteValueType, AutocompleteOptions, AutocompleteProvider, JQLClause, ExternalMessage, ExternalError, ExternalWarning, ExternalInfo, CustomComponents, } from './types';

package/dist/types-ts4.5/plugins/jql-ast/JQLEditorErrorStrategy.d.ts

@@ -1,7 +1,7 @@
 import { type MutableRefObject } from 'react';
 import { DefaultErrorStrategy, type FailedPredicateException, type InputMismatchException, type Parser } from 'antlr4ts';
 import { type NoViableAltException } from 'antlr4ts/NoViableAltException';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { JQLParser } from '@atlaskit/jql-parser';
 export declare const getPrintableChar: (char: string) => string;
 export declare const getJavaCodeFromChar: (char: string) => string;

package/dist/types-ts4.5/plugins/jql-ast/error-handlers/CustomFieldRuleErrorHandler.d.ts

@@ -1,4 +1,4 @@
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and a custom field rule was expected.
  */

package/dist/types-ts4.5/plugins/jql-ast/error-handlers/ExpectedTokensErrorHandler.d.ts

@@ -1,6 +1,6 @@
 import { type Token } from 'antlr4ts';
 import { type RecognitionException } from 'antlr4ts/RecognitionException';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type JQLParser } from '@atlaskit/jql-parser';
 /**
  * Show the appropriate error message when parsing JQL fails and 0 or more tokens were expected.

package/dist/types-ts4.5/plugins/jql-ast/error-handlers/FieldPropertyIdErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { type Token } from 'antlr4ts';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and a field property ID rule was expected.
  */

package/dist/types-ts4.5/plugins/jql-ast/error-handlers/FieldRuleErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { type Token } from 'antlr4ts';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and a field rule was expected.
  */

package/dist/types-ts4.5/plugins/jql-ast/error-handlers/FunctionArgumentRuleErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { type Token } from 'antlr4ts';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and a function argument rule was expected.
  */

package/dist/types-ts4.5/plugins/jql-ast/error-handlers/OperandRuleErrorHandler.d.ts

@@ -1,6 +1,6 @@
 import { type Token } from 'antlr4ts';
 import { type RecognitionException } from 'antlr4ts/RecognitionException';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type JQLRuleSuggestions } from '@atlaskit/jql-autocomplete';
 import { type JQLParser } from '@atlaskit/jql-parser';
 /**

package/dist/types-ts4.5/plugins/jql-ast/error-handlers/OperatorRuleErrorHandler.d.ts

@@ -1,5 +1,5 @@
 import { type Token } from 'antlr4ts';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 /**
  * Show the appropriate error message when parsing JQL fails and an operator rule was expected.
  */

package/dist/types-ts4.5/plugins/jql-ast/index.d.ts

@@ -1,5 +1,5 @@
 import { type MutableRefObject } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type EditorState, Plugin } from '@atlaskit/editor-prosemirror/state';
 import { type Jast } from '@atlaskit/jql-ast';
 export declare const getJastFromState: (state: EditorState) => Jast;

package/dist/types-ts4.5/schema/index.d.ts

@@ -1,5 +1,5 @@
 import { type MutableRefObject } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type ResolvedPos, Schema, type Slice } from '@atlaskit/editor-prosemirror/model';
 import { EditorState, type Transaction } from '@atlaskit/editor-prosemirror/state';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';

package/dist/types-ts4.5/state/index.d.ts

@@ -1,5 +1,5 @@
 import { type FocusEvent, type MouseEvent } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type Action } from 'react-sweet-state';
 import { type Observable } from 'rxjs/Observable';
 import { type EditorState, type Transaction } from '@atlaskit/editor-prosemirror/state';

package/dist/types-ts4.5/state/types.d.ts

@@ -1,5 +1,5 @@
 import { type FocusEvent, type MouseEvent, type MutableRefObject, type PropsWithChildren, type ReactNode } from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type Subscription } from 'rxjs/Subscription';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';

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

@@ -1,5 +1,5 @@
 export type { JQLClause } from '@atlaskit/jql-autocomplete';
-export type { JQLEditorUIProps, JQLEditorProps, HydratedValues, HydratedValue, HydratedUser, HydratedTeam, HydratedProject, } from './ui/types';
+export type { JQLEditorUIProps, JQLEditorProps, HydratedValues, HydratedValue, HydratedUser, HydratedTeam, HydratedProject, HydratedGoal, } from './ui/types';
 export type { ExternalMessage, ExternalError, ExternalWarning, ExternalInfo, CustomComponents, } from './state/types';
 export type { AutocompleteProvider, AutocompleteOptions, AutocompleteOption, AutocompleteValueType, } from './plugins/types';
 export type { ListenerProps, JqlAnalyticsEvent } from './analytics';

package/dist/types-ts4.5/ui/jql-editor/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type IntlShape } from 'react-intl-next';
+import { type IntlShape } from 'react-intl';
 import { type JQLEditorUIProps } from './types';
 export type JQLEditorInnerProps = JQLEditorUIProps & {
     /**
@@ -7,7 +7,7 @@ export type JQLEditorInnerProps = JQLEditorUIProps & {
      */
     intl: IntlShape;
 };
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<JQLEditorInnerProps>> & {
+declare const _default: React.FC<import("react-intl").WithIntlProps<JQLEditorInnerProps>> & {
     WrappedComponent: React.ComponentType<JQLEditorInnerProps>;
 };
 export default _default;

package/dist/types-ts4.5/ui/jql-editor/types.d.ts

@@ -22,6 +22,12 @@ export type HydratedProject = {
     privateProject?: boolean;
     type: 'project';
 };
+export type HydratedGoal = {
+    id: string;
+    name: string;
+    status?: string | null | undefined;
+    type: 'goal';
+};
 export type HydratedDeprecatedField = {
     deprecatedSearcherKey: string;
     /**
@@ -30,7 +36,7 @@ export type HydratedDeprecatedField = {
     id: string;
     type: 'deprecated-field';
 };
-export type HydratedValue = HydratedUser | HydratedTeam | HydratedProject | HydratedDeprecatedField;
+export type HydratedValue = HydratedUser | HydratedTeam | HydratedProject | HydratedGoal | HydratedDeprecatedField;
 export type HydratedValues = {
     [fieldName: string]: HydratedValue[];
 };

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

@@ -1,5 +1,5 @@
 import { type JQLEditorUIProps } from './jql-editor/types';
-export type { JQLEditorUIProps, HydratedValue, HydratedValues, HydratedUser, HydratedTeam, HydratedProject, } from './jql-editor/types';
+export type { JQLEditorUIProps, HydratedValue, HydratedValues, HydratedUser, HydratedTeam, HydratedProject, HydratedGoal, } from './jql-editor/types';
 export type JQLEditorProps = JQLEditorUIProps & {
     /**
      * React-intl locale. This should be set to "en" if alternate message sets are not being loaded higher in the React

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "5.14.5",
+	"version": "6.1.1",
 	"description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,22 +39,22 @@
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/emoji": "^69.12.0",
+		"@atlaskit/emoji": "^70.0.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/icon": "^34.0.0",
-		"@atlaskit/icon-lab": "^6.4.0",
+		"@atlaskit/icon": "^34.1.0",
+		"@atlaskit/icon-lab": "^6.5.0",
 		"@atlaskit/jql-ast": "^3.4.0",
 		"@atlaskit/jql-autocomplete": "^2.0.0",
 		"@atlaskit/jql-editor-common": "^3.1.0",
 		"@atlaskit/jql-parser": "^2.0.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popper": "^7.1.0",
+		"@atlaskit/popper": "^7.2.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/teams-avatar": "^2.4.0",
+		"@atlaskit/teams-avatar": "^2.5.0",
 		"@atlaskit/theme": "^23.0.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.1.0",
@@ -66,7 +66,6 @@
 		"antlr4ts": "0.5.0-alpha.4",
 		"assert": "^2.0.0",
 		"lodash": "^4.17.21",
-		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-loosely-lazy": "^1.0.0",
 		"react-magnetic-di": "^3.1.4",
 		"react-sweet-state": "^2.6.5",
@@ -76,18 +75,20 @@
 	},
 	"peerDependencies": {
 		"react": "^18.2.0",
-		"react-dom": "^18.2.0"
+		"react-dom": "^18.2.0",
+		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/docs": "^11.7.0",
+		"@atlaskit/docs": "^11.8.0",
 		"@atlaskit/jql-editor-autocomplete-rest": "^3.1.0",
 		"@atlassian/feature-flags-storybook-utils": "^0.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@storybook/addon-actions": "^8.6.14",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^16.3.0",
+		"react-intl": "^6.6.2",
 		"wait-for-expect": "^1.2.0"
 	},
 	"techstack": {