@atlaskit/jql-editor 4.13.2 → 4.13.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/jql-editor
 
+## 4.13.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.13.3
+
+### Patch Changes
+
+- [#100720](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100720)
+  [`a2e1a2e89f721`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a2e1a2e89f721) -
+  Fix useExternalMessages memoization
+
 ## 4.13.2
 
 ### Patch Changes

package/dist/cjs/analytics/util.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.useJqlEditorAnalytics = void 0;
 var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
 var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "4.13.2", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "4.13.4", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/plugins/autocomplete/components/autocomplete-option/styled.js

@@ -19,6 +19,7 @@ var OptionListItem = exports.OptionListItem = _styled.default.li({
   cursor: 'pointer',
   padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
   fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px'
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766

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

@@ -75,6 +75,7 @@ function (_ref) {
 var NameContainer = exports.NameContainer = _styled.default.span({
   marginLeft: "var(--ds-space-075, 6px)",
   marginRight: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: "var(--ds-space-250, 20px)"
 });
 

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.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.useHydratedDeprecations = exports.useExternalMessagesOld = exports.useExternalMessagesNew = 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"));
@@ -18,6 +18,7 @@ var _uuid = require("uuid");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _jqlAst = require("@atlaskit/jql-ast");
 var _jqlAutocomplete = require("@atlaskit/jql-autocomplete");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../analytics");
 var _selectErrorCommand = require("../commands/select-error-command");
 var _constants = require("../common/constants");
@@ -773,7 +774,19 @@ var useEditorStateHasJqlError = exports.useEditorStateHasJqlError = (0, _reactSw
     return (0, _jqlAst2.getJastFromState)(state.editorState).errors.length > 0;
   }
 });
-var useExternalMessages = exports.useExternalMessages = (0, _reactSweetState.createHook)(Store, {
+var memoizedExternalMessagesSelector = (0, _reactSweetState.createSelector)(function (state) {
+  return state.externalMessages;
+}, function (externalMessages) {
+  var byType = (0, _groupBy.default)(externalMessages, 'type');
+  return {
+    errors: byType.error || [],
+    warnings: byType.warning || [],
+    infos: byType.info || []
+  };
+});
+
+// remove when cleanup fix_errormessage_viewed_jqlresult_analytics fg
+var useExternalMessagesOld = exports.useExternalMessagesOld = (0, _reactSweetState.createHook)(Store, {
   selector: function selector(state) {
     var byType = (0, _groupBy.default)(state.externalMessages, 'type');
     return {
@@ -783,6 +796,18 @@ var useExternalMessages = exports.useExternalMessages = (0, _reactSweetState.cre
     };
   }
 });
+var useExternalMessagesNew = exports.useExternalMessagesNew = (0, _reactSweetState.createHook)(Store, {
+  selector: memoizedExternalMessagesSelector
+});
+
+// replace with useExternalMessagesNew when cleanup fix_errormessage_viewed_jqlresult_analytics fg
+var useExternalMessages = exports.useExternalMessages = function useExternalMessages() {
+  return (0, _platformFeatureFlags.fg)('fix_errormessage_viewed_jqlresult_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useExternalMessagesNew() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useExternalMessagesOld();
+};
 var useCustomErrorComponent = exports.useCustomErrorComponent = (0, _reactSweetState.createHook)(Store, {
   selector: function selector(state) {
     var _state$customComponen;

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

@@ -148,6 +148,7 @@ var EditorControls = exports.EditorControls = _styled.default.div(function (prop
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     props.isSearch ? getEditorInputVerticalPadding(props.isCompact) - 1 // the search button needs the same vertical & horizontal spacing
     : editorInputHorizontalPadding - 3, "px"),
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 'normal',
     position: 'sticky',
     top: 0,

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

package/dist/es2019/plugins/autocomplete/components/autocomplete-option/styled.js

@@ -11,6 +11,7 @@ export const OptionListItem = styled.li({
   cursor: 'pointer',
   padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"}`,
   fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px'
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766

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

@@ -67,6 +67,7 @@ export const UserContainer = styled.span({
 export const NameContainer = styled.span({
   marginLeft: "var(--ds-space-075, 6px)",
   marginRight: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: "var(--ds-space-250, 20px)"
 });
 

package/dist/es2019/state/index.js

@@ -8,6 +8,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { computeJqlInsights, isListOperator } from '@atlaskit/jql-ast';
 import { JQLAutocomplete } from '@atlaskit/jql-autocomplete';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionSubject, ActionSubjectId, Action as AnalyticsAction, EventType } from '../analytics';
 import { selectErrorCommand } from '../commands/select-error-command';
 import { JQL_EDITOR_MAIN_ID } from '../common/constants';
@@ -762,7 +763,17 @@ export const useJqlError = createHook(Store, {
 export const useEditorStateHasJqlError = createHook(Store, {
   selector: state => getJastFromState(state.editorState).errors.length > 0
 });
-export const useExternalMessages = createHook(Store, {
+const memoizedExternalMessagesSelector = createSelector(state => state.externalMessages, externalMessages => {
+  const byType = groupBy(externalMessages, 'type');
+  return {
+    errors: byType.error || [],
+    warnings: byType.warning || [],
+    infos: byType.info || []
+  };
+});
+
+// remove when cleanup fix_errormessage_viewed_jqlresult_analytics fg
+export const useExternalMessagesOld = createHook(Store, {
   selector: state => {
     const byType = groupBy(state.externalMessages, 'type');
     return {
@@ -772,6 +783,16 @@ export const useExternalMessages = createHook(Store, {
     };
   }
 });
+export const useExternalMessagesNew = createHook(Store, {
+  selector: memoizedExternalMessagesSelector
+});
+
+// replace with useExternalMessagesNew when cleanup fix_errormessage_viewed_jqlresult_analytics fg
+export const useExternalMessages = () => fg('fix_errormessage_viewed_jqlresult_analytics') ?
+// eslint-disable-next-line react-hooks/rules-of-hooks
+useExternalMessagesNew() :
+// eslint-disable-next-line react-hooks/rules-of-hooks
+useExternalMessagesOld();
 export const useCustomErrorComponent = createHook(Store, {
   selector: state => {
     var _state$customComponen;

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

@@ -246,6 +246,7 @@ export const EditorControls = styled.div(props => ({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   props.isSearch ? getEditorInputVerticalPadding(props.isCompact) - 1 // the search button needs the same vertical & horizontal spacing
   : editorInputHorizontalPadding - 3}px`,
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: 'normal',
   position: 'sticky',
   top: 0,

package/dist/esm/analytics/util.js

@@ -1,4 +1,4 @@
 import { ANALYTICS_CHANNEL, useJqlPackageAnalytics } from '@atlaskit/jql-editor-common';
 export var useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.13.2", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "4.13.4", ANALYTICS_CHANNEL);
 };

package/dist/esm/plugins/autocomplete/components/autocomplete-option/styled.js

@@ -11,6 +11,7 @@ export var OptionListItem = styled.li({
   cursor: 'pointer',
   padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-100, 8px)"),
   fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)",
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: '24px'
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766

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

@@ -66,6 +66,7 @@ function (_ref) {
 export var NameContainer = styled.span({
   marginLeft: "var(--ds-space-075, 6px)",
   marginRight: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   lineHeight: "var(--ds-space-250, 20px)"
 });
 

package/dist/esm/state/index.js

@@ -13,6 +13,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { computeJqlInsights, isListOperator } from '@atlaskit/jql-ast';
 import { JQLAutocomplete } from '@atlaskit/jql-autocomplete';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionSubject, ActionSubjectId, Action as AnalyticsAction, EventType } from '../analytics';
 import { selectErrorCommand } from '../commands/select-error-command';
 import { JQL_EDITOR_MAIN_ID } from '../common/constants';
@@ -766,7 +767,19 @@ export var useEditorStateHasJqlError = createHook(Store, {
     return getJastFromState(state.editorState).errors.length > 0;
   }
 });
-export var useExternalMessages = createHook(Store, {
+var memoizedExternalMessagesSelector = createSelector(function (state) {
+  return state.externalMessages;
+}, function (externalMessages) {
+  var byType = groupBy(externalMessages, 'type');
+  return {
+    errors: byType.error || [],
+    warnings: byType.warning || [],
+    infos: byType.info || []
+  };
+});
+
+// remove when cleanup fix_errormessage_viewed_jqlresult_analytics fg
+export var useExternalMessagesOld = createHook(Store, {
   selector: function selector(state) {
     var byType = groupBy(state.externalMessages, 'type');
     return {
@@ -776,6 +789,18 @@ export var useExternalMessages = createHook(Store, {
     };
   }
 });
+export var useExternalMessagesNew = createHook(Store, {
+  selector: memoizedExternalMessagesSelector
+});
+
+// replace with useExternalMessagesNew when cleanup fix_errormessage_viewed_jqlresult_analytics fg
+export var useExternalMessages = function useExternalMessages() {
+  return fg('fix_errormessage_viewed_jqlresult_analytics') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useExternalMessagesNew() :
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useExternalMessagesOld();
+};
 export var useCustomErrorComponent = createHook(Store, {
   selector: function selector(state) {
     var _state$customComponen;

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

@@ -144,6 +144,7 @@ export var EditorControls = styled.div(function (props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     props.isSearch ? getEditorInputVerticalPadding(props.isCompact) - 1 // the search button needs the same vertical & horizontal spacing
     : editorInputHorizontalPadding - 3, "px"),
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 'normal',
     position: 'sticky',
     top: 0,

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

@@ -467,7 +467,7 @@ export declare const useEditorStateHasJqlError: import("react-sweet-state").Hook
     externalErrorMessageViewed: () => Action<State, Props>;
     createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
 }>, void>;
-export declare const useExternalMessages: import("react-sweet-state").HookFunction<ExternalMessagesNormalized, import("react-sweet-state").BoundActions<State, {
+export declare const useExternalMessagesOld: import("react-sweet-state").HookFunction<ExternalMessagesNormalized, import("react-sweet-state").BoundActions<State, {
     onEditorViewBlur: () => Action<State>;
     onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;
     openAutocompleteOnNextUpdate: () => Action<State>;
@@ -499,6 +499,70 @@ export declare const useExternalMessages: import("react-sweet-state").HookFuncti
     externalErrorMessageViewed: () => Action<State, Props>;
     createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
 }>, void>;
+export declare const useExternalMessagesNew: import("react-sweet-state").HookFunction<ExternalMessagesNormalized, import("react-sweet-state").BoundActions<State, {
+    onEditorViewBlur: () => Action<State>;
+    onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;
+    openAutocompleteOnNextUpdate: () => Action<State>;
+    closeAutocomplete: () => Action<State>;
+    setSelectedAutocompleteOptionId: (selectedOptionId: string | undefined) => Action<State>;
+    getAutocompleteSuggestions: (editorState: EditorState) => Action<State>;
+    getAutocompleteOptions: (suggestions: ContextAwareJQLSuggestions) => Action<State>;
+    appendOptionsForObservable: (key: OptionsKey, observable: Observable<AutocompleteOptions>, rule: JQLRuleSuggestion, type: AutocompleteOptionType) => Action<State, void, Observable<AutocompleteOptions>>;
+    cancelSubscription: () => Action<State>;
+    setLoading: (loading: boolean) => Action<State>;
+    setAutocompleteOptions: (options: AutocompleteOptionGroup) => Action<State>;
+    setAutocompleteContainer: (container: HTMLElement | null) => Action<State>;
+    callAutocompleteProviders: ({ rules, tokens }: ContextAwareJQLSuggestions) => Action<State>;
+    updateValidationState: () => Action<State>;
+    initialiseEditorState: () => Action<State, Props>;
+    configurePlugins: (portalActions: PortalActions | void) => Action<State, Props>;
+    onApplyEditorTransaction: (transaction: Transaction) => Action<State, Props>;
+    resetEditorState: (query: string, addToHistory?: boolean) => Action<State>;
+    initialiseEditorView: (editorViewNode: HTMLElement, attributes: {
+        [key: string]: string;
+    }, portalActions: PortalActions) => Action<State, Props>;
+    updateEditorView: (attributes: {
+        [key: string]: string;
+    }) => Action<State, Props>;
+    setEditorViewContainer: (editorViewContainer: HTMLElement) => Action<State>;
+    setEditorViewContainerScroll: (scroll: number) => Action<State>;
+    onSearch: () => Action<State>;
+    onSearchCommand: (pmState: EditorState, pmDispatch: ((tr: Transaction) => void) | undefined, pmView: EditorView | undefined, keyboardShortcut: boolean) => Action<State, Props, boolean>;
+    externalErrorMessageViewed: () => Action<State, Props>;
+    createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
+}>, void>;
+export declare const useExternalMessages: () => import("react-sweet-state").HookReturnValue<ExternalMessagesNormalized, import("react-sweet-state").BoundActions<State, {
+    onEditorViewBlur: () => Action<State>;
+    onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;
+    openAutocompleteOnNextUpdate: () => Action<State>;
+    closeAutocomplete: () => Action<State>;
+    setSelectedAutocompleteOptionId: (selectedOptionId: string | undefined) => Action<State>;
+    getAutocompleteSuggestions: (editorState: EditorState) => Action<State>;
+    getAutocompleteOptions: (suggestions: ContextAwareJQLSuggestions) => Action<State>;
+    appendOptionsForObservable: (key: OptionsKey, observable: Observable<AutocompleteOptions>, rule: JQLRuleSuggestion, type: AutocompleteOptionType) => Action<State, void, Observable<AutocompleteOptions>>;
+    cancelSubscription: () => Action<State>;
+    setLoading: (loading: boolean) => Action<State>;
+    setAutocompleteOptions: (options: AutocompleteOptionGroup) => Action<State>;
+    setAutocompleteContainer: (container: HTMLElement | null) => Action<State>;
+    callAutocompleteProviders: ({ rules, tokens }: ContextAwareJQLSuggestions) => Action<State>;
+    updateValidationState: () => Action<State>;
+    initialiseEditorState: () => Action<State, Props>;
+    configurePlugins: (portalActions: PortalActions | void) => Action<State, Props>;
+    onApplyEditorTransaction: (transaction: Transaction) => Action<State, Props>;
+    resetEditorState: (query: string, addToHistory?: boolean) => Action<State>;
+    initialiseEditorView: (editorViewNode: HTMLElement, attributes: {
+        [key: string]: string;
+    }, portalActions: PortalActions) => Action<State, Props>;
+    updateEditorView: (attributes: {
+        [key: string]: string;
+    }) => Action<State, Props>;
+    setEditorViewContainer: (editorViewContainer: HTMLElement) => Action<State>;
+    setEditorViewContainerScroll: (scroll: number) => Action<State>;
+    onSearch: () => Action<State>;
+    onSearchCommand: (pmState: EditorState, pmDispatch: ((tr: Transaction) => void) | undefined, pmView: EditorView | undefined, keyboardShortcut: boolean) => Action<State, Props, boolean>;
+    externalErrorMessageViewed: () => Action<State, Props>;
+    createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
+}>>;
 export declare const useCustomErrorComponent: import("react-sweet-state").HookFunction<CustomErrorComponent | undefined, import("react-sweet-state").BoundActions<State, {
     onEditorViewBlur: () => Action<State>;
     onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;

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

@@ -467,7 +467,7 @@ export declare const useEditorStateHasJqlError: import("react-sweet-state").Hook
     externalErrorMessageViewed: () => Action<State, Props>;
     createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
 }>, void>;
-export declare const useExternalMessages: import("react-sweet-state").HookFunction<ExternalMessagesNormalized, import("react-sweet-state").BoundActions<State, {
+export declare const useExternalMessagesOld: import("react-sweet-state").HookFunction<ExternalMessagesNormalized, import("react-sweet-state").BoundActions<State, {
     onEditorViewBlur: () => Action<State>;
     onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;
     openAutocompleteOnNextUpdate: () => Action<State>;
@@ -499,6 +499,70 @@ export declare const useExternalMessages: import("react-sweet-state").HookFuncti
     externalErrorMessageViewed: () => Action<State, Props>;
     createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
 }>, void>;
+export declare const useExternalMessagesNew: import("react-sweet-state").HookFunction<ExternalMessagesNormalized, import("react-sweet-state").BoundActions<State, {
+    onEditorViewBlur: () => Action<State>;
+    onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;
+    openAutocompleteOnNextUpdate: () => Action<State>;
+    closeAutocomplete: () => Action<State>;
+    setSelectedAutocompleteOptionId: (selectedOptionId: string | undefined) => Action<State>;
+    getAutocompleteSuggestions: (editorState: EditorState) => Action<State>;
+    getAutocompleteOptions: (suggestions: ContextAwareJQLSuggestions) => Action<State>;
+    appendOptionsForObservable: (key: OptionsKey, observable: Observable<AutocompleteOptions>, rule: JQLRuleSuggestion, type: AutocompleteOptionType) => Action<State, void, Observable<AutocompleteOptions>>;
+    cancelSubscription: () => Action<State>;
+    setLoading: (loading: boolean) => Action<State>;
+    setAutocompleteOptions: (options: AutocompleteOptionGroup) => Action<State>;
+    setAutocompleteContainer: (container: HTMLElement | null) => Action<State>;
+    callAutocompleteProviders: ({ rules, tokens }: ContextAwareJQLSuggestions) => Action<State>;
+    updateValidationState: () => Action<State>;
+    initialiseEditorState: () => Action<State, Props>;
+    configurePlugins: (portalActions: PortalActions | void) => Action<State, Props>;
+    onApplyEditorTransaction: (transaction: Transaction) => Action<State, Props>;
+    resetEditorState: (query: string, addToHistory?: boolean) => Action<State>;
+    initialiseEditorView: (editorViewNode: HTMLElement, attributes: {
+        [key: string]: string;
+    }, portalActions: PortalActions) => Action<State, Props>;
+    updateEditorView: (attributes: {
+        [key: string]: string;
+    }) => Action<State, Props>;
+    setEditorViewContainer: (editorViewContainer: HTMLElement) => Action<State>;
+    setEditorViewContainerScroll: (scroll: number) => Action<State>;
+    onSearch: () => Action<State>;
+    onSearchCommand: (pmState: EditorState, pmDispatch: ((tr: Transaction) => void) | undefined, pmView: EditorView | undefined, keyboardShortcut: boolean) => Action<State, Props, boolean>;
+    externalErrorMessageViewed: () => Action<State, Props>;
+    createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
+}>, void>;
+export declare const useExternalMessages: () => import("react-sweet-state").HookReturnValue<ExternalMessagesNormalized, import("react-sweet-state").BoundActions<State, {
+    onEditorViewBlur: () => Action<State>;
+    onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;
+    openAutocompleteOnNextUpdate: () => Action<State>;
+    closeAutocomplete: () => Action<State>;
+    setSelectedAutocompleteOptionId: (selectedOptionId: string | undefined) => Action<State>;
+    getAutocompleteSuggestions: (editorState: EditorState) => Action<State>;
+    getAutocompleteOptions: (suggestions: ContextAwareJQLSuggestions) => Action<State>;
+    appendOptionsForObservable: (key: OptionsKey, observable: Observable<AutocompleteOptions>, rule: JQLRuleSuggestion, type: AutocompleteOptionType) => Action<State, void, Observable<AutocompleteOptions>>;
+    cancelSubscription: () => Action<State>;
+    setLoading: (loading: boolean) => Action<State>;
+    setAutocompleteOptions: (options: AutocompleteOptionGroup) => Action<State>;
+    setAutocompleteContainer: (container: HTMLElement | null) => Action<State>;
+    callAutocompleteProviders: ({ rules, tokens }: ContextAwareJQLSuggestions) => Action<State>;
+    updateValidationState: () => Action<State>;
+    initialiseEditorState: () => Action<State, Props>;
+    configurePlugins: (portalActions: PortalActions | void) => Action<State, Props>;
+    onApplyEditorTransaction: (transaction: Transaction) => Action<State, Props>;
+    resetEditorState: (query: string, addToHistory?: boolean) => Action<State>;
+    initialiseEditorView: (editorViewNode: HTMLElement, attributes: {
+        [key: string]: string;
+    }, portalActions: PortalActions) => Action<State, Props>;
+    updateEditorView: (attributes: {
+        [key: string]: string;
+    }) => Action<State, Props>;
+    setEditorViewContainer: (editorViewContainer: HTMLElement) => Action<State>;
+    setEditorViewContainerScroll: (scroll: number) => Action<State>;
+    onSearch: () => Action<State>;
+    onSearchCommand: (pmState: EditorState, pmDispatch: ((tr: Transaction) => void) | undefined, pmView: EditorView | undefined, keyboardShortcut: boolean) => Action<State, Props, boolean>;
+    externalErrorMessageViewed: () => Action<State, Props>;
+    createAndFireAnalyticsEvent: (payload: JqlEditorAnalyticsEvent) => Action<State, Props>;
+}>>;
 export declare const useCustomErrorComponent: import("react-sweet-state").HookFunction<CustomErrorComponent | undefined, import("react-sweet-state").BoundActions<State, {
     onEditorViewBlur: () => Action<State>;
     onEditorViewFocus: (event: FocusEvent<HTMLElement>) => Action<State, Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "4.13.2",
+	"version": "4.13.4",
 	"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,7 +41,7 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
 		"@atlaskit/form": "^11.0.0",
-		"@atlaskit/icon": "^23.1.0",
+		"@atlaskit/icon": "^23.3.0",
 		"@atlaskit/jql-ast": "^3.3.0",
 		"@atlaskit/jql-autocomplete": "^2.0.0",
 		"@atlaskit/jql-editor-common": "^2.1.0",
@@ -51,7 +51,7 @@
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.5.0",
+		"@atlaskit/tokens": "^3.0.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -131,6 +131,9 @@
 		},
 		"add_nin_press_interactions": {
 			"type": "boolean"
+		},
+		"fix_errormessage_viewed_jqlresult_analytics": {
+			"type": "boolean"
 		}
 	}
 }