@atlaskit/jql-editor 4.0.0

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

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var errorMessages = exports.errorMessages = (0, _reactIntlNext.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'.",
+    description: 'When an operator was expected but another token was received.'
+  },
+  expectingOperatorBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingOperatorBeforeEOF',
+    defaultMessage: "Expecting an operator before the end of the query. The valid operators are '=', '!=', '<', '>', '<=', '>=', '~', '!~', 'IN', 'NOT IN', 'IS' and 'IS NOT'.",
+    description: 'When an operator was expected before the end of the query.'
+  },
+  expectingFieldButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingFieldButReceived',
+    defaultMessage: "Expecting a field name but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a field name.",
+    description: 'When a field was expected but another token was received.'
+  },
+  expectingFieldBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingFieldBeforeEOF',
+    defaultMessage: 'Expecting a field name before the end of the query.',
+    description: 'When a field was expected before the end of the query.'
+  },
+  expectingCFButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingCFButReceived',
+    defaultMessage: "Expecting a field name but got '['. Did you mean 'cf['?",
+    description: "When a field was expected but a left bracket was received without a 'cf' prefix."
+  },
+  expectingCustomFieldId: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingCustomFieldId',
+    defaultMessage: "Expecting a custom field id enclosed by '[ ]' after 'cf'. Example: 'cf[10021]'.",
+    description: 'When a custom field id was expected before the end of the query. Text wrapped in single quotes in our message refer to specific tokens in the query so they should not be translated.'
+  },
+  expectingOperandButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingOperandButReceived',
+    defaultMessage: "Expecting either a value, list or function but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a value.",
+    description: 'When an operand was expected but another token was received.'
+  },
+  expectingOperandBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingOperandBeforeEOF',
+    defaultMessage: 'Expecting either a value, list or function before the end of the query.',
+    description: 'When an operand was expected before the end of the query.'
+  },
+  expectingValueOrFunctionButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingValueOrFunctionButReceived',
+    defaultMessage: "Expecting a value or function but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a value.",
+    description: 'When a value or function was expected but another token was received.'
+  },
+  expectingValueOrFunctionBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingValueOrFunctionBeforeEOF',
+    defaultMessage: 'Expecting a value or function before the end of the query.',
+    description: 'When a value or function was expected before the end of the query.'
+  },
+  expectingListOrFunctionButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingListOrFunctionButReceived',
+    defaultMessage: "Expecting a list or function but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a value.",
+    description: 'When a list or function was expected but another token was received.'
+  },
+  expectingListOrFunctionBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingListOrFunctionBeforeEOF',
+    defaultMessage: 'Expecting a list or function before the end of the query.',
+    description: 'When a list or function was expected before the end of the query.'
+  },
+  expectingValueButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingValueButReceived',
+    defaultMessage: "Expecting a value but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a value.",
+    description: 'When a value was expected but another token was received.'
+  },
+  expectingValueBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingValueBeforeEOF',
+    defaultMessage: 'Expecting a value before the end of the query.',
+    description: 'When a value was expected before the end of the query.'
+  },
+  expectingListButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingListButReceived',
+    defaultMessage: "Expecting a list but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a value.",
+    description: 'When a list was expected but another token was received.'
+  },
+  expectingListBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingListBeforeEOF',
+    defaultMessage: 'Expecting a list before the end of the query.',
+    description: 'When a list was expected before the end of the query.'
+  },
+  expectingFunctionButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingFunctionButReceived',
+    defaultMessage: "Expecting a function but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a value.",
+    description: 'When a function was expected but another token was received.'
+  },
+  expectingFunctionBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingFunctionBeforeEOF',
+    defaultMessage: 'Expecting a function before the end of the query.',
+    description: 'When a function was expected before the end of the query.'
+  },
+  expectingFieldPropertyIdButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingFieldPropertyIdButReceived',
+    defaultMessage: "Expecting a property id but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a value.",
+    description: 'When a field property ID was expected but another token was received.'
+  },
+  expectingFieldPropertyIdBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingFieldPropertyIdBeforeEOF',
+    defaultMessage: 'Expecting a property id before the end of the query.',
+    description: 'When a field property ID was expected before the end of the query.'
+  },
+  expectingFunctionArgButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingFunctionArgButReceived',
+    defaultMessage: "Expecting a function argument but got ''{received}''. You must surround ''{received}'' in quotation marks to use it as a value.",
+    description: 'When a function argument was expected but another token was received.'
+  },
+  expectingFunctionArgBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingFunctionArgBeforeEOF',
+    defaultMessage: 'Expecting a function argument before the end of the query.',
+    description: 'When a function argument was expected before the end of the query.'
+  },
+  expectingMultipleTokensButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingMultipleTokensButReceived',
+    defaultMessage: "Expecting {firstExpectedTokens} or ''{lastExpectedToken}'' but got ''{received}''.",
+    description: 'When the text the user entered does not match any of the expected tokens.'
+  },
+  expectingMultipleTokensBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingMultipleTokensBeforeEOF',
+    defaultMessage: "Expecting {firstExpectedTokens} or ''{lastExpectedToken}'' before the end of the query.",
+    description: 'When there are still tokens expected before the query can end.'
+  },
+  expectingTokenButReceived: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingTokenButReceived',
+    defaultMessage: "Expecting ''{expectedToken}'' but got ''{received}''.",
+    description: 'When the text the user entered does not match the expected tokens.'
+  },
+  expectingTokenBeforeEOF: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.expectingTokenBeforeEOF',
+    defaultMessage: "Expecting ''{expectedToken}'' before the end of the query.",
+    description: 'When an expected token needs to be inserted before the query can end.'
+  },
+  unknownErrorAtToken: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.unknownErrorAtToken',
+    defaultMessage: "Unable to parse the query at ''{received}''.",
+    description: 'When the query could not be parsed when a token was reached.'
+  },
+  reservedChar: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.reservedChar',
+    defaultMessage: "The character ''{char}'' is a reserved JQL character. You must enclose it in a string or use the escape ''{escapedChar}'' instead.",
+    description: 'When the user has a reserved character in the query.'
+  },
+  reservedWord: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.reservedWord',
+    defaultMessage: "''{word}'' is a reserved JQL word. You must surround it in quotation marks to use it in a query.",
+    description: 'When the user has a reserved word in the query.'
+  },
+  unfinishedString: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.unfinishedString',
+    defaultMessage: "The quoted string ''{received}'' has not been completed.",
+    description: 'When a string is missing an opening or closing quote.'
+  },
+  unfinishedStringBlank: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.unfinishedStringBlank',
+    defaultMessage: 'The quoted string has not been completed.',
+    description: 'When a string is missing an opening or closing quote.'
+  },
+  illegalEscape: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.illegalEscape',
+    defaultMessage: "''{received}'' is an illegal JQL escape sequence. The valid escape sequences are \\', \\\", \\t, \\n, \\r, \\\\, '\\ ' and \\uXXXX.",
+    description: 'When there are no valid tokens following an escape character.'
+  },
+  illegalEscapeBlank: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.illegalEscapeBlank',
+    defaultMessage: "The escape sequence has not been completed. The valid escape sequences are \\', \\\", \\t, \\n, \\r, \\\\, '\\ ' and \\uXXXX.",
+    description: 'When there are no valid tokens following an escape character.'
+  },
+  illegalChar: {
+    id: 'jql-editor.plugins.jql-ast.error-messages.illegalChar',
+    defaultMessage: "The character ''{char}'' must be escaped. Use the escape ''{escapedChar}'' instead.",
+    description: 'When an illegal character is encountered in a query.'
+  }
+});

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTokenDisplayNames = exports.getExpectedTokensFromParserOrException = void 0;
+var _constants = require("./constants");
+var getTokenDisplayNames = exports.getTokenDisplayNames = function getTokenDisplayNames(parser, tokens) {
+  return tokens.map(function (tokenType) {
+    return parser.vocabulary.getDisplayName(tokenType).replace(/^'|'$/g, '');
+  });
+};
+var getExpectedTokensFromParserOrException = exports.getExpectedTokensFromParserOrException = function getExpectedTokensFromParserOrException(parser, exception) {
+  var _exception$expectedTo;
+  // Read expected tokens from the exception if present, as it refers to the expected input symbols at the time the
+  // exception was thrown (whereas JQLParser will give us possible tokens from the current parser state).
+  var expectedTokenSet = (_exception$expectedTo = exception === null || exception === void 0 ? void 0 : exception.expectedTokens) !== null && _exception$expectedTo !== void 0 ? _exception$expectedTo : parser.getExpectedTokens();
+  return expectedTokenSet.toArray()
+  // Show the token if it's not ignored
+  .filter(function (tokenType) {
+    return !_constants.ignoredTokens.has(tokenType);
+  });
+};

package/dist/cjs/plugins/jql-syntax-highlighting/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _jqlAst = require("@atlaskit/jql-ast");
+var _getDocumentPosition = _interopRequireDefault(require("../common/get-document-position"));
+var _jqlAst2 = require("../jql-ast");
+var _visitor = require("./visitor");
+var getHighlights = function getHighlights(state) {
+  var ast = (0, _jqlAst2.getJastFromState)(state);
+  // Get highlights for AST nodes
+  var visitor = new _visitor.SyntaxHighlightingVisitor(state);
+  var highlights = ast.query ? visitor.visit(ast.query) : [];
+  // Create a highlight for the first syntax error encountered
+  var _ast$errors = (0, _slicedToArray2.default)(ast.errors, 1),
+    error = _ast$errors[0];
+  if (error instanceof _jqlAst.JQLSyntaxError) {
+    var documentFrom = (0, _getDocumentPosition.default)(state.doc, error.start);
+    var documentTo = (0, _getDocumentPosition.default)(state.doc, error.stop);
+    highlights.push({
+      tokenType: 'error',
+      documentFrom: documentFrom,
+      documentTo: documentTo
+    });
+  }
+  return highlights;
+};
+var JQLSyntaxHighlightingPluginKey = new _state.PluginKey('jql-syntax-highlighting-plugin');
+var jqlSyntaxHighlightingPlugin = function jqlSyntaxHighlightingPlugin() {
+  return new _state.Plugin({
+    key: JQLSyntaxHighlightingPluginKey,
+    appendTransaction: function appendTransaction(_, oldState, newState) {
+      // Avoid unnecessary transactions if document hasn't changed in the current transaction
+      if (oldState.doc === newState.doc) {
+        return;
+      }
+      var transaction = newState.tr;
+
+      // Remove token marks from all inline nodes so they can be recomputed
+      transaction.removeMark(0, newState.doc.content.size);
+
+      // Create marks for computed highlights
+      var highlights = getHighlights(newState);
+      highlights.forEach(function (_ref) {
+        var tokenType = _ref.tokenType,
+          documentFrom = _ref.documentFrom,
+          documentTo = _ref.documentTo;
+        // Apply mark to all text nodes within the highlighted range
+        newState.doc.nodesBetween(documentFrom, documentTo, function (node, pos) {
+          if (node.isText) {
+            var from = Math.max(pos, documentFrom);
+            var to = Math.min(pos + node.nodeSize, documentTo);
+            var mark = newState.schema.marks.token.create({
+              tokenType: tokenType
+            });
+            transaction.addMark(from, to, mark);
+          }
+        });
+      });
+      return transaction;
+    }
+  });
+};
+var _default = exports.default = jqlSyntaxHighlightingPlugin;

package/dist/cjs/plugins/jql-syntax-highlighting/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/plugins/jql-syntax-highlighting/visitor.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyntaxHighlightingVisitor = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _jqlAst = require("@atlaskit/jql-ast");
+var _getDocumentPosition = _interopRequireDefault(require("../common/get-document-position"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var SyntaxHighlightingVisitor = exports.SyntaxHighlightingVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
+  (0, _inherits2.default)(SyntaxHighlightingVisitor, _AbstractJastVisitor);
+  var _super = _createSuper(SyntaxHighlightingVisitor);
+  function SyntaxHighlightingVisitor(state) {
+    var _this;
+    (0, _classCallCheck2.default)(this, SyntaxHighlightingVisitor);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitCompoundOperator", function (compoundOperator) {
+      return compoundOperator.positions.map(function (position) {
+        return _this.createHighlight('keyword', position);
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitNotClauseOperator", function (notClauseOperator) {
+      return _this.getHighlightsIfPosition('keyword', notClauseOperator.position);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitOrderByOperator", function (orderByOperator) {
+      return _this.getHighlightsIfPosition('keyword', orderByOperator.position);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitOrderByDirection", function (orderByDirection) {
+      return _this.getHighlightsIfPosition('keyword', orderByDirection.position);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitField", function (field) {
+      return _this.getHighlightsIfPosition('field', field.position);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitOperator", function (operator) {
+      return _this.getHighlightsIfPosition('operator', operator.position);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitPredicateOperator", function (predicateOperator) {
+      return _this.getHighlightsIfPosition('operator', predicateOperator.position);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getHighlightsIfPosition", function (tokenType, maybePosition) {
+      if (!maybePosition) {
+        return [];
+      }
+      return [_this.createHighlight(tokenType, maybePosition)];
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createHighlight", function (tokenType, _ref) {
+      var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+        start = _ref2[0],
+        end = _ref2[1];
+      var documentFrom = (0, _getDocumentPosition.default)(_this.state.doc, start);
+      var documentTo = (0, _getDocumentPosition.default)(_this.state.doc, end);
+      return {
+        tokenType: tokenType,
+        documentFrom: documentFrom,
+        documentTo: documentTo
+      };
+    });
+    _this.state = state;
+    return _this;
+  }
+  (0, _createClass2.default)(SyntaxHighlightingVisitor, [{
+    key: "shouldVisitNextChild",
+    value: function shouldVisitNextChild(node) {
+      // Skip visiting operand subtrees, which don't require syntax highlighting and can make a big impact on performance
+      return !(0, _jqlAst.isOperandNode)(node);
+    }
+  }, {
+    key: "aggregateResult",
+    value: function aggregateResult(aggregate, nextResult) {
+      return aggregate.concat(nextResult);
+    }
+  }, {
+    key: "defaultResult",
+    value: function defaultResult() {
+      return [];
+    }
+  }]);
+  return SyntaxHighlightingVisitor;
+}(_jqlAst.AbstractJastVisitor);

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SELECTED_NODE = exports.RICH_INLINE_NODE = exports.ERROR_NODE = void 0;
+var RICH_INLINE_NODE = exports.RICH_INLINE_NODE = 'rich_inline';
+var SELECTED_NODE = exports.SELECTED_NODE = 'selected';
+var ERROR_NODE = exports.ERROR_NODE = 'error';

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _view2 = require("@atlaskit/editor-prosemirror/view");
+var _jqlAst = require("@atlaskit/jql-ast");
+var _getDocumentPosition = _interopRequireDefault(require("../common/get-document-position"));
+var _jqlAst2 = require("../jql-ast");
+var _constants = require("./constants");
+var _nodes = require("./nodes");
+var _reactNodeView = require("./util/react-node-view");
+var decorateNodesInRange = function decorateNodesInRange(state, decoration, from, to) {
+  var decorations = [];
+  state.doc.nodesBetween(from, to, function (node, pos) {
+    if (node.type.spec.group === _constants.RICH_INLINE_NODE) {
+      decorations.push(_view2.Decoration.node(pos, pos + node.nodeSize, {}, {
+        type: decoration
+      }));
+    }
+  });
+  return decorations;
+};
+var RichInlineNodesPluginKey = new _state.PluginKey('rich-inline-nodes-plugin');
+var richInlineNodesPlugin = function richInlineNodesPlugin(portalActions) {
+  return new _state.Plugin({
+    key: RichInlineNodesPluginKey,
+    props: {
+      decorations: function decorations(state) {
+        var decorations = [];
+
+        // Apply selected decoration to node views when they are part of a text selection
+        var _state$selection = state.selection,
+          from = _state$selection.from,
+          to = _state$selection.to;
+        decorations.push.apply(decorations, (0, _toConsumableArray2.default)(decorateNodesInRange(state, _constants.SELECTED_NODE, from, to)));
+
+        // Apply error decoration to node views when they are part of AST error range
+        var ast = (0, _jqlAst2.getJastFromState)(state);
+        var _ast$errors = (0, _slicedToArray2.default)(ast.errors, 1),
+          error = _ast$errors[0];
+        if (error instanceof _jqlAst.JQLSyntaxError) {
+          var documentFrom = (0, _getDocumentPosition.default)(state.doc, error.start);
+          var documentTo = (0, _getDocumentPosition.default)(state.doc, error.stop);
+          decorations.push.apply(decorations, (0, _toConsumableArray2.default)(decorateNodesInRange(state, _constants.ERROR_NODE, documentFrom, documentTo)));
+        }
+        return _view2.DecorationSet.create(state.doc, decorations);
+      },
+      nodeViews: (0, _mapValues.default)(_nodes.richInlineNodes, function (jqlNodeSpec) {
+        return function (node, _view, _getPos, decorations) {
+          return _reactNodeView.ReactNodeView.for(jqlNodeSpec.component, portalActions, node, decorations);
+        };
+      })
+    }
+  });
+};
+var _default = exports.default = richInlineNodesPlugin;

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.richInlineNodes = void 0;
+var _user = require("./user");
+var richInlineNodes = exports.richInlineNodes = {
+  user: _user.user
+};

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.user = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _state = require("../../../../state");
+var _styled = require("./styled");
+var User = function User(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    fieldName = _ref.fieldName,
+    selected = _ref.selected,
+    error = _ref.error;
+  var _useHydratedUser = (0, _state.useHydratedUser)({
+      id: id,
+      fieldName: fieldName
+    }),
+    _useHydratedUser2 = (0, _slicedToArray2.default)(_useHydratedUser, 1),
+    user = _useHydratedUser2[0];
+  return /*#__PURE__*/_react.default.createElement(_styled.UserContainer, {
+    selected: selected,
+    error: error
+  }, /*#__PURE__*/_react.default.createElement(_styled.AvatarWrapper, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+    src: user === null || user === void 0 ? void 0 : user.avatarUrl,
+    borderColor: "transparent",
+    size: "xsmall"
+  })), /*#__PURE__*/_react.default.createElement(_styled.NameContainer, null, name));
+};
+var user = exports.user = {
+  component: User,
+  attrs: {
+    id: {},
+    name: {},
+    fieldName: {}
+  }
+};

package/dist/cjs/plugins/rich-inline-nodes/nodes/user/styled.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UserContainer = exports.NameContainer = exports.AvatarWrapper = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _colors = require("@atlaskit/theme/colors");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+var UserContainer = exports.UserContainer = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n  height: ", ";\n  padding: 1px;\n  border-radius: 10px;\n  cursor: pointer;\n  user-select: none;\n\n  ", "\n"])), "var(--ds-space-200, 16px)", function (_ref) {
+  var selected = _ref.selected,
+    error = _ref.error;
+  if (selected) {
+    if (error) {
+      return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n          color: ", ";\n          background-color: ", ";\n          text-decoration: wavy underline;\n          text-decoration-thickness: 1px;\n          text-decoration-skip-ink: none;\n          text-decoration-color: ", ";\n        "])), "var(--ds-text-inverse, ".concat(_colors.N0, ")"), "var(--ds-background-danger-bold, ".concat(_colors.R400, ")"), "var(--ds-text-inverse, ".concat(_colors.N0, ")"));
+    } else {
+      return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n          color: ", ";\n          background-color: ", ";\n          box-shadow: 0 0 0 1px ", ";\n        "])), "var(--ds-text, ".concat(_colors.N0, ")"), "var(--ds-background-selected, ".concat(_colors.N500, ")"), "var(--ds-border-selected, transparent)");
+    }
+  } else {
+    if (error) {
+      return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n          color: ", ";\n          background-color: ", ";\n          text-decoration: wavy underline;\n          text-decoration-thickness: 1px;\n          text-decoration-skip-ink: none;\n          text-decoration-color: ", ";\n\n          &:hover {\n            background-color: ", ";\n          }\n        "])), "var(--ds-text-subtle, ".concat(_colors.N500, ")"), "var(--ds-background-neutral, ".concat(_colors.N40, ")"), "var(--ds-text-danger, ".concat(_colors.R400, ")"), "var(--ds-background-neutral-hovered, ".concat(_colors.N50, ")"));
+    } else {
+      return (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n          color: ", ";\n          background-color: ", ";\n\n          &:hover {\n            background-color: ", ";\n          }\n        "])), "var(--ds-text-subtle, ".concat(_colors.N500, ")"), "var(--ds-background-neutral, ".concat(_colors.N40, ")"), "var(--ds-background-neutral-hovered, ".concat(_colors.N50, ")"));
+    }
+  }
+});
+var NameContainer = exports.NameContainer = _styled.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", ";\n  margin-right: ", ";\n"])), "var(--ds-space-075, 6px)", "var(--ds-space-100, 8px)");
+
+/* Override Avatar styles to match design spec */
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+var AvatarWrapper = exports.AvatarWrapper = _styled.default.span(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  > div {\n    top: 3px;\n\n    > span {\n      margin: 0;\n    }\n  }\n"])));

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/plugins/rich-inline-nodes/util/create-node-spec.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNodeSpec = void 0;
+var _mapKeys = _interopRequireDefault(require("lodash/mapKeys"));
+var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
+var _constants = require("../constants");
+var createNodeSpec = exports.createNodeSpec = function createNodeSpec(name, attrs) {
+  return {
+    group: _constants.RICH_INLINE_NODE,
+    content: 'text*',
+    inline: true,
+    atom: true,
+    // treat node as a leaf
+    attrs: attrs,
+    toDOM: function toDOM(node) {
+      var domAttrs = (0, _mapKeys.default)(node.attrs, function (_, attr) {
+        return "data-".concat(attr);
+      });
+      return [name, domAttrs, 0];
+    },
+    parseDOM: [{
+      tag: name,
+      getAttrs: function getAttrs(node) {
+        if (node instanceof Element) {
+          return (0, _mapValues.default)(attrs, function (_, attr) {
+            return node.getAttribute("data-".concat(attr));
+          });
+        }
+        return null; // should never™ happen
+      }
+    }]
+  };
+};