@atlaskit/jql-editor 5.12.8 → 5.13.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlaskit/jql-editor
 
+## 5.13.0
+
+### Minor Changes
+
+- [`daf5c2659939b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/daf5c2659939b) -
+  [ux] Added Project (Atlas) node to the JQL Editor
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.12.8
 
 ### 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", "5.12.8", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

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

@@ -62,7 +62,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' && (0, _platformFeatureFlags.fg)('jira_update_jql_teams')) {
+      if (_this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' && (0, _platformFeatureFlags.fg)('jira_update_jql_teams') || option.valueType === 'project' && (0, _platformFeatureFlags.fg)('projects_in_jira_eap_drop2'))) {
         transaction.setMeta('hydrate', true);
       }
       var documentFrom = (0, _getDocumentPosition.default)(transaction.doc, from);
@@ -117,6 +117,21 @@ var AutocompletePluginView = exports.default = /*#__PURE__*/function (_ReactPlug
               }
               break;
             }
+          case 'project':
+            {
+              if ((0, _platformFeatureFlags.fg)('projects_in_jira_eap_drop2')) {
+                var _attributes2 = {
+                  type: 'project',
+                  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.project.create(_attributes2, textContent));
+              } else {
+                nodes.push(textContent);
+              }
+              break;
+            }
           default:
             {
               nodes.push(textContent);

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

@@ -2,10 +2,11 @@
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}
 ._1rjcidpf{padding-block:0}
+._1e0c116y{display:inline-flex}
 ._1e0c1txw{display:flex}
 ._1hms8stv{text-decoration-line:underline}
 ._1kegt94y{text-decoration-thickness:1px}
-._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
+._1wpz1q9y{align-self:baseline}
 ._4bfu1r31{text-decoration-color:currentColor}
 ._4bfu1tmw{text-decoration-color:var(--ds-text-danger,#ae2e24)}
 ._4cvr1h6o{align-items:center}
@@ -17,6 +18,7 @@
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
+._s7n4z0dk{vertical-align:text-top}
 ._tdi7glyw{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 ._irr31yvi:hover{background-color:var(--ds-background-danger-hovered,#ffd5d2)}

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

@@ -13,12 +13,12 @@ var _css = require("@atlaskit/css");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var styles = {
-  nodeWrapper: "_19it145i _2rko12b0 _1rjcidpf _1e0c1txw _4cvr1h6o _bfhki8nm _4t3igktf _bozgv77o _y4ti1b66 _irr3plhp",
+  nodeWrapper: "_19it145i _2rko12b0 _1rjcidpf _1e0c116y _s7n4z0dk _4cvr1h6o _1wpz1q9y _bfhki8nm _4t3igktf _bozgv77o _y4ti1b66 _irr3plhp",
   nodeWrapperSelected: "_1h6dq98m _bfhk15s3 _irr3ufnl",
   nodeWrapperError: "_4bfu1r31 _1hms8stv _ajmm1khm _1kegt94y _tdi7glyw _4bfu1tmw",
   nodeWrapperErrorSelected: "_bfhk1gly _irr31yvi",
   textWrapper: "_ect4zzfg",
-  iconBeforeWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
+  iconBeforeWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o",
   iconAfterWrapper: ""
 };
 

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

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

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

@@ -1,71 +1,15 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ProjectNode = void 0;
-require("./index.compiled.css");
-var _runtime = require("@compiled/react/runtime");
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-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 _emoji = require("@atlaskit/emoji");
-var _project = _interopRequireDefault(require("@atlaskit/icon/core/project"));
-var _compiled = require("@atlaskit/primitives/compiled");
-var _state = require("../../../../state");
-var _base = require("../base");
-var _messages = require("./messages");
-var _excluded = ["emojiName", "isRestricted", "text"];
-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" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var styles = {
-  emojiWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
-  projectIconWrapper: "_ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
-};
-var getTownsquareEmojiProvider = function getTownsquareEmojiProvider() {
-  // Dynamically import the emoji provider to prevent an unnecessary network call from being made on module import
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_@atlaskit/jql-editor/plugins/rich-inline-nodes/nodes/base" */'@atlaskit/townsquare-emoji-provider'));
-  }).then(function (mod) {
-    return mod.emojiProvider;
-  });
-};
-
-/**
- * ProjectNode Component
- *
- * This component is a component for rendering a pill-like view for Project (Atlas) node type
- * in the JQL editor
- */
-var ProjectNode = exports.ProjectNode = function ProjectNode(props) {
-  var emojiName = props.emojiName,
-    isRestricted = props.isRestricted,
-    text = props.text,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useIntl = (0, _state.useIntl)(),
-    _useIntl2 = (0, _slicedToArray2.default)(_useIntl, 1),
-    formatMessage = _useIntl2[0].formatMessage;
-  var townsquareEmojiProvider = getTownsquareEmojiProvider();
-  return /*#__PURE__*/_react.default.createElement(_base.NodeBase, (0, _extends2.default)({
-    iconBefore: emojiName ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.emojiWrapper
-    }, /*#__PURE__*/_react.default.createElement(_emoji.ResourcedEmoji, {
-      emojiProvider: townsquareEmojiProvider,
-      emojiId: {
-        shortName: emojiName
-      },
-      fitToHeight: 16
-    })) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.projectIconWrapper
-    }, /*#__PURE__*/_react.default.createElement(_project.default, {
-      size: "small",
-      label: ""
-    })),
-    text: isRestricted ? formatMessage(_messages.messages.restrictedProject) : text
-  }, rest, {
-    isLocked: isRestricted
-  }));
+exports.project = void 0;
+var _projectNode = require("./project-node");
+var project = exports.project = {
+  component: _projectNode.ProjectNode,
+  attrs: {
+    id: {},
+    name: {},
+    fieldName: {}
+  }
 };

package/dist/cjs/plugins/rich-inline-nodes/nodes/project/{index.compiled.css → project-node.compiled.css}

@@ -1,8 +1,8 @@
+._154i1i6y{top:var(--ds-space-negative-025,-2px)}
 ._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1e0c1txw{display:flex}
-._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
-._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._kqswh2mm{position:relative}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._u5f3v77o{padding-right:var(--ds-space-025,2px)}

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

@@ -0,0 +1,78 @@
+/* project-node.tsx generated by @compiled/babel-plugin v0.38.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProjectNode = void 0;
+require("./project-node.compiled.css");
+var _runtime = require("@compiled/react/runtime");
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+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 _emoji = require("@atlaskit/emoji");
+var _project = _interopRequireDefault(require("@atlaskit/icon/core/project"));
+var _compiled = require("@atlaskit/primitives/compiled");
+var _state = require("../../../../state");
+var _base = require("../base");
+var _messages = require("./messages");
+var _excluded = ["id", "fieldName", "name", "privateProject"];
+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" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var styles = {
+  emojiWrapper: "_1e0c1txw _4t3i7vkz _kqswh2mm _154i1i6y",
+  projectIconWrapper: "_ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
+};
+var getTownsquareEmojiProvider = function getTownsquareEmojiProvider() {
+  // Dynamically import the emoji provider to prevent an unnecessary network call from being made on module import
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_@atlaskit/jql-editor/plugins/rich-inline-nodes/nodes/base" */'@atlaskit/townsquare-emoji-provider'));
+  }).then(function (mod) {
+    return mod.emojiProvider;
+  });
+};
+
+/**
+ * ProjectNode Component
+ *
+ * This component is a component for rendering a pill-like view for Project (Atlas) node type
+ * in the JQL editor
+ */
+var ProjectNode = exports.ProjectNode = function ProjectNode(props) {
+  var id = props.id,
+    fieldName = props.fieldName,
+    name = props.name,
+    privateProject = props.privateProject,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useHydratedProject = (0, _state.useHydratedProject)({
+      id: id,
+      fieldName: fieldName
+    }),
+    _useHydratedProject2 = (0, _slicedToArray2.default)(_useHydratedProject, 1),
+    project = _useHydratedProject2[0];
+  var townsquareEmojiProvider = getTownsquareEmojiProvider();
+  return /*#__PURE__*/_react.default.createElement(_base.NodeBase, (0, _extends2.default)({
+    iconBefore: project !== null && project !== void 0 && project.iconName ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.emojiWrapper
+    }, /*#__PURE__*/_react.default.createElement(_emoji.ResourcedEmoji, {
+      emojiProvider: townsquareEmojiProvider,
+      emojiId: {
+        shortName: project.iconName
+      },
+      fitToHeight: 16
+    })) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.projectIconWrapper
+    }, /*#__PURE__*/_react.default.createElement(_project.default, {
+      size: "small",
+      label: ""
+    })),
+    text: privateProject || project !== null && project !== void 0 && project.privateProject ? formatMessage(_messages.messages.restrictedProject) : name
+  }, rest, {
+    isLocked: project === null || project === void 0 ? void 0 : project.privateProject
+  }));
+};

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

@@ -33,7 +33,7 @@ var replaceRichInlineNodes = exports.replaceRichInlineNodes = function replaceRi
       fieldName = _ref2[0],
       values = _ref2[1];
     values.forEach(function (value) {
-      if (value.type === 'user' || value.type === 'team' && (0, _platformFeatureFlags.fg)('jira_update_jql_teams')) {
+      if (value.type === 'user' || value.type === 'team' && (0, _platformFeatureFlags.fg)('jira_update_jql_teams') || 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);
 
@@ -75,6 +75,13 @@ var getRichInlineNode = function getRichInlineNode(fieldName, value, text) {
           fieldName: fieldName
         }), _textContent);
       }
+    case 'project':
+      {
+        var _textContent2 = _schema.JQLEditorSchema.text(text);
+        return _schema.JQLEditorSchema.nodes.project.create(_objectSpread(_objectSpread({}, value), {}, {
+          fieldName: fieldName
+        }), _textContent2);
+      }
     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.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.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"));
@@ -918,16 +918,25 @@ var useHydratedTeam = exports.useHydratedTeam = (0, _reactSweetState.createHook)
     return team && team.type === 'team' ? team : undefined;
   }
 });
+var useHydratedProject = exports.useHydratedProject = (0, _reactSweetState.createHook)(Store, {
+  selector: function selector(state, _ref41) {
+    var _state$hydratedValues4;
+    var id = _ref41.id,
+      fieldName = _ref41.fieldName;
+    var project = (_state$hydratedValues4 = state.hydratedValues[fieldName]) === null || _state$hydratedValues4 === void 0 ? void 0 : _state$hydratedValues4.get(id);
+    return project && project.type === 'project' ? project : undefined;
+  }
+});
 var useHydratedDeprecations = exports.useHydratedDeprecations = (0, _reactSweetState.createHook)(Store, {
   selector: function selector(state) {
     var ast = (0, _jqlAst2.getJastFromState)(state.editorState);
     var fieldsInQuery = (0, _util.getFieldNodes)(ast);
     var toReturn = [];
-    Object.entries(state.hydratedValues).forEach(function (_ref41) {
-      var _state$hydratedValues4;
-      var _ref42 = (0, _slicedToArray2.default)(_ref41, 1),
-        fieldName = _ref42[0];
-      (_state$hydratedValues4 = state.hydratedValues[fieldName]) === null || _state$hydratedValues4 === void 0 || _state$hydratedValues4.forEach(function (value) {
+    Object.entries(state.hydratedValues).forEach(function (_ref42) {
+      var _state$hydratedValues5;
+      var _ref43 = (0, _slicedToArray2.default)(_ref42, 1),
+        fieldName = _ref43[0];
+      (_state$hydratedValues5 = state.hydratedValues[fieldName]) === null || _state$hydratedValues5 === void 0 || _state$hydratedValues5.forEach(function (value) {
         if (value.type === 'deprecated-field') {
           if (fieldsInQuery.has(value.id.toLowerCase())) {
             toReturn.push(value);
@@ -950,19 +959,19 @@ var useOnSyntaxHelp = exports.useOnSyntaxHelp = (0, _reactSweetState.createHook)
 });
 var EditorStateContainer = exports.EditorStateContainer = (0, _reactSweetState.createContainer)(Store, {
   onInit: function onInit() {
-    return function (_ref43, _ref44) {
-      var getState = _ref43.getState,
-        setState = _ref43.setState,
-        dispatch = _ref43.dispatch;
-      var intlRef = _ref44.intlRef,
-        query = _ref44.query,
-        isSearching = _ref44.isSearching,
-        autocompleteProvider = _ref44.autocompleteProvider,
-        externalMessages = _ref44.externalMessages,
-        enableRichInlineNodes = _ref44.enableRichInlineNodes,
-        onDebugUnsafeMessage = _ref44.onDebugUnsafeMessage,
-        onSyntaxHelp = _ref44.onSyntaxHelp,
-        customComponents = _ref44.customComponents;
+    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;
       setState({
         controlledQuery: query,
         query: query,
@@ -991,18 +1000,18 @@ var EditorStateContainer = exports.EditorStateContainer = (0, _reactSweetState.c
     };
   },
   onUpdate: function onUpdate() {
-    return function (_ref45, _ref46) {
-      var getState = _ref45.getState,
-        setState = _ref45.setState,
-        dispatch = _ref45.dispatch;
-      var controlledQueryProp = _ref46.query,
-        isSearching = _ref46.isSearching,
-        autocompleteProvider = _ref46.autocompleteProvider,
-        externalMessages = _ref46.externalMessages,
-        enableRichInlineNodes = _ref46.enableRichInlineNodes,
-        onDebugUnsafeMessage = _ref46.onDebugUnsafeMessage,
-        onSyntaxHelp = _ref46.onSyntaxHelp,
-        customComponents = _ref46.customComponents;
+    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;
       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", "5.12.8", ANALYTICS_CHANNEL);
 };

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

@@ -45,7 +45,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' && fg('jira_update_jql_teams')) {
+      if (this.enableRichInlineNodes && option.type === 'value' && (option.valueType === 'team' && fg('jira_update_jql_teams') || option.valueType === 'project' && fg('projects_in_jira_eap_drop2'))) {
         transaction.setMeta('hydrate', true);
       }
       const documentFrom = getDocumentPosition(transaction.doc, from);
@@ -102,6 +102,21 @@ export default class AutocompletePluginView extends ReactPluginView {
               }
               break;
             }
+          case 'project':
+            {
+              if (fg('projects_in_jira_eap_drop2')) {
+                const attributes = {
+                  type: 'project',
+                  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.project.create(attributes, textContent));
+              } else {
+                nodes.push(textContent);
+              }
+              break;
+            }
           default:
             {
               nodes.push(textContent);

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

@@ -2,10 +2,11 @@
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._1h6dq98m{border-color:var(--ds-border-selected,#1868db)}
 ._1rjcidpf{padding-block:0}
+._1e0c116y{display:inline-flex}
 ._1e0c1txw{display:flex}
 ._1hms8stv{text-decoration-line:underline}
 ._1kegt94y{text-decoration-thickness:1px}
-._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
+._1wpz1q9y{align-self:baseline}
 ._4bfu1r31{text-decoration-color:currentColor}
 ._4bfu1tmw{text-decoration-color:var(--ds-text-danger,#ae2e24)}
 ._4cvr1h6o{align-items:center}
@@ -17,6 +18,7 @@
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
+._s7n4z0dk{vertical-align:text-top}
 ._tdi7glyw{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
 ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
 ._irr31yvi:hover{background-color:var(--ds-background-danger-hovered,#ffd5d2)}

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

@@ -6,12 +6,12 @@ import { cx } from '@atlaskit/css';
 import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
 import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 const styles = {
-  nodeWrapper: "_19it145i _2rko12b0 _1rjcidpf _1e0c1txw _4cvr1h6o _bfhki8nm _4t3igktf _bozgv77o _y4ti1b66 _irr3plhp",
+  nodeWrapper: "_19it145i _2rko12b0 _1rjcidpf _1e0c116y _s7n4z0dk _4cvr1h6o _1wpz1q9y _bfhki8nm _4t3igktf _bozgv77o _y4ti1b66 _irr3plhp",
   nodeWrapperSelected: "_1h6dq98m _bfhk15s3 _irr3ufnl",
   nodeWrapperError: "_4bfu1r31 _1hms8stv _ajmm1khm _1kegt94y _tdi7glyw _4bfu1tmw",
   nodeWrapperErrorSelected: "_bfhk1gly _irr31yvi",
   textWrapper: "_ect4zzfg",
-  iconBeforeWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
+  iconBeforeWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o",
   iconAfterWrapper: ""
 };
 

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

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

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

@@ -1,57 +1,9 @@
-/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
-import _extends from "@babel/runtime/helpers/extends";
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { ResourcedEmoji } from '@atlaskit/emoji';
-import ProjectIcon from '@atlaskit/icon/core/project';
-import { Box } from '@atlaskit/primitives/compiled';
-import { useIntl } from '../../../../state';
-import { NodeBase } from '../base';
-import { messages } from './messages';
-const styles = {
-  emojiWrapper: "_1e0c1txw _4t3i7vkz _4cvr1h6o _1pfh1i6y",
-  projectIconWrapper: "_ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
-};
-const getTownsquareEmojiProvider = () => {
-  // Dynamically import the emoji provider to prevent an unnecessary network call from being made on module import
-  return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/jql-editor/plugins/rich-inline-nodes/nodes/base" */'@atlaskit/townsquare-emoji-provider').then(mod => mod.emojiProvider);
-};
-
-/**
- * ProjectNode Component
- *
- * This component is a component for rendering a pill-like view for Project (Atlas) node type
- * in the JQL editor
- */
-export const ProjectNode = props => {
-  const {
-    emojiName,
-    isRestricted,
-    text,
-    ...rest
-  } = props;
-  const [{
-    formatMessage
-  }] = useIntl();
-  const townsquareEmojiProvider = getTownsquareEmojiProvider();
-  return /*#__PURE__*/React.createElement(NodeBase, _extends({
-    iconBefore: emojiName ? /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.emojiWrapper
-    }, /*#__PURE__*/React.createElement(ResourcedEmoji, {
-      emojiProvider: townsquareEmojiProvider,
-      emojiId: {
-        shortName: emojiName
-      },
-      fitToHeight: 16
-    })) : /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.projectIconWrapper
-    }, /*#__PURE__*/React.createElement(ProjectIcon, {
-      size: "small",
-      label: ""
-    })),
-    text: isRestricted ? formatMessage(messages.restrictedProject) : text
-  }, rest, {
-    isLocked: isRestricted
-  }));
+import { ProjectNode } from './project-node';
+export const project = {
+  component: ProjectNode,
+  attrs: {
+    id: {},
+    name: {},
+    fieldName: {}
+  }
 };

package/dist/es2019/plugins/rich-inline-nodes/nodes/project/{index.compiled.css → project-node.compiled.css}

@@ -1,8 +1,8 @@
+._154i1i6y{top:var(--ds-space-negative-025,-2px)}
 ._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1e0c1txw{display:flex}
-._1pfh1i6y{margin-block-start:var(--ds-space-negative-025,-2px)}
-._4cvr1h6o{align-items:center}
 ._4t3i7vkz{height:1pc}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._kqswh2mm{position:relative}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
 ._u5f3v77o{padding-right:var(--ds-space-025,2px)}

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

@@ -0,0 +1,63 @@
+/* project-node.tsx generated by @compiled/babel-plugin v0.38.1 */
+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 { ResourcedEmoji } from '@atlaskit/emoji';
+import ProjectIcon from '@atlaskit/icon/core/project';
+import { Box } from '@atlaskit/primitives/compiled';
+import { useHydratedProject } from '../../../../state';
+import { NodeBase } from '../base';
+import { messages } from './messages';
+const styles = {
+  emojiWrapper: "_1e0c1txw _4t3i7vkz _kqswh2mm _154i1i6y",
+  projectIconWrapper: "_ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o"
+};
+const getTownsquareEmojiProvider = () => {
+  // Dynamically import the emoji provider to prevent an unnecessary network call from being made on module import
+  return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/jql-editor/plugins/rich-inline-nodes/nodes/base" */'@atlaskit/townsquare-emoji-provider').then(mod => mod.emojiProvider);
+};
+
+/**
+ * ProjectNode Component
+ *
+ * This component is a component for rendering a pill-like view for Project (Atlas) node type
+ * in the JQL editor
+ */
+export const ProjectNode = props => {
+  const {
+    id,
+    fieldName,
+    name,
+    privateProject,
+    ...rest
+  } = props;
+  const {
+    formatMessage
+  } = useIntl();
+  const [project] = useHydratedProject({
+    id,
+    fieldName
+  });
+  const townsquareEmojiProvider = getTownsquareEmojiProvider();
+  return /*#__PURE__*/React.createElement(NodeBase, _extends({
+    iconBefore: project !== null && project !== void 0 && project.iconName ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.emojiWrapper
+    }, /*#__PURE__*/React.createElement(ResourcedEmoji, {
+      emojiProvider: townsquareEmojiProvider,
+      emojiId: {
+        shortName: project.iconName
+      },
+      fitToHeight: 16
+    })) : /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.projectIconWrapper
+    }, /*#__PURE__*/React.createElement(ProjectIcon, {
+      size: "small",
+      label: ""
+    })),
+    text: privateProject || project !== null && project !== void 0 && project.privateProject ? formatMessage(messages.restrictedProject) : name
+  }, rest, {
+    isLocked: project === null || project === void 0 ? void 0 : project.privateProject
+  }));
+};