@atlaskit/jql-editor 6.1.2 → 6.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/jql-editor
 
+## 6.2.0
+
+### Minor Changes
+
+- [`2f2e1ff7d48a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2f2e1ff7d48a0) -
+  [ux] Add goal lozenge and use it on JQL editor
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.1.2
 
 ### 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", "0.0.0-development", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "6.1.2", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

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

@@ -14,6 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _jqlAst = require("@atlaskit/jql-ast");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _getDocumentPosition = _interopRequireDefault(require("../common/get-document-position"));
@@ -62,7 +63,7 @@ var AutocompletePluginView = exports.default = /*#__PURE__*/function (_ReactPlug
       if (_this.enableRichInlineNodes && option.type === 'value' && option.valueType === 'user') {
         transaction.setMeta('hydrate', true);
       }
-      if (_this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' || option.valueType === 'project' && (0, _platformFeatureFlags.fg)('projects_in_jira_eap_drop2'))) {
+      if (_this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' || option.valueType === 'goal' && _featureGateJsClient.default.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false) || option.valueType === 'project' && (0, _platformFeatureFlags.fg)('projects_in_jira_eap_drop2'))) {
         transaction.setMeta('hydrate', true);
       }
       var documentFrom = (0, _getDocumentPosition.default)(transaction.doc, from);
@@ -128,6 +129,21 @@ var AutocompletePluginView = exports.default = /*#__PURE__*/function (_ReactPlug
               }
               break;
             }
+          case 'goal':
+            {
+              if (_featureGateJsClient.default.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false)) {
+                var _attributes3 = {
+                  type: 'goal',
+                  id: value,
+                  name: nameOnRichInlineNode !== null && nameOnRichInlineNode !== void 0 ? nameOnRichInlineNode : name,
+                  fieldName: context === null || context === void 0 ? void 0 : context.field
+                };
+                nodes.push(_this.view.state.schema.nodes.goal.create(_attributes3, textContent));
+              } else {
+                nodes.push(textContent);
+              }
+              break;
+            }
           default:
             {
               nodes.push(textContent);

package/dist/cjs/plugins/rich-inline-nodes/nodes/base/index.js

@@ -43,8 +43,9 @@ var NodeBase = exports.NodeBase = function NodeBase(props) {
     text = props.text,
     isLocked = props.isLocked,
     selected = props.selected,
-    error = props.error;
-  var isNewExperienceEnabled = _featureGateJsClient.default.getExperimentValue('projects_in_jira_eap_drop2_fast_follow_filters', 'isEnabled', false);
+    error = props.error,
+    isRichNodeDisplay = props.isRichNodeDisplay;
+  var isNewExperienceEnabled = _featureGateJsClient.default.getExperimentValue('projects_in_jira_eap_drop2_fast_follow_filters', 'isEnabled', false) || isRichNodeDisplay;
   return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, (0, _extends2.default)({
     xcss: (0, _css.cx)(styles.nodeWrapper, !isNewExperienceEnabled && styles.nodeWrapperWithHeight, error && styles.nodeWrapperError, selected && (error ? styles.nodeWrapperErrorSelected : styles.nodeWrapperSelected))
   }, isNewExperienceEnabled ? {

package/dist/cjs/plugins/rich-inline-nodes/nodes/goal/goal-icon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isGoalIconKey = exports.GoalIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
+var _keyResult = _interopRequireDefault(require("@atlaskit/icon/core/key-result"));
+var _objective = _interopRequireDefault(require("@atlaskit/icon/core/objective"));
+var goalAppearances = ['DEFAULT', 'ON_TRACK', 'AT_RISK', 'OFF_TRACK', 'MENU'];
+var GOAL_ICON_KEYS = ['GOAL', 'OBJECTIVE', 'KEY_RESULT'];
+var isGoalAppearance = function isGoalAppearance(value) {
+  return goalAppearances.includes(value.toLocaleUpperCase());
+};
+var isGoalIconKey = exports.isGoalIconKey = function isGoalIconKey(value) {
+  return GOAL_ICON_KEYS.includes(value);
+};
+var appearanceToColorMap = {
+  DEFAULT: 'gray',
+  MENU: 'gray',
+  OFF_TRACK: 'red',
+  AT_RISK: 'yellow',
+  ON_TRACK: 'green'
+};
+var keyToIconMap = {
+  GOAL: _objective.default,
+  OBJECTIVE: _objective.default,
+  KEY_RESULT: _keyResult.default
+};
+var GoalIcon = exports.GoalIcon = function GoalIcon(_ref) {
+  var _keyToIconMap;
+  var status = _ref.status,
+    size = _ref.size,
+    _ref$iconKey = _ref.iconKey,
+    iconKey = _ref$iconKey === void 0 ? 'GOAL' : _ref$iconKey;
+  var Icon = (_keyToIconMap = keyToIconMap[iconKey]) !== null && _keyToIconMap !== void 0 ? _keyToIconMap : keyToIconMap.GOAL;
+  var appearance = isGoalAppearance(status) ? status : 'DEFAULT';
+  return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
+    size: size,
+    icon: Icon,
+    label: "",
+    appearance: appearanceToColorMap[appearance]
+  });
+};

package/dist/cjs/plugins/rich-inline-nodes/nodes/goal/goal-node.compiled.css

@@ -0,0 +1,3 @@
+._1e0c1txw{display:flex}
+._4t3i7vkz{height:1pc}
+._kqswh2mm{position:relative}

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

@@ -0,0 +1,56 @@
+/* goal-node.tsx generated by @compiled/babel-plugin v0.39.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GoalNode = void 0;
+require("./goal-node.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+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 _compiled = require("@atlaskit/primitives/compiled");
+var _state = require("../../../../state");
+var _base = require("../base");
+var _goalIcon = require("./goal-icon");
+var _excluded = ["id", "fieldName", "name"];
+var styles = {
+  iconWrapper: "_1e0c1txw _4t3i7vkz _kqswh2mm"
+};
+function toGoalIconKey(iconKey) {
+  return iconKey && (0, _goalIcon.isGoalIconKey)(iconKey) ? iconKey : 'GOAL';
+}
+
+/**
+ * GoalNode Component
+ *
+ * This component is a component for rendering a pill-like view for Goal node type
+ * in the JQL editor
+ */
+var GoalNode = exports.GoalNode = function GoalNode(props) {
+  var _goal$status;
+  var id = props.id,
+    fieldName = props.fieldName,
+    name = props.name,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useHydratedGoal = (0, _state.useHydratedGoal)({
+      id: id,
+      fieldName: fieldName
+    }),
+    _useHydratedGoal2 = (0, _slicedToArray2.default)(_useHydratedGoal, 1),
+    goal = _useHydratedGoal2[0];
+  return /*#__PURE__*/_react.default.createElement(_base.NodeBase, (0, _extends2.default)({
+    iconBefore: /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/_react.default.createElement(_goalIcon.GoalIcon, {
+      size: "16",
+      status: (_goal$status = goal === null || goal === void 0 ? void 0 : goal.status) !== null && _goal$status !== void 0 ? _goal$status : "DEFAULT",
+      iconKey: toGoalIconKey("GOAL")
+    })),
+    text: name,
+    isRichNodeDisplay: true
+  }, rest));
+};

package/dist/cjs/plugins/rich-inline-nodes/nodes/goal/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.goal = void 0;
+var _goalNode = require("./goal-node");
+var goal = exports.goal = {
+  component: _goalNode.GoalNode,
+  attrs: {
+    id: {},
+    name: {},
+    fieldName: {}
+  }
+};

package/dist/cjs/plugins/rich-inline-nodes/nodes/goal/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/plugins/rich-inline-nodes/nodes/index.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.richInlineNodes = void 0;
+var _goal = require("./goal");
 var _project = require("./project");
 var _team = require("./team");
 var _user = require("./user");
 var richInlineNodes = exports.richInlineNodes = {
   user: _user.user,
   team: _team.team,
-  project: _project.project
+  project: _project.project,
+  goal: _goal.goal
 };

package/dist/cjs/plugins/rich-inline-nodes/util/replace-nodes-transaction.js

@@ -13,6 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _jqlAst = require("@atlaskit/jql-ast");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _schema = require("../../../schema");
@@ -33,7 +34,7 @@ var replaceRichInlineNodes = exports.replaceRichInlineNodes = function replaceRi
       fieldName = _ref2[0],
       values = _ref2[1];
     values.forEach(function (value) {
-      if (value.type === 'user' || value.type === 'team' || value.type === 'project' && (0, _platformFeatureFlags.fg)('projects_in_jira_eap_drop2')) {
+      if (value.type === 'user' || value.type === 'team' || value.type === 'goal' && _featureGateJsClient.default.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false) || value.type === 'project' && (0, _platformFeatureFlags.fg)('projects_in_jira_eap_drop2')) {
         // First try to find as direct value operand (e.g., Team[Team] = uuid)
         var astNodes = getValueNodes(ast, fieldName, value.id);
 
@@ -82,6 +83,13 @@ var getRichInlineNode = function getRichInlineNode(fieldName, value, text) {
           fieldName: fieldName
         }), _textContent2);
       }
+    case 'goal':
+      {
+        var _textContent3 = _schema.JQLEditorSchema.text(text);
+        return _schema.JQLEditorSchema.nodes.goal.create(_objectSpread(_objectSpread({}, value), {}, {
+          fieldName: fieldName
+        }), _textContent3);
+      }
     default:
       {
         throw new Error("Unsupported hydrated value type ".concat(value.type));

package/dist/cjs/state/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useStoreActions = exports.useScopedId = exports.useRichInlineNodesEnabled = exports.useOnSyntaxHelp = exports.useLineNumbersVisible = exports.useJqlError = exports.useIsSearching = exports.useIntl = exports.useIdPrefix = exports.useHydratedValue = exports.useHydratedUser = exports.useHydratedTeam = exports.useHydratedProject = exports.useHydratedDeprecations = exports.useExternalMessages = exports.useEditorViewHasFocus = exports.useEditorView = exports.useEditorStateHasJqlError = exports.useEditorState = exports.useCustomErrorComponent = exports.useAutocompleteProvider = exports.useAutocompletePosition = exports.useAutocompleteOptions = exports.useAutocompleteLoading = exports.useAutocompleteIsOpen = exports.useAutocomplete = exports.initialState = exports.actions = exports.EditorStateContainer = void 0;
+exports.useStoreActions = exports.useScopedId = exports.useRichInlineNodesEnabled = exports.useOnSyntaxHelp = exports.useLineNumbersVisible = exports.useJqlError = exports.useIsSearching = exports.useIntl = exports.useIdPrefix = exports.useHydratedValue = exports.useHydratedUser = exports.useHydratedTeam = exports.useHydratedProject = exports.useHydratedGoal = exports.useHydratedDeprecations = exports.useExternalMessages = exports.useEditorViewHasFocus = exports.useEditorView = exports.useEditorStateHasJqlError = exports.useEditorState = exports.useCustomErrorComponent = exports.useAutocompleteProvider = exports.useAutocompletePosition = exports.useAutocompleteOptions = exports.useAutocompleteLoading = exports.useAutocompleteIsOpen = exports.useAutocomplete = exports.initialState = exports.actions = exports.EditorStateContainer = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -938,16 +938,25 @@ var useHydratedProject = exports.useHydratedProject = (0, _reactSweetState.creat
     return project && project.type === 'project' ? project : undefined;
   }
 });
+var useHydratedGoal = exports.useHydratedGoal = (0, _reactSweetState.createHook)(Store, {
+  selector: function selector(state, _ref42) {
+    var _state$hydratedValues9;
+    var id = _ref42.id,
+      fieldName = _ref42.fieldName;
+    var goal = (_state$hydratedValues9 = state.hydratedValues[(0, _util.normaliseHydrationKey)(fieldName)]) === null || _state$hydratedValues9 === void 0 ? void 0 : _state$hydratedValues9.get((0, _jqlAst.normaliseJqlString)(id));
+    return goal && goal.type === 'goal' ? goal : undefined;
+  }
+});
 var useHydratedDeprecations = exports.useHydratedDeprecations = (0, _reactSweetState.createHook)(Store, {
   selector: function selector(state) {
     var ast = (0, _jqlAst2.getJastFromState)(state.editorState);
     var fieldsInQuery = (0, _util2.getFieldNodes)(ast);
     var toReturn = [];
-    Object.entries(state.hydratedValues).forEach(function (_ref42) {
-      var _state$hydratedValues9;
-      var _ref43 = (0, _slicedToArray2.default)(_ref42, 1),
-        fieldName = _ref43[0];
-      (_state$hydratedValues9 = state.hydratedValues[fieldName]) === null || _state$hydratedValues9 === void 0 || _state$hydratedValues9.forEach(function (value) {
+    Object.entries(state.hydratedValues).forEach(function (_ref43) {
+      var _state$hydratedValues0;
+      var _ref44 = (0, _slicedToArray2.default)(_ref43, 1),
+        fieldName = _ref44[0];
+      (_state$hydratedValues0 = state.hydratedValues[fieldName]) === null || _state$hydratedValues0 === void 0 || _state$hydratedValues0.forEach(function (value) {
         if (value.type === 'deprecated-field') {
           if (fieldsInQuery.has(value.id.toLowerCase())) {
             toReturn.push(value);
@@ -970,19 +979,19 @@ var useOnSyntaxHelp = exports.useOnSyntaxHelp = (0, _reactSweetState.createHook)
 });
 var EditorStateContainer = exports.EditorStateContainer = (0, _reactSweetState.createContainer)(Store, {
   onInit: function onInit() {
-    return function (_ref44, _ref45) {
-      var getState = _ref44.getState,
-        setState = _ref44.setState,
-        dispatch = _ref44.dispatch;
-      var intlRef = _ref45.intlRef,
-        query = _ref45.query,
-        isSearching = _ref45.isSearching,
-        autocompleteProvider = _ref45.autocompleteProvider,
-        externalMessages = _ref45.externalMessages,
-        enableRichInlineNodes = _ref45.enableRichInlineNodes,
-        onDebugUnsafeMessage = _ref45.onDebugUnsafeMessage,
-        onSyntaxHelp = _ref45.onSyntaxHelp,
-        customComponents = _ref45.customComponents;
+    return function (_ref45, _ref46) {
+      var getState = _ref45.getState,
+        setState = _ref45.setState,
+        dispatch = _ref45.dispatch;
+      var intlRef = _ref46.intlRef,
+        query = _ref46.query,
+        isSearching = _ref46.isSearching,
+        autocompleteProvider = _ref46.autocompleteProvider,
+        externalMessages = _ref46.externalMessages,
+        enableRichInlineNodes = _ref46.enableRichInlineNodes,
+        onDebugUnsafeMessage = _ref46.onDebugUnsafeMessage,
+        onSyntaxHelp = _ref46.onSyntaxHelp,
+        customComponents = _ref46.customComponents;
       setState({
         controlledQuery: query,
         query: query,
@@ -1011,18 +1020,18 @@ var EditorStateContainer = exports.EditorStateContainer = (0, _reactSweetState.c
     };
   },
   onUpdate: function onUpdate() {
-    return function (_ref46, _ref47) {
-      var getState = _ref46.getState,
-        setState = _ref46.setState,
-        dispatch = _ref46.dispatch;
-      var controlledQueryProp = _ref47.query,
-        isSearching = _ref47.isSearching,
-        autocompleteProvider = _ref47.autocompleteProvider,
-        externalMessages = _ref47.externalMessages,
-        enableRichInlineNodes = _ref47.enableRichInlineNodes,
-        onDebugUnsafeMessage = _ref47.onDebugUnsafeMessage,
-        onSyntaxHelp = _ref47.onSyntaxHelp,
-        customComponents = _ref47.customComponents;
+    return function (_ref47, _ref48) {
+      var getState = _ref47.getState,
+        setState = _ref47.setState,
+        dispatch = _ref47.dispatch;
+      var controlledQueryProp = _ref48.query,
+        isSearching = _ref48.isSearching,
+        autocompleteProvider = _ref48.autocompleteProvider,
+        externalMessages = _ref48.externalMessages,
+        enableRichInlineNodes = _ref48.enableRichInlineNodes,
+        onDebugUnsafeMessage = _ref48.onDebugUnsafeMessage,
+        onSyntaxHelp = _ref48.onSyntaxHelp,
+        customComponents = _ref48.customComponents;
       var _getState12 = getState(),
         controlledQuery = _getState12.controlledQuery,
         query = _getState12.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", "0.0.0-development", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "6.1.2", ANALYTICS_CHANNEL);
 };

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

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { isListOperator } from '@atlaskit/jql-ast';
 import { fg } from '@atlaskit/platform-feature-flags';
 import getDocumentPosition from '../common/get-document-position';
@@ -45,7 +46,7 @@ export default class AutocompletePluginView extends ReactPluginView {
       if (this.enableRichInlineNodes && option.type === 'value' && option.valueType === 'user') {
         transaction.setMeta('hydrate', true);
       }
-      if (this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' || option.valueType === 'project' && fg('projects_in_jira_eap_drop2'))) {
+      if (this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' || option.valueType === 'goal' && FeatureGates.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false) || option.valueType === 'project' && fg('projects_in_jira_eap_drop2'))) {
         transaction.setMeta('hydrate', true);
       }
       const documentFrom = getDocumentPosition(transaction.doc, from);
@@ -113,6 +114,21 @@ export default class AutocompletePluginView extends ReactPluginView {
               }
               break;
             }
+          case 'goal':
+            {
+              if (FeatureGates.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false)) {
+                const attributes = {
+                  type: 'goal',
+                  id: value,
+                  name: nameOnRichInlineNode !== null && nameOnRichInlineNode !== void 0 ? nameOnRichInlineNode : name,
+                  fieldName: context === null || context === void 0 ? void 0 : context.field
+                };
+                nodes.push(this.view.state.schema.nodes.goal.create(attributes, textContent));
+              } else {
+                nodes.push(textContent);
+              }
+              break;
+            }
           default:
             {
               nodes.push(textContent);

package/dist/es2019/plugins/rich-inline-nodes/nodes/base/index.js

@@ -37,9 +37,10 @@ export const NodeBase = props => {
     text,
     isLocked,
     selected,
-    error
+    error,
+    isRichNodeDisplay
   } = props;
-  const isNewExperienceEnabled = FeatureGates.getExperimentValue('projects_in_jira_eap_drop2_fast_follow_filters', 'isEnabled', false);
+  const isNewExperienceEnabled = FeatureGates.getExperimentValue('projects_in_jira_eap_drop2_fast_follow_filters', 'isEnabled', false) || isRichNodeDisplay;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     xcss: cx(styles.nodeWrapper, !isNewExperienceEnabled && styles.nodeWrapperWithHeight, error && styles.nodeWrapperError, selected && (error ? styles.nodeWrapperErrorSelected : styles.nodeWrapperSelected))
   }, isNewExperienceEnabled ? {

package/dist/es2019/plugins/rich-inline-nodes/nodes/goal/goal-icon.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import KeyResultIcon from '@atlaskit/icon/core/key-result';
+import ObjectiveIcon from '@atlaskit/icon/core/objective';
+const goalAppearances = ['DEFAULT', 'ON_TRACK', 'AT_RISK', 'OFF_TRACK', 'MENU'];
+const GOAL_ICON_KEYS = ['GOAL', 'OBJECTIVE', 'KEY_RESULT'];
+const isGoalAppearance = value => goalAppearances.includes(value.toLocaleUpperCase());
+export const isGoalIconKey = value => GOAL_ICON_KEYS.includes(value);
+const appearanceToColorMap = {
+  DEFAULT: 'gray',
+  MENU: 'gray',
+  OFF_TRACK: 'red',
+  AT_RISK: 'yellow',
+  ON_TRACK: 'green'
+};
+const keyToIconMap = {
+  GOAL: ObjectiveIcon,
+  OBJECTIVE: ObjectiveIcon,
+  KEY_RESULT: KeyResultIcon
+};
+export const GoalIcon = ({
+  status,
+  size,
+  iconKey = 'GOAL'
+}) => {
+  var _keyToIconMap;
+  const Icon = (_keyToIconMap = keyToIconMap[iconKey]) !== null && _keyToIconMap !== void 0 ? _keyToIconMap : keyToIconMap.GOAL;
+  const appearance = isGoalAppearance(status) ? status : 'DEFAULT';
+  return /*#__PURE__*/React.createElement(IconTile, {
+    size: size,
+    icon: Icon,
+    label: "",
+    appearance: appearanceToColorMap[appearance]
+  });
+};

package/dist/es2019/plugins/rich-inline-nodes/nodes/goal/goal-node.compiled.css

@@ -0,0 +1,3 @@
+._1e0c1txw{display:flex}
+._4t3i7vkz{height:1pc}
+._kqswh2mm{position:relative}

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

@@ -0,0 +1,46 @@
+/* goal-node.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./goal-node.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+import { useHydratedGoal } from '../../../../state';
+import { NodeBase } from '../base';
+import { GoalIcon, isGoalIconKey } from './goal-icon';
+const styles = {
+  iconWrapper: "_1e0c1txw _4t3i7vkz _kqswh2mm"
+};
+function toGoalIconKey(iconKey) {
+  return iconKey && isGoalIconKey(iconKey) ? iconKey : 'GOAL';
+}
+
+/**
+ * GoalNode Component
+ *
+ * This component is a component for rendering a pill-like view for Goal node type
+ * in the JQL editor
+ */
+export const GoalNode = props => {
+  var _goal$status;
+  const {
+    id,
+    fieldName,
+    name,
+    ...rest
+  } = props;
+  const [goal] = useHydratedGoal({
+    id,
+    fieldName
+  });
+  return /*#__PURE__*/React.createElement(NodeBase, _extends({
+    iconBefore: /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(GoalIcon, {
+      size: "16",
+      status: (_goal$status = goal === null || goal === void 0 ? void 0 : goal.status) !== null && _goal$status !== void 0 ? _goal$status : "DEFAULT",
+      iconKey: toGoalIconKey("GOAL")
+    })),
+    text: name,
+    isRichNodeDisplay: true
+  }, rest));
+};

package/dist/es2019/plugins/rich-inline-nodes/nodes/goal/index.js

@@ -0,0 +1,9 @@
+import { GoalNode } from './goal-node';
+export const goal = {
+  component: GoalNode,
+  attrs: {
+    id: {},
+    name: {},
+    fieldName: {}
+  }
+};

package/dist/es2019/plugins/rich-inline-nodes/nodes/index.js

@@ -1,8 +1,10 @@
+import { goal } from './goal';
 import { project } from './project';
 import { team } from './team';
 import { user } from './user';
 export const richInlineNodes = {
   user,
   team,
-  project
+  project,
+  goal
 };

package/dist/es2019/plugins/rich-inline-nodes/util/replace-nodes-transaction.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { AbstractJastVisitor } from '@atlaskit/jql-ast';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { JQLEditorSchema } from '../../../schema';
@@ -12,7 +13,7 @@ export const replaceRichInlineNodes = (editorState, hydratedValues) => {
   transaction.setMeta('addToHistory', false);
   Object.entries(hydratedValues).forEach(([fieldName, values]) => {
     values.forEach(value => {
-      if (value.type === 'user' || value.type === 'team' || value.type === 'project' && fg('projects_in_jira_eap_drop2')) {
+      if (value.type === 'user' || value.type === 'team' || value.type === 'goal' && FeatureGates.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false) || value.type === 'project' && fg('projects_in_jira_eap_drop2')) {
         // First try to find as direct value operand (e.g., Team[Team] = uuid)
         let astNodes = getValueNodes(ast, fieldName, value.id);
 
@@ -62,6 +63,14 @@ const getRichInlineNode = (fieldName, value, text) => {
           fieldName
         }, textContent);
       }
+    case 'goal':
+      {
+        const textContent = JQLEditorSchema.text(text);
+        return JQLEditorSchema.nodes.goal.create({
+          ...value,
+          fieldName
+        }, textContent);
+      }
     default:
       {
         throw new Error(`Unsupported hydrated value type ${value.type}`);

package/dist/es2019/state/index.js

@@ -914,14 +914,24 @@ export const useHydratedProject = createHook(Store, {
     return project && project.type === 'project' ? project : undefined;
   }
 });
+export const useHydratedGoal = createHook(Store, {
+  selector: (state, {
+    id,
+    fieldName
+  }) => {
+    var _state$hydratedValues9;
+    const goal = (_state$hydratedValues9 = state.hydratedValues[normaliseHydrationKey(fieldName)]) === null || _state$hydratedValues9 === void 0 ? void 0 : _state$hydratedValues9.get(normaliseJqlString(id));
+    return goal && goal.type === 'goal' ? goal : undefined;
+  }
+});
 export const useHydratedDeprecations = createHook(Store, {
   selector: state => {
     const ast = getJastFromState(state.editorState);
     const fieldsInQuery = getFieldNodes(ast);
     const toReturn = [];
     Object.entries(state.hydratedValues).forEach(([fieldName]) => {
-      var _state$hydratedValues9;
-      (_state$hydratedValues9 = state.hydratedValues[fieldName]) === null || _state$hydratedValues9 === void 0 ? void 0 : _state$hydratedValues9.forEach(value => {
+      var _state$hydratedValues0;
+      (_state$hydratedValues0 = state.hydratedValues[fieldName]) === null || _state$hydratedValues0 === void 0 ? void 0 : _state$hydratedValues0.forEach(value => {
         if (value.type === 'deprecated-field') {
           if (fieldsInQuery.has(value.id.toLowerCase())) {
             toReturn.push(value);

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", "0.0.0-development", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "6.1.2", ANALYTICS_CHANNEL);
 };

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

@@ -9,6 +9,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { isListOperator } from '@atlaskit/jql-ast';
 import { fg } from '@atlaskit/platform-feature-flags';
 import getDocumentPosition from '../common/get-document-position';
@@ -56,7 +57,7 @@ var AutocompletePluginView = /*#__PURE__*/function (_ReactPluginView) {
       if (_this.enableRichInlineNodes && option.type === 'value' && option.valueType === 'user') {
         transaction.setMeta('hydrate', true);
       }
-      if (_this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' || option.valueType === 'project' && fg('projects_in_jira_eap_drop2'))) {
+      if (_this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' || option.valueType === 'goal' && FeatureGates.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false) || option.valueType === 'project' && fg('projects_in_jira_eap_drop2'))) {
         transaction.setMeta('hydrate', true);
       }
       var documentFrom = getDocumentPosition(transaction.doc, from);
@@ -122,6 +123,21 @@ var AutocompletePluginView = /*#__PURE__*/function (_ReactPluginView) {
               }
               break;
             }
+          case 'goal':
+            {
+              if (FeatureGates.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false)) {
+                var _attributes3 = {
+                  type: 'goal',
+                  id: value,
+                  name: nameOnRichInlineNode !== null && nameOnRichInlineNode !== void 0 ? nameOnRichInlineNode : name,
+                  fieldName: context === null || context === void 0 ? void 0 : context.field
+                };
+                nodes.push(_this.view.state.schema.nodes.goal.create(_attributes3, textContent));
+              } else {
+                nodes.push(textContent);
+              }
+              break;
+            }
           default:
             {
               nodes.push(textContent);

package/dist/esm/plugins/rich-inline-nodes/nodes/base/index.js

@@ -36,8 +36,9 @@ export var NodeBase = function NodeBase(props) {
     text = props.text,
     isLocked = props.isLocked,
     selected = props.selected,
-    error = props.error;
-  var isNewExperienceEnabled = FeatureGates.getExperimentValue('projects_in_jira_eap_drop2_fast_follow_filters', 'isEnabled', false);
+    error = props.error,
+    isRichNodeDisplay = props.isRichNodeDisplay;
+  var isNewExperienceEnabled = FeatureGates.getExperimentValue('projects_in_jira_eap_drop2_fast_follow_filters', 'isEnabled', false) || isRichNodeDisplay;
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     xcss: cx(styles.nodeWrapper, !isNewExperienceEnabled && styles.nodeWrapperWithHeight, error && styles.nodeWrapperError, selected && (error ? styles.nodeWrapperErrorSelected : styles.nodeWrapperSelected))
   }, isNewExperienceEnabled ? {

package/dist/esm/plugins/rich-inline-nodes/nodes/goal/goal-icon.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { IconTile } from '@atlaskit/icon';
+import KeyResultIcon from '@atlaskit/icon/core/key-result';
+import ObjectiveIcon from '@atlaskit/icon/core/objective';
+var goalAppearances = ['DEFAULT', 'ON_TRACK', 'AT_RISK', 'OFF_TRACK', 'MENU'];
+var GOAL_ICON_KEYS = ['GOAL', 'OBJECTIVE', 'KEY_RESULT'];
+var isGoalAppearance = function isGoalAppearance(value) {
+  return goalAppearances.includes(value.toLocaleUpperCase());
+};
+export var isGoalIconKey = function isGoalIconKey(value) {
+  return GOAL_ICON_KEYS.includes(value);
+};
+var appearanceToColorMap = {
+  DEFAULT: 'gray',
+  MENU: 'gray',
+  OFF_TRACK: 'red',
+  AT_RISK: 'yellow',
+  ON_TRACK: 'green'
+};
+var keyToIconMap = {
+  GOAL: ObjectiveIcon,
+  OBJECTIVE: ObjectiveIcon,
+  KEY_RESULT: KeyResultIcon
+};
+export var GoalIcon = function GoalIcon(_ref) {
+  var _keyToIconMap;
+  var status = _ref.status,
+    size = _ref.size,
+    _ref$iconKey = _ref.iconKey,
+    iconKey = _ref$iconKey === void 0 ? 'GOAL' : _ref$iconKey;
+  var Icon = (_keyToIconMap = keyToIconMap[iconKey]) !== null && _keyToIconMap !== void 0 ? _keyToIconMap : keyToIconMap.GOAL;
+  var appearance = isGoalAppearance(status) ? status : 'DEFAULT';
+  return /*#__PURE__*/React.createElement(IconTile, {
+    size: size,
+    icon: Icon,
+    label: "",
+    appearance: appearanceToColorMap[appearance]
+  });
+};

package/dist/esm/plugins/rich-inline-nodes/nodes/goal/goal-node.compiled.css

@@ -0,0 +1,3 @@
+._1e0c1txw{display:flex}
+._4t3i7vkz{height:1pc}
+._kqswh2mm{position:relative}

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

@@ -0,0 +1,49 @@
+/* goal-node.tsx generated by @compiled/babel-plugin v0.39.1 */
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["id", "fieldName", "name"];
+import "./goal-node.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React from 'react';
+import { Box } from '@atlaskit/primitives/compiled';
+import { useHydratedGoal } from '../../../../state';
+import { NodeBase } from '../base';
+import { GoalIcon, isGoalIconKey } from './goal-icon';
+var styles = {
+  iconWrapper: "_1e0c1txw _4t3i7vkz _kqswh2mm"
+};
+function toGoalIconKey(iconKey) {
+  return iconKey && isGoalIconKey(iconKey) ? iconKey : 'GOAL';
+}
+
+/**
+ * GoalNode Component
+ *
+ * This component is a component for rendering a pill-like view for Goal node type
+ * in the JQL editor
+ */
+export var GoalNode = function GoalNode(props) {
+  var _goal$status;
+  var id = props.id,
+    fieldName = props.fieldName,
+    name = props.name,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useHydratedGoal = useHydratedGoal({
+      id: id,
+      fieldName: fieldName
+    }),
+    _useHydratedGoal2 = _slicedToArray(_useHydratedGoal, 1),
+    goal = _useHydratedGoal2[0];
+  return /*#__PURE__*/React.createElement(NodeBase, _extends({
+    iconBefore: /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(GoalIcon, {
+      size: "16",
+      status: (_goal$status = goal === null || goal === void 0 ? void 0 : goal.status) !== null && _goal$status !== void 0 ? _goal$status : "DEFAULT",
+      iconKey: toGoalIconKey("GOAL")
+    })),
+    text: name,
+    isRichNodeDisplay: true
+  }, rest));
+};

package/dist/esm/plugins/rich-inline-nodes/nodes/goal/index.js

@@ -0,0 +1,9 @@
+import { GoalNode } from './goal-node';
+export var goal = {
+  component: GoalNode,
+  attrs: {
+    id: {},
+    name: {},
+    fieldName: {}
+  }
+};

package/dist/esm/plugins/rich-inline-nodes/nodes/index.js

@@ -1,8 +1,10 @@
+import { goal } from './goal';
 import { project } from './project';
 import { team } from './team';
 import { user } from './user';
 export var richInlineNodes = {
   user: user,
   team: team,
-  project: project
+  project: project,
+  goal: goal
 };

package/dist/esm/plugins/rich-inline-nodes/util/replace-nodes-transaction.js

@@ -10,6 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!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) { _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 FeatureGates from '@atlaskit/feature-gate-js-client';
 import { AbstractJastVisitor } from '@atlaskit/jql-ast';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { JQLEditorSchema } from '../../../schema';
@@ -26,7 +27,7 @@ export var replaceRichInlineNodes = function replaceRichInlineNodes(editorState,
       fieldName = _ref2[0],
       values = _ref2[1];
     values.forEach(function (value) {
-      if (value.type === 'user' || value.type === 'team' || value.type === 'project' && fg('projects_in_jira_eap_drop2')) {
+      if (value.type === 'user' || value.type === 'team' || value.type === 'goal' && FeatureGates.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false) || value.type === 'project' && fg('projects_in_jira_eap_drop2')) {
         // First try to find as direct value operand (e.g., Team[Team] = uuid)
         var astNodes = getValueNodes(ast, fieldName, value.id);
 
@@ -75,6 +76,13 @@ var getRichInlineNode = function getRichInlineNode(fieldName, value, text) {
           fieldName: fieldName
         }), _textContent2);
       }
+    case 'goal':
+      {
+        var _textContent3 = JQLEditorSchema.text(text);
+        return JQLEditorSchema.nodes.goal.create(_objectSpread(_objectSpread({}, value), {}, {
+          fieldName: fieldName
+        }), _textContent3);
+      }
     default:
       {
         throw new Error("Unsupported hydrated value type ".concat(value.type));

package/dist/esm/state/index.js

@@ -932,16 +932,25 @@ export var useHydratedProject = createHook(Store, {
     return project && project.type === 'project' ? project : undefined;
   }
 });
+export var useHydratedGoal = createHook(Store, {
+  selector: function selector(state, _ref42) {
+    var _state$hydratedValues9;
+    var id = _ref42.id,
+      fieldName = _ref42.fieldName;
+    var goal = (_state$hydratedValues9 = state.hydratedValues[normaliseHydrationKey(fieldName)]) === null || _state$hydratedValues9 === void 0 ? void 0 : _state$hydratedValues9.get(normaliseJqlString(id));
+    return goal && goal.type === 'goal' ? goal : undefined;
+  }
+});
 export var useHydratedDeprecations = createHook(Store, {
   selector: function selector(state) {
     var ast = getJastFromState(state.editorState);
     var fieldsInQuery = getFieldNodes(ast);
     var toReturn = [];
-    Object.entries(state.hydratedValues).forEach(function (_ref42) {
-      var _state$hydratedValues9;
-      var _ref43 = _slicedToArray(_ref42, 1),
-        fieldName = _ref43[0];
-      (_state$hydratedValues9 = state.hydratedValues[fieldName]) === null || _state$hydratedValues9 === void 0 || _state$hydratedValues9.forEach(function (value) {
+    Object.entries(state.hydratedValues).forEach(function (_ref43) {
+      var _state$hydratedValues0;
+      var _ref44 = _slicedToArray(_ref43, 1),
+        fieldName = _ref44[0];
+      (_state$hydratedValues0 = state.hydratedValues[fieldName]) === null || _state$hydratedValues0 === void 0 || _state$hydratedValues0.forEach(function (value) {
         if (value.type === 'deprecated-field') {
           if (fieldsInQuery.has(value.id.toLowerCase())) {
             toReturn.push(value);
@@ -964,19 +973,19 @@ export var useOnSyntaxHelp = createHook(Store, {
 });
 export var EditorStateContainer = createContainer(Store, {
   onInit: function onInit() {
-    return function (_ref44, _ref45) {
-      var getState = _ref44.getState,
-        setState = _ref44.setState,
-        dispatch = _ref44.dispatch;
-      var intlRef = _ref45.intlRef,
-        query = _ref45.query,
-        isSearching = _ref45.isSearching,
-        autocompleteProvider = _ref45.autocompleteProvider,
-        externalMessages = _ref45.externalMessages,
-        enableRichInlineNodes = _ref45.enableRichInlineNodes,
-        onDebugUnsafeMessage = _ref45.onDebugUnsafeMessage,
-        onSyntaxHelp = _ref45.onSyntaxHelp,
-        customComponents = _ref45.customComponents;
+    return function (_ref45, _ref46) {
+      var getState = _ref45.getState,
+        setState = _ref45.setState,
+        dispatch = _ref45.dispatch;
+      var intlRef = _ref46.intlRef,
+        query = _ref46.query,
+        isSearching = _ref46.isSearching,
+        autocompleteProvider = _ref46.autocompleteProvider,
+        externalMessages = _ref46.externalMessages,
+        enableRichInlineNodes = _ref46.enableRichInlineNodes,
+        onDebugUnsafeMessage = _ref46.onDebugUnsafeMessage,
+        onSyntaxHelp = _ref46.onSyntaxHelp,
+        customComponents = _ref46.customComponents;
       setState({
         controlledQuery: query,
         query: query,
@@ -1005,18 +1014,18 @@ export var EditorStateContainer = createContainer(Store, {
     };
   },
   onUpdate: function onUpdate() {
-    return function (_ref46, _ref47) {
-      var getState = _ref46.getState,
-        setState = _ref46.setState,
-        dispatch = _ref46.dispatch;
-      var controlledQueryProp = _ref47.query,
-        isSearching = _ref47.isSearching,
-        autocompleteProvider = _ref47.autocompleteProvider,
-        externalMessages = _ref47.externalMessages,
-        enableRichInlineNodes = _ref47.enableRichInlineNodes,
-        onDebugUnsafeMessage = _ref47.onDebugUnsafeMessage,
-        onSyntaxHelp = _ref47.onSyntaxHelp,
-        customComponents = _ref47.customComponents;
+    return function (_ref47, _ref48) {
+      var getState = _ref47.getState,
+        setState = _ref47.setState,
+        dispatch = _ref47.dispatch;
+      var controlledQueryProp = _ref48.query,
+        isSearching = _ref48.isSearching,
+        autocompleteProvider = _ref48.autocompleteProvider,
+        externalMessages = _ref48.externalMessages,
+        enableRichInlineNodes = _ref48.enableRichInlineNodes,
+        onDebugUnsafeMessage = _ref48.onDebugUnsafeMessage,
+        onSyntaxHelp = _ref48.onSyntaxHelp,
+        customComponents = _ref48.customComponents;
       var _getState12 = getState(),
         controlledQuery = _getState12.controlledQuery,
         query = _getState12.query;

package/dist/types/plugins/rich-inline-nodes/nodes/base/types.d.ts

@@ -2,5 +2,6 @@ import { type ReactNode } from 'react';
 export type NodeBaseProps = {
     iconBefore: ReactNode;
     isLocked?: boolean;
+    isRichNodeDisplay?: boolean;
     text?: string;
 };

package/dist/types/plugins/rich-inline-nodes/nodes/goal/goal-icon.d.ts

@@ -0,0 +1,12 @@
+import React, { type ComponentProps } from 'react';
+import { IconTile } from '@atlaskit/icon';
+declare const GOAL_ICON_KEYS: readonly ["GOAL", "OBJECTIVE", "KEY_RESULT"];
+export type GoalIconKey = (typeof GOAL_ICON_KEYS)[number];
+export declare const isGoalIconKey: (value: string) => value is GoalIconKey;
+interface GoalIconProps {
+    iconKey?: GoalIconKey;
+    size?: ComponentProps<typeof IconTile>['size'];
+    status: string;
+}
+export declare const GoalIcon: ({ status, size, iconKey, }: GoalIconProps) => React.JSX.Element;
+export {};

package/dist/types/plugins/rich-inline-nodes/nodes/goal/goal-node.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { NodeViewProps } from '../../util/react-node-view';
+import type { Props } from './types';
+/**
+ * GoalNode Component
+ *
+ * This component is a component for rendering a pill-like view for Goal node type
+ * in the JQL editor
+ */
+export declare const GoalNode: (props: NodeViewProps<Props>) => React.JSX.Element;

package/dist/types/plugins/rich-inline-nodes/nodes/goal/index.d.ts

@@ -0,0 +1,3 @@
+import type { JQLNodeSpec } from '../types';
+import type { Props } from './types';
+export declare const goal: JQLNodeSpec<Props>;

package/dist/types/plugins/rich-inline-nodes/nodes/goal/types.d.ts

@@ -0,0 +1,5 @@
+export type Props = {
+    fieldName: string;
+    id: string;
+    name: string;
+};

package/dist/types/plugins/rich-inline-nodes/nodes/index.d.ts

@@ -2,4 +2,5 @@ export declare const richInlineNodes: {
     user: import("./types").JQLNodeSpec<import("./user").Props>;
     team: import("./types").JQLNodeSpec<import("./team").Props>;
     project: import("./types").JQLNodeSpec<import("./project/types").Props>;
+    goal: import("./types").JQLNodeSpec<import("./goal/types").Props>;
 };

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

@@ -10,7 +10,7 @@ import { type JqlEditorAnalyticsEvent } from '../analytics';
 import { type AutocompleteOptionGroup, type AutocompleteOptions, type AutocompleteOptionType, type SelectableAutocompleteOption } from '../plugins/autocomplete/components/types';
 import { type AutocompleteProvider } from '../plugins/types';
 import { type PortalActions } from '../ui/jql-editor-portal-provider/types';
-import { type HydratedDeprecatedField, type HydratedProject, type HydratedTeam, type HydratedUser, type HydratedValue } from '../ui/jql-editor/types';
+import { type HydratedDeprecatedField, type HydratedProject, type HydratedGoal, type HydratedTeam, type HydratedUser, type HydratedValue } from '../ui/jql-editor/types';
 import { type AutocompletePosition, type AutocompleteState, type ContextAwareJQLSuggestions, type CustomErrorComponent, type ExternalMessagesNormalized, type OptionsKey, type Props, type State } from './types';
 export declare const initialState: State;
 export declare const actions: {
@@ -799,6 +799,41 @@ export declare const useHydratedProject: import("react-sweet-state").HookFunctio
     fieldName: string;
     id: string;
 }>;
+export declare const useHydratedGoal: import("react-sweet-state").HookFunction<HydratedGoal | undefined, import("react-sweet-state").BoundActions<State, {
+    onEditorViewBlur: () => Action<State>;
+    onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;
+    openAutocompleteOnNextUpdate: () => Action<State>;
+    closeAutocomplete: () => Action<State>;
+    setSelectedAutocompleteOptionId: (selectedOptionId: string | undefined) => Action<State>;
+    getAutocompleteSuggestions: (editorState: EditorState) => Action<State>;
+    getAutocompleteOptions: (suggestions: ContextAwareJQLSuggestions) => Action<State>;
+    appendOptionsForObservable: (key: OptionsKey, observable: Observable<AutocompleteOptions>, rule: JQLRuleSuggestion, type: AutocompleteOptionType) => Action<State, void, Observable<AutocompleteOptions>>;
+    cancelSubscription: () => Action<State>;
+    setLoading: (loading: boolean) => Action<State>;
+    setAutocompleteOptions: (options: AutocompleteOptionGroup) => Action<State>;
+    setAutocompleteContainer: (container: HTMLElement | null) => Action<State>;
+    callAutocompleteProviders: ({ rules, tokens }: ContextAwareJQLSuggestions) => Action<State>;
+    updateValidationState: () => Action<State>;
+    initialiseEditorState: () => Action<State, Props>;
+    configurePlugins: (portalActions: PortalActions | void) => Action<State, Props>;
+    onApplyEditorTransaction: (transaction: Transaction) => Action<State, Props>;
+    resetEditorState: (query: string, addToHistory?: boolean) => Action<State>;
+    initialiseEditorView: (editorViewNode: HTMLElement, attributes: {
+        [key: string]: string;
+    }, portalActions: PortalActions) => Action<State, Props>;
+    updateEditorView: (attributes: {
+        [key: string]: string;
+    }) => Action<State, Props>;
+    setEditorViewContainer: (editorViewContainer: HTMLElement) => Action<State>;
+    setEditorViewContainerScroll: (scroll: number) => Action<State>;
+    onSearch: () => Action<State>;
+    onSearchCommand: (pmState: EditorState, pmDispatch: ((tr: Transaction) => void) | undefined, pmView: EditorView | undefined, keyboardShortcut: boolean) => Action<State, Props, boolean>;
+    externalErrorMessageViewed: () => Action<State, Props>;
+    createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
+}>, {
+    fieldName: string;
+    id: string;
+}>;
 export declare const useHydratedDeprecations: import("react-sweet-state").HookFunction<HydratedDeprecatedField[], import("react-sweet-state").BoundActions<State, {
     onEditorViewBlur: () => Action<State>;
     onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/base/types.d.ts

@@ -2,5 +2,6 @@ import { type ReactNode } from 'react';
 export type NodeBaseProps = {
     iconBefore: ReactNode;
     isLocked?: boolean;
+    isRichNodeDisplay?: boolean;
     text?: string;
 };

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/goal/goal-icon.d.ts

@@ -0,0 +1,16 @@
+import React, { type ComponentProps } from 'react';
+import { IconTile } from '@atlaskit/icon';
+declare const GOAL_ICON_KEYS: readonly [
+    "GOAL",
+    "OBJECTIVE",
+    "KEY_RESULT"
+];
+export type GoalIconKey = (typeof GOAL_ICON_KEYS)[number];
+export declare const isGoalIconKey: (value: string) => value is GoalIconKey;
+interface GoalIconProps {
+    iconKey?: GoalIconKey;
+    size?: ComponentProps<typeof IconTile>['size'];
+    status: string;
+}
+export declare const GoalIcon: ({ status, size, iconKey, }: GoalIconProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/goal/goal-node.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { NodeViewProps } from '../../util/react-node-view';
+import type { Props } from './types';
+/**
+ * GoalNode Component
+ *
+ * This component is a component for rendering a pill-like view for Goal node type
+ * in the JQL editor
+ */
+export declare const GoalNode: (props: NodeViewProps<Props>) => React.JSX.Element;

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/goal/index.d.ts

@@ -0,0 +1,3 @@
+import type { JQLNodeSpec } from '../types';
+import type { Props } from './types';
+export declare const goal: JQLNodeSpec<Props>;

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/goal/types.d.ts

@@ -0,0 +1,5 @@
+export type Props = {
+    fieldName: string;
+    id: string;
+    name: string;
+};

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/index.d.ts

@@ -2,4 +2,5 @@ export declare const richInlineNodes: {
     user: import("./types").JQLNodeSpec<import("./user").Props>;
     team: import("./types").JQLNodeSpec<import("./team").Props>;
     project: import("./types").JQLNodeSpec<import("./project/types").Props>;
+    goal: import("./types").JQLNodeSpec<import("./goal/types").Props>;
 };

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

@@ -10,7 +10,7 @@ import { type JqlEditorAnalyticsEvent } from '../analytics';
 import { type AutocompleteOptionGroup, type AutocompleteOptions, type AutocompleteOptionType, type SelectableAutocompleteOption } from '../plugins/autocomplete/components/types';
 import { type AutocompleteProvider } from '../plugins/types';
 import { type PortalActions } from '../ui/jql-editor-portal-provider/types';
-import { type HydratedDeprecatedField, type HydratedProject, type HydratedTeam, type HydratedUser, type HydratedValue } from '../ui/jql-editor/types';
+import { type HydratedDeprecatedField, type HydratedProject, type HydratedGoal, type HydratedTeam, type HydratedUser, type HydratedValue } from '../ui/jql-editor/types';
 import { type AutocompletePosition, type AutocompleteState, type ContextAwareJQLSuggestions, type CustomErrorComponent, type ExternalMessagesNormalized, type OptionsKey, type Props, type State } from './types';
 export declare const initialState: State;
 export declare const actions: {
@@ -799,6 +799,41 @@ export declare const useHydratedProject: import("react-sweet-state").HookFunctio
     fieldName: string;
     id: string;
 }>;
+export declare const useHydratedGoal: import("react-sweet-state").HookFunction<HydratedGoal | undefined, import("react-sweet-state").BoundActions<State, {
+    onEditorViewBlur: () => Action<State>;
+    onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;
+    openAutocompleteOnNextUpdate: () => Action<State>;
+    closeAutocomplete: () => Action<State>;
+    setSelectedAutocompleteOptionId: (selectedOptionId: string | undefined) => Action<State>;
+    getAutocompleteSuggestions: (editorState: EditorState) => Action<State>;
+    getAutocompleteOptions: (suggestions: ContextAwareJQLSuggestions) => Action<State>;
+    appendOptionsForObservable: (key: OptionsKey, observable: Observable<AutocompleteOptions>, rule: JQLRuleSuggestion, type: AutocompleteOptionType) => Action<State, void, Observable<AutocompleteOptions>>;
+    cancelSubscription: () => Action<State>;
+    setLoading: (loading: boolean) => Action<State>;
+    setAutocompleteOptions: (options: AutocompleteOptionGroup) => Action<State>;
+    setAutocompleteContainer: (container: HTMLElement | null) => Action<State>;
+    callAutocompleteProviders: ({ rules, tokens }: ContextAwareJQLSuggestions) => Action<State>;
+    updateValidationState: () => Action<State>;
+    initialiseEditorState: () => Action<State, Props>;
+    configurePlugins: (portalActions: PortalActions | void) => Action<State, Props>;
+    onApplyEditorTransaction: (transaction: Transaction) => Action<State, Props>;
+    resetEditorState: (query: string, addToHistory?: boolean) => Action<State>;
+    initialiseEditorView: (editorViewNode: HTMLElement, attributes: {
+        [key: string]: string;
+    }, portalActions: PortalActions) => Action<State, Props>;
+    updateEditorView: (attributes: {
+        [key: string]: string;
+    }) => Action<State, Props>;
+    setEditorViewContainer: (editorViewContainer: HTMLElement) => Action<State>;
+    setEditorViewContainerScroll: (scroll: number) => Action<State>;
+    onSearch: () => Action<State>;
+    onSearchCommand: (pmState: EditorState, pmDispatch: ((tr: Transaction) => void) | undefined, pmView: EditorView | undefined, keyboardShortcut: boolean) => Action<State, Props, boolean>;
+    externalErrorMessageViewed: () => Action<State, Props>;
+    createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
+}>, {
+    fieldName: string;
+    id: string;
+}>;
 export declare const useHydratedDeprecations: import("react-sweet-state").HookFunction<HydratedDeprecatedField[], import("react-sweet-state").BoundActions<State, {
     onEditorViewBlur: () => Action<State>;
     onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "6.1.2",
+	"version": "6.2.0",
 	"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",
@@ -42,18 +42,18 @@
 		"@atlaskit/afm-i18n-platform-jql-jql-editor": "2.10.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/avatar": "^25.11.0",
+		"@atlaskit/avatar": "^25.12.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/emoji": "^70.0.0",
+		"@atlaskit/emoji": "^70.1.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/icon": "^34.2.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-editor-common": "^3.2.0",
 		"@atlaskit/jql-parser": "^2.0.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
@@ -89,7 +89,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/docs": "^11.8.0",
-		"@atlaskit/jql-editor-autocomplete-rest": "^3.1.0",
+		"@atlaskit/jql-editor-autocomplete-rest": "^3.2.0",
 		"@atlassian/feature-flags-storybook-utils": "^0.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/react-compiler-gating": "workspace:^",