@atlaskit/jql-editor 6.4.7 → 6.5.0

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/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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "6.4.7",
+	"version": "6.5.0",
 	"description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -41,16 +41,16 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-jql-jql-editor": "2.10.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
-		"@atlaskit/analytics-next": "^11.2.0",
+		"@atlaskit/analytics-next": "^11.3.0",
 		"@atlaskit/avatar": "^25.15.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/emoji": "^70.14.0",
+		"@atlaskit/emoji": "^70.17.0",
 		"@atlaskit/feature-gate-js-client": "^5.7.0",
 		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/icon": "^35.3.0",
-		"@atlaskit/icon-lab": "^6.12.0",
+		"@atlaskit/icon": "^35.4.0",
+		"@atlaskit/icon-lab": "^6.13.0",
 		"@atlaskit/jql-ast": "^3.5.0",
 		"@atlaskit/jql-autocomplete": "^2.1.0",
 		"@atlaskit/jql-editor-common": "^3.3.0",
@@ -63,8 +63,8 @@
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/teams-avatar": "^2.7.0",
 		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tokens": "^13.1.0",
-		"@atlaskit/tooltip": "^22.5.0",
+		"@atlaskit/tokens": "^13.3.0",
+		"@atlaskit/tooltip": "^22.6.0",
 		"@atlaskit/townsquare-emoji-provider": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -152,6 +152,9 @@
 		},
 		"jira_ai_agent_avatar_with_apptype_for_jql": {
 			"type": "boolean"
+		},
+		"jql-function-arg-hydration": {
+			"type": "boolean"
 		}
 	}
 }