@atlaskit/jql-editor 6.4.6 → 6.5.0

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

@@ -1,10 +1,10 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -27,32 +27,42 @@ 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 === 'goal' && FeatureGates.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false) || value.type === 'project' && FeatureGates.getExperimentValue('atlassian_projects_-_native_integration', 'releaseVersion', -1) >= 1) {
-        // First try to find as direct value operand (e.g., Team[Team] = uuid)
-        var astNodes = getValueNodes(ast, fieldName, value.id);
-
-        // If not found as direct value and it's a team, try to find in membersOf function arguments
-        if (astNodes.length === 0 && value.type === 'team' && fg('jira-membersof-team-support')) {
-          astNodes = getMembersOfArgumentNodes(ast, value.id);
+      if (fg('jql-function-arg-hydration')) {
+        // Skip deprecated fields
+        if (value.type === 'deprecated-field') {
+          return;
         }
-        astNodes.forEach(function (astNode) {
-          if (astNode.position) {
-            var _astNode$position = _slicedToArray(astNode.position, 2),
-              from = _astNode$position[0],
-              to = _astNode$position[1];
-            var documentFrom = getDocumentPosition(transaction.doc, from);
-            if (!isRichInlineNode(transaction.doc, documentFrom)) {
-              var documentTo = getDocumentPosition(transaction.doc, to);
-              var node = getRichInlineNode(fieldName, value, astNode.text);
-              transaction.replaceWith(documentFrom, documentTo, node);
-            }
-          }
-        });
+        // When the gate is on, collect both direct value operands and function argument
+        // operands for all node types
+        var astNodes = [].concat(_toConsumableArray(getValueNodes(ast, fieldName, value.id)), _toConsumableArray(getFunctionArgumentNodes(ast, fieldName, value.id)));
+        replaceAstNodesWithRichInlineNodes(transaction, astNodes, fieldName, value);
+      } else if (value.type === 'user' || value.type === 'team' || value.type === 'goal' && FeatureGates.getExperimentValue('anip-1095-goals-in-harmonised-filter', 'isEnabled', false) || value.type === 'project' && FeatureGates.getExperimentValue('atlassian_projects_-_native_integration', 'releaseVersion', -1) >= 1) {
+        // Legacy path: direct value operands only, with membersOf fallback for teams.
+        var _astNodes = getValueNodes(ast, fieldName, value.id);
+        if (_astNodes.length === 0 && value.type === 'team' && fg('jira-membersof-team-support')) {
+          _astNodes = getMembersOfArgumentNodes(ast, value.id);
+        }
+        replaceAstNodesWithRichInlineNodes(transaction, _astNodes, fieldName, value);
       }
     });
   });
   return transaction;
 };
+var replaceAstNodesWithRichInlineNodes = function replaceAstNodesWithRichInlineNodes(transaction, astNodes, fieldName, value) {
+  astNodes.forEach(function (astNode) {
+    if (astNode.position) {
+      var _astNode$position = _slicedToArray(astNode.position, 2),
+        from = _astNode$position[0],
+        to = _astNode$position[1];
+      var documentFrom = getDocumentPosition(transaction.doc, from);
+      if (!isRichInlineNode(transaction.doc, documentFrom)) {
+        var documentTo = getDocumentPosition(transaction.doc, to);
+        var node = getRichInlineNode(fieldName, value, astNode.text);
+        transaction.replaceWith(documentFrom, documentTo, node);
+      }
+    }
+  });
+};
 var getRichInlineNode = function getRichInlineNode(fieldName, value, text) {
   switch (value.type) {
     case 'user':
@@ -83,6 +93,13 @@ var getRichInlineNode = function getRichInlineNode(fieldName, value, text) {
           fieldName: fieldName
         }), _textContent3);
       }
+    case 'lozengeWithAvatar':
+      {
+        var _textContent4 = JQLEditorSchema.text(text);
+        return JQLEditorSchema.nodes.lozengeWithAvatar.create(_objectSpread(_objectSpread({}, value), {}, {
+          fieldName: fieldName
+        }), _textContent4);
+      }
     default:
       {
         throw new Error("Unsupported hydrated value type ".concat(value.type));
@@ -105,6 +122,12 @@ var getMembersOfArgumentNodes = function getMembersOfArgumentNodes(ast, teamId)
   }
   return ast.query.accept(new FindMembersOfArgumentsVisitor(teamId));
 };
+var getFunctionArgumentNodes = function getFunctionArgumentNodes(ast, fieldName, valueId) {
+  if (!ast.query) {
+    return [];
+  }
+  return ast.query.accept(new FindFunctionArgumentsVisitor(fieldName, valueId));
+};
 
 /**
  * Base visitor class for traversing JQL AST to find specific nodes.
@@ -191,21 +214,51 @@ var FindValuesVisitor = /*#__PURE__*/function (_BaseAstNodeFinder2) {
   return _createClass(FindValuesVisitor);
 }(BaseAstNodeFinder);
 /**
- * Visitor that finds membersOf function arguments matching a specific team ID.
- * Used for queries like "assignee in membersOf("id: <uuid>")".
+ * Visitor that finds function arguments for a specific field matching a target value id.
+ * This visitor is field-aware: it processes clauses for the given field and matches arguments by their raw value.
  */
-var FindMembersOfArgumentsVisitor = /*#__PURE__*/function (_BaseAstNodeFinder3) {
-  function FindMembersOfArgumentsVisitor(teamId) {
+var FindFunctionArgumentsVisitor = /*#__PURE__*/function (_BaseAstNodeFinder3) {
+  function FindFunctionArgumentsVisitor(fieldName, targetValueId) {
     var _this3;
-    _classCallCheck(this, FindMembersOfArgumentsVisitor);
-    _this3 = _callSuper(this, FindMembersOfArgumentsVisitor);
+    _classCallCheck(this, FindFunctionArgumentsVisitor);
+    _this3 = _callSuper(this, FindFunctionArgumentsVisitor);
     _defineProperty(_this3, "visitTerminalClause", function (terminalClause) {
+      if (!_this3.equalsIgnoreCase(terminalClause.field.value, _this3.fieldName)) {
+        return [];
+      }
       if (terminalClause.operand === undefined) {
         return [];
       }
       return terminalClause.operand.accept(_this3);
     });
     _defineProperty(_this3, "visitFunctionOperand", function (functionOperand) {
+      return functionOperand.arguments.filter(function (arg) {
+        return _this3.equalsIgnoreCase(arg.value.trim(), _this3.targetValueId);
+      });
+    });
+    _this3.fieldName = fieldName;
+    _this3.targetValueId = targetValueId.trim();
+    return _this3;
+  }
+  _inherits(FindFunctionArgumentsVisitor, _BaseAstNodeFinder3);
+  return _createClass(FindFunctionArgumentsVisitor);
+}(BaseAstNodeFinder);
+/**
+ * Visitor that finds membersOf function arguments matching a specific team ID.
+ * Used for queries like "assignee in membersOf("id: <uuid>")".
+ */
+var FindMembersOfArgumentsVisitor = /*#__PURE__*/function (_BaseAstNodeFinder4) {
+  function FindMembersOfArgumentsVisitor(teamId) {
+    var _this4;
+    _classCallCheck(this, FindMembersOfArgumentsVisitor);
+    _this4 = _callSuper(this, FindMembersOfArgumentsVisitor);
+    _defineProperty(_this4, "visitTerminalClause", function (terminalClause) {
+      if (terminalClause.operand === undefined) {
+        return [];
+      }
+      return terminalClause.operand.accept(_this4);
+    });
+    _defineProperty(_this4, "visitFunctionOperand", function (functionOperand) {
       var functionName = functionOperand.function.value.toLowerCase();
 
       // Only process membersOf function
@@ -216,18 +269,18 @@ var FindMembersOfArgumentsVisitor = /*#__PURE__*/function (_BaseAstNodeFinder3)
       functionOperand.arguments.forEach(function (arg) {
         // Normalize both values by removing extra whitespace for comparison
         // This handles both "id: uuid" and "id:uuid" formats
-        var normalizedArgValue = _this3.normalizeValue(arg.value);
-        var normalizedTeamId = _this3.normalizeValue(_this3.teamId);
-        if (_this3.equalsIgnoreCase(normalizedArgValue, normalizedTeamId)) {
+        var normalizedArgValue = _this4.normalizeValue(arg.value);
+        var normalizedTeamId = _this4.normalizeValue(_this4.teamId);
+        if (_this4.equalsIgnoreCase(normalizedArgValue, normalizedTeamId)) {
           matchingArgs.push(arg);
         }
       });
       return matchingArgs;
     });
-    _this3.teamId = teamId;
-    return _this3;
+    _this4.teamId = teamId;
+    return _this4;
   }
-  _inherits(FindMembersOfArgumentsVisitor, _BaseAstNodeFinder3);
+  _inherits(FindMembersOfArgumentsVisitor, _BaseAstNodeFinder4);
   return _createClass(FindMembersOfArgumentsVisitor, [{
     key: "normalizeValue",
     value:

package/dist/esm/state/hydration/index.js

@@ -12,19 +12,19 @@ import { normaliseHydrationKey, ValidQueryVisitor } from './util';
 export var hydrateQuery = function hydrateQuery() {
   return /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref, _ref2) {
-      var setState, getState, dispatch, onHydrate, _getState, query, oldHydratedValues, enableRichInlineNodes, editorState, queryToHydrate, jast, visitor, newHydratedValues, hydratedValuesMap;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var setState, getState, dispatch, onHydrate, _getState, query, oldHydratedValues, enableRichInlineNodes, editorState, queryToHydrate, jast, visitor, newHydratedValues, hydratedValuesMap, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setState = _ref.setState, getState = _ref.getState, dispatch = _ref.dispatch;
             onHydrate = _ref2.onHydrate;
             _getState = getState(), query = _getState.query, oldHydratedValues = _getState.hydratedValues, enableRichInlineNodes = _getState.enableRichInlineNodes, editorState = _getState.editorState;
             if (!(!enableRichInlineNodes || !onHydrate || !query)) {
-              _context.next = 5;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return");
-          case 5:
+          case 1:
             queryToHydrate = query;
             jast = getJastFromState(editorState); // Hydration API will fail for syntactically invalid queries, including partial queries. We do want to hydrate those
             // as well to be able to handle queries like `assignee in (abc-123-def`, so we build an equivalent valid query.
@@ -33,15 +33,15 @@ export var hydrateQuery = function hydrateQuery() {
               queryToHydrate = jast.query.accept(visitor);
             }
             if (queryToHydrate) {
-              _context.next = 10;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return");
-          case 10:
-            _context.prev = 10;
-            _context.next = 13;
+          case 2:
+            _context.prev = 2;
+            _context.next = 3;
             return onHydrate(queryToHydrate);
-          case 13:
+          case 3:
             newHydratedValues = _context.sent;
             // IMPORTANT: Field name keys must be normalised (unquoted + lowercased) when storing hydrated values.
             // The hydration API returns field names in a canonical format (e.g. 'Project[AtlassianProject]'),
@@ -63,16 +63,16 @@ export var hydrateQuery = function hydrateQuery() {
               hydratedValues: hydratedValuesMap
             });
             dispatch(replaceHydratedValuesWithRichInlineNodes());
-            _context.next = 21;
+            _context.next = 5;
             break;
-          case 19:
-            _context.prev = 19;
-            _context.t0 = _context["catch"](10);
-          case 21:
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+          case 5:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[10, 19]]);
+      }, _callee, null, [[2, 4]]);
     }));
     return function (_x, _x2) {
       return _ref3.apply(this, arguments);

package/dist/esm/state/hydration/util.js

@@ -79,16 +79,16 @@ export var ValidQueryVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
       }).join(', '), ")");
     });
     _defineProperty(_this, "visitFunctionOperand", function (functionOperand) {
-      // Only include membersOf function as it has arguments that need hydration
-      // Other functions like currentUser() don't have hydratable arguments
       var functionName = functionOperand.function.value.toLowerCase();
-      if (functionName !== 'membersof' || !fg('jira-membersof-team-support')) {
-        return '';
-      }
       var args = functionOperand.arguments.map(function (arg) {
         return arg.text;
       }).join(', ');
-      return "".concat(functionOperand.function.text, "(").concat(args, ")");
+
+      // The generic gate supersedes the legacy membersOf-specific gate: when
+      // jql-function-arg-hydration is on, any function with arguments is included (covering
+      // membersOf and all others). Otherwise fall back to the legacy membersOf-only path.
+      var shouldIncludeFunction = fg('jql-function-arg-hydration') ? functionOperand.arguments.length > 0 : functionName === 'membersof' && fg('jira-membersof-team-support');
+      return shouldIncludeFunction ? "".concat(functionOperand.function.text, "(").concat(args, ")") : '';
     });
     return _this;
   }

package/dist/esm/state/index.js

@@ -944,16 +944,25 @@ export var useHydratedGoal = createHook(Store, {
     return goal && goal.type === 'goal' ? goal : undefined;
   }
 });
+export var useHydratedLozengeWithAvatar = createHook(Store, {
+  selector: function selector(state, _ref43) {
+    var _state$hydratedValues0;
+    var id = _ref43.id,
+      fieldName = _ref43.fieldName;
+    var value = (_state$hydratedValues0 = state.hydratedValues[normaliseHydrationKey(fieldName)]) === null || _state$hydratedValues0 === void 0 ? void 0 : _state$hydratedValues0.get(normaliseJqlString(id));
+    return value && value.type === 'lozengeWithAvatar' ? value : 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 (_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) {
+    Object.entries(state.hydratedValues).forEach(function (_ref44) {
+      var _state$hydratedValues1;
+      var _ref45 = _slicedToArray(_ref44, 1),
+        fieldName = _ref45[0];
+      (_state$hydratedValues1 = state.hydratedValues[fieldName]) === null || _state$hydratedValues1 === void 0 || _state$hydratedValues1.forEach(function (value) {
         if (value.type === 'deprecated-field') {
           if (fieldsInQuery.has(value.id.toLowerCase())) {
             toReturn.push(value);
@@ -976,19 +985,19 @@ export var useOnSyntaxHelp = createHook(Store, {
 });
 export var EditorStateContainer = createContainer(Store, {
   onInit: function onInit() {
-    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;
+    return function (_ref46, _ref47) {
+      var getState = _ref46.getState,
+        setState = _ref46.setState,
+        dispatch = _ref46.dispatch;
+      var intlRef = _ref47.intlRef,
+        query = _ref47.query,
+        isSearching = _ref47.isSearching,
+        autocompleteProvider = _ref47.autocompleteProvider,
+        externalMessages = _ref47.externalMessages,
+        enableRichInlineNodes = _ref47.enableRichInlineNodes,
+        onDebugUnsafeMessage = _ref47.onDebugUnsafeMessage,
+        onSyntaxHelp = _ref47.onSyntaxHelp,
+        customComponents = _ref47.customComponents;
       setState({
         controlledQuery: query,
         query: query,
@@ -1017,18 +1026,18 @@ export var EditorStateContainer = createContainer(Store, {
     };
   },
   onUpdate: function onUpdate() {
-    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;
+    return function (_ref48, _ref49) {
+      var getState = _ref48.getState,
+        setState = _ref48.setState,
+        dispatch = _ref48.dispatch;
+      var controlledQueryProp = _ref49.query,
+        isSearching = _ref49.isSearching,
+        autocompleteProvider = _ref49.autocompleteProvider,
+        externalMessages = _ref49.externalMessages,
+        enableRichInlineNodes = _ref49.enableRichInlineNodes,
+        onDebugUnsafeMessage = _ref49.onDebugUnsafeMessage,
+        onSyntaxHelp = _ref49.onSyntaxHelp,
+        customComponents = _ref49.customComponents;
       var _getState12 = getState(),
         controlledQuery = _getState12.controlledQuery,
         query = _getState12.query;

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

@@ -25,7 +25,7 @@ styled.div({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&[disabled]': {
-      background: "var(--ds-background-disabled, #17171708)"
+      background: "var(--ds-background-disabled, #0515240F)"
     }
   }
 });

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

@@ -92,7 +92,7 @@ function (props) {
 export var ReadOnlyEditorViewContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 styled(EditorViewContainer)({
-  backgroundColor: "var(--ds-background-disabled, #17171708)",
+  backgroundColor: "var(--ds-background-disabled, #0515240F)",
   color: "var(--ds-text-disabled, #080F214A)",
   pointerEvents: 'none'
 });

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

@@ -4,7 +4,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import throttle from 'lodash/throttle';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { JQL_EDITOR_AUTOCOMPLETE_ID, JQL_EDITOR_HELP_CONTENT_ID, JQL_EDITOR_INPUT_ID, JQL_EDITOR_MAIN_ID, JQL_EDITOR_VALIDATION_ID } from '../../common/constants';
 import { useEditorThemeContext } from '../../hooks/use-editor-theme';
 import { useEditorViewIsInvalid } from '../../hooks/use-editor-view-is-invalid';
@@ -122,7 +121,7 @@ var JQLEditorView = function JQLEditorView(_ref) {
       'aria-activedescendant': selectedOptionId
     }), editorViewIsInvalid && {
       'aria-invalid': 'true'
-    }), fg('empanda_jql-editor_fix_tab_select_in_popup') && {
+    }), {}, {
       tabindex: '0'
     });
   }, [editorId, isAutocompleteOpen, intl, autocompleteId, editorViewIsInvalid, validationId, helpContentId, selectedOptionId]);

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

@@ -1,10 +1,12 @@
 import type { Props as GoalRichInlineProps } from './goal/types';
+import { type Props as LozengeWithAvatarRichInlineProps } from './lozenge-with-avatar';
 import type { Props as ProjectRichInlineProps } from './project/types';
 import { type Props as TeamRichInlineProps } from './team';
 import type { JQLNodeSpec } from './types';
 import { type Props as UserRichInlineProps } from './user';
 export declare const richInlineNodes: {
     goal: JQLNodeSpec<GoalRichInlineProps>;
+    lozengeWithAvatar: JQLNodeSpec<LozengeWithAvatarRichInlineProps>;
     project: JQLNodeSpec<ProjectRichInlineProps>;
     team: JQLNodeSpec<TeamRichInlineProps>;
     user: JQLNodeSpec<UserRichInlineProps>;

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

@@ -0,0 +1,7 @@
+import { type JQLNodeSpec } from '../types';
+export type Props = {
+    fieldName: string;
+    id: string;
+    name: string;
+};
+export declare const lozengeWithAvatar: JQLNodeSpec<Props>;

package/dist/types/plugins/rich-inline-nodes/nodes/lozenge-with-avatar/styled.d.ts

@@ -0,0 +1,18 @@
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { type Theme } from '@emotion/react';
+import { type StyledComponent } from '@emotion/styled';
+export declare const LozengeWithAvatarContainer: StyledComponent<{
+    as?: React.ElementType;
+    theme?: Theme;
+} & {
+    error: boolean;
+    selected: boolean;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const NameContainer: StyledComponent<{
+    as?: React.ElementType;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const AvatarWrapper: StyledComponent<{
+    as?: React.ElementType;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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 HydratedGoal, type HydratedTeam, type HydratedUser, type HydratedValue } from '../ui/jql-editor/types';
+import { type HydratedDeprecatedField, type HydratedProject, type HydratedGoal, type HydratedLozengeWithAvatar, 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;
 type Actions = {
@@ -91,6 +91,10 @@ export declare const useHydratedGoal: HookFunction<HydratedGoal | undefined, Bou
     fieldName: string;
     id: string;
 }>;
+export declare const useHydratedLozengeWithAvatar: HookFunction<HydratedLozengeWithAvatar | undefined, BoundActions<State, Actions>, {
+    fieldName: string;
+    id: string;
+}>;
 export declare const useHydratedDeprecations: HookFunction<HydratedDeprecatedField[], BoundActions<State, Actions>, void>;
 export declare const useRichInlineNodesEnabled: HookFunction<boolean, BoundActions<State, Actions>, void>;
 export declare const useOnSyntaxHelp: HookFunction<void | ((e: MouseEvent<HTMLElement>) => boolean), BoundActions<State, Actions>, void>;

package/dist/types/types.d.ts

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

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

@@ -37,7 +37,13 @@ export type HydratedDeprecatedField = {
     id: string;
     type: 'deprecated-field';
 };
-export type HydratedValue = HydratedUser | HydratedTeam | HydratedProject | HydratedGoal | HydratedDeprecatedField;
+export type HydratedLozengeWithAvatar = {
+    avatarUrl?: string;
+    id: string;
+    name: string;
+    type: 'lozengeWithAvatar';
+};
+export type HydratedValue = HydratedUser | HydratedTeam | HydratedProject | HydratedGoal | HydratedDeprecatedField | HydratedLozengeWithAvatar;
 export type HydratedValues = {
     [fieldName: string]: HydratedValue[];
 };

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

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

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

@@ -1,10 +1,12 @@
 import type { Props as GoalRichInlineProps } from './goal/types';
+import { type Props as LozengeWithAvatarRichInlineProps } from './lozenge-with-avatar';
 import type { Props as ProjectRichInlineProps } from './project/types';
 import { type Props as TeamRichInlineProps } from './team';
 import type { JQLNodeSpec } from './types';
 import { type Props as UserRichInlineProps } from './user';
 export declare const richInlineNodes: {
     goal: JQLNodeSpec<GoalRichInlineProps>;
+    lozengeWithAvatar: JQLNodeSpec<LozengeWithAvatarRichInlineProps>;
     project: JQLNodeSpec<ProjectRichInlineProps>;
     team: JQLNodeSpec<TeamRichInlineProps>;
     user: JQLNodeSpec<UserRichInlineProps>;

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

@@ -0,0 +1,7 @@
+import { type JQLNodeSpec } from '../types';
+export type Props = {
+    fieldName: string;
+    id: string;
+    name: string;
+};
+export declare const lozengeWithAvatar: JQLNodeSpec<Props>;

package/dist/types-ts4.5/plugins/rich-inline-nodes/nodes/lozenge-with-avatar/styled.d.ts

@@ -0,0 +1,18 @@
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { type Theme } from '@emotion/react';
+import { type StyledComponent } from '@emotion/styled';
+export declare const LozengeWithAvatarContainer: StyledComponent<{
+    as?: React.ElementType;
+    theme?: Theme;
+} & {
+    error: boolean;
+    selected: boolean;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const NameContainer: StyledComponent<{
+    as?: React.ElementType;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const AvatarWrapper: StyledComponent<{
+    as?: React.ElementType;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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 HydratedGoal, type HydratedTeam, type HydratedUser, type HydratedValue } from '../ui/jql-editor/types';
+import { type HydratedDeprecatedField, type HydratedProject, type HydratedGoal, type HydratedLozengeWithAvatar, 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;
 type Actions = {
@@ -91,6 +91,10 @@ export declare const useHydratedGoal: HookFunction<HydratedGoal | undefined, Bou
     fieldName: string;
     id: string;
 }>;
+export declare const useHydratedLozengeWithAvatar: HookFunction<HydratedLozengeWithAvatar | undefined, BoundActions<State, Actions>, {
+    fieldName: string;
+    id: string;
+}>;
 export declare const useHydratedDeprecations: HookFunction<HydratedDeprecatedField[], BoundActions<State, Actions>, void>;
 export declare const useRichInlineNodesEnabled: HookFunction<boolean, BoundActions<State, Actions>, void>;
 export declare const useOnSyntaxHelp: HookFunction<void | ((e: MouseEvent<HTMLElement>) => boolean), BoundActions<State, Actions>, void>;

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

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

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

@@ -37,7 +37,13 @@ export type HydratedDeprecatedField = {
     id: string;
     type: 'deprecated-field';
 };
-export type HydratedValue = HydratedUser | HydratedTeam | HydratedProject | HydratedGoal | HydratedDeprecatedField;
+export type HydratedLozengeWithAvatar = {
+    avatarUrl?: string;
+    id: string;
+    name: string;
+    type: 'lozengeWithAvatar';
+};
+export type HydratedValue = HydratedUser | HydratedTeam | HydratedProject | HydratedGoal | HydratedDeprecatedField | HydratedLozengeWithAvatar;
 export type HydratedValues = {
     [fieldName: string]: HydratedValue[];
 };

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

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