@atlaskit/jql-editor 4.0.0

package/dist/cjs/ui/jql-editor-controls-content/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JQLEditorControlsContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useEditorTheme = require("../../hooks/use-editor-theme");
+var _expandToggle = require("./expand-toggle");
+var _search = require("./search");
+var _syntaxHelp = require("./syntax-help");
+var JQLEditorControlsContent = exports.JQLEditorControlsContent = function JQLEditorControlsContent() {
+  var _useEditorThemeContex = (0, _useEditorTheme.useEditorThemeContext)(),
+    isSearch = _useEditorThemeContex.isSearch;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_expandToggle.ExpandToggle, null), /*#__PURE__*/_react.default.createElement(_syntaxHelp.SyntaxHelp, null), isSearch && /*#__PURE__*/_react.default.createElement(_search.Search, null));
+};

package/dist/cjs/ui/jql-editor-controls-content/read-only-controls-content/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReadOnlyControlsContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _noop = _interopRequireDefault(require("lodash/noop"));
+var _useEditorTheme = require("../../../hooks/use-editor-theme");
+var _baseExpandToggle = require("../base-expand-toggle");
+var _baseSearch = require("../base-search");
+var _baseSyntaxHelp = require("../base-syntax-help");
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
+var ReadOnlyControlsContent = exports.ReadOnlyControlsContent = function ReadOnlyControlsContent() {
+  var _useEditorThemeContex = (0, _useEditorTheme.useEditorThemeContext)(),
+    isSearch = _useEditorThemeContex.isSearch;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseExpandToggle.BaseExpandToggle, {
+    label: '',
+    editorId: '',
+    expanded: false,
+    onClick: _noop.default,
+    isDisabled: true
+  }), /*#__PURE__*/_react.default.createElement(_baseSyntaxHelp.BaseSyntaxHelp, {
+    label: '',
+    onClick: _noop.default,
+    isDisabled: true
+  }), isSearch && /*#__PURE__*/_react.default.createElement(_baseSearch.BaseSearch, {
+    label: '',
+    onSearch: _noop.default,
+    isDisabled: true
+  }));
+};

package/dist/cjs/ui/jql-editor-controls-content/search/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Search = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _styled = require("../../../common/styled");
+var _state = require("../../../state");
+var _tooltipTag = require("../../tooltip-tag");
+var _baseSearch = require("../base-search");
+var _messages = require("./messages");
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
+var Search = exports.Search = function Search() {
+  var _useIntl = (0, _state.useIntl)(),
+    _useIntl2 = (0, _slicedToArray2.default)(_useIntl, 1),
+    intl = _useIntl2[0];
+  var _useStoreActions = (0, _state.useStoreActions)(),
+    _useStoreActions2 = (0, _slicedToArray2.default)(_useStoreActions, 2),
+    onSearch = _useStoreActions2[1].onSearch;
+  var label = intl.formatMessage(_messages.messages.searchLabel);
+  var _useIsSearching = (0, _state.useIsSearching)(),
+    _useIsSearching2 = (0, _slicedToArray2.default)(_useIsSearching, 1),
+    isSearching = _useIsSearching2[0];
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    position: 'bottom',
+    content: /*#__PURE__*/_react.default.createElement(_styled.TooltipContent, null, label),
+    tag: _tooltipTag.TooltipTag
+  }, /*#__PURE__*/_react.default.createElement(_baseSearch.BaseSearch, {
+    label: label,
+    onSearch: onSearch,
+    isSearching: isSearching
+  }));
+};

package/dist/cjs/ui/jql-editor-controls-content/search/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  searchLabel: {
+    id: 'jql-editor.ui.jql-editor-controls-content.search.label',
+    defaultMessage: 'Search',
+    description: 'Label to show for the search icon which the user can press to perform a search.'
+  }
+});

package/dist/cjs/ui/jql-editor-controls-content/syntax-help/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyntaxHelp = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _accessibility = require("../../../accessibility");
+var _analytics = require("../../../analytics");
+var _constants = require("../../../common/constants");
+var _styled = require("../../../common/styled");
+var _state = require("../../../state");
+var _tooltipTag = require("../../tooltip-tag");
+var _baseSyntaxHelp = require("../base-syntax-help");
+var _messages = require("./messages");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+
+var SyntaxHelp = exports.SyntaxHelp = function SyntaxHelp() {
+  var _useIntl = (0, _state.useIntl)(),
+    _useIntl2 = (0, _slicedToArray2.default)(_useIntl, 1),
+    intl = _useIntl2[0];
+  var label = intl.formatMessage(_messages.messages.syntaxHelpTooltip);
+  var _useScopedId = (0, _state.useScopedId)(_constants.SYNTAX_HELP_DESCRIPTION_ID),
+    _useScopedId2 = (0, _slicedToArray2.default)(_useScopedId, 1),
+    descriptionId = _useScopedId2[0];
+  var _useOnSyntaxHelp = (0, _state.useOnSyntaxHelp)(),
+    _useOnSyntaxHelp2 = (0, _slicedToArray2.default)(_useOnSyntaxHelp, 2),
+    onSyntaxHelp = _useOnSyntaxHelp2[0],
+    createAndFireAnalyticsEvent = _useOnSyntaxHelp2[1].createAndFireAnalyticsEvent;
+  var onClick = (0, _react.useCallback)(function (e) {
+    createAndFireAnalyticsEvent({
+      action: _analytics.Action.CLICKED,
+      actionSubject: _analytics.ActionSubject.BUTTON,
+      actionSubjectId: _analytics.ActionSubjectId.EDITOR_HELP,
+      eventType: _analytics.EventType.UI
+    });
+    var handled = onSyntaxHelp && onSyntaxHelp(e);
+    // Prevent default behaviour when the event is handled on the consumer side.
+    if (handled) {
+      e.preventDefault();
+    }
+  }, [createAndFireAnalyticsEvent, onSyntaxHelp]);
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    position: 'bottom',
+    content: /*#__PURE__*/_react.default.createElement(_styled.TooltipContent, null, label),
+    tag: _tooltipTag.TooltipTag
+  }, /*#__PURE__*/_react.default.createElement(_baseSyntaxHelp.BaseSyntaxHelp, {
+    describedby: descriptionId,
+    label: label,
+    onClick: onClick
+  }), /*#__PURE__*/_react.default.createElement(_accessibility.ScreenReaderText, {
+    id: descriptionId
+  }, intl.formatMessage(_messages.messages.syntaxHelpDescription)));
+};

package/dist/cjs/ui/jql-editor-controls-content/syntax-help/messages.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  syntaxHelpDescription: {
+    id: 'jql-editor.ui.jql-editor-footer-content.jql-editor-help.syntax-help.description',
+    defaultMessage: 'Open JQL syntax help in a new tab.',
+    description: 'Description read when the syntax help link is focused.'
+  },
+  syntaxHelpTooltip: {
+    id: 'jql-editor.ui.jql-editor-footer-content.jql-editor-help.syntax-help.tooltip',
+    defaultMessage: 'Syntax help',
+    description: 'Tooltip to show when the syntax help link is focused.'
+  }
+});

package/dist/cjs/ui/jql-editor-footer-content/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JQLEditorFooterContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _useEditorViewHasInfos = require("../../hooks/use-editor-view-has-infos");
+var _useEditorViewHasWarnings = require("../../hooks/use-editor-view-has-warnings");
+var _useEditorViewIsInvalid = require("../../hooks/use-editor-view-is-invalid");
+var _jqlEditorHelp = require("./jql-editor-help");
+var _jqlMessages = require("./jql-messages");
+/**
+ * Message components are rendered by priority.
+ * Message component decides on its own what exactly to render (GQL vs external messages).
+ */
+
+var JQLEditorFooterContent = exports.JQLEditorFooterContent = function JQLEditorFooterContent() {
+  var editorViewIsInvalid = (0, _useEditorViewIsInvalid.useEditorViewIsInvalid)();
+  var editorViewHasWarnings = (0, _useEditorViewHasWarnings.useEditorViewHasWarnings)();
+  var editorViewHasInfos = (0, _useEditorViewHasInfos.useEditorViewHasInfos)();
+  if (editorViewIsInvalid) {
+    return /*#__PURE__*/_react.default.createElement(_jqlMessages.ErrorMessages, null);
+  }
+  if (editorViewHasWarnings) {
+    return /*#__PURE__*/_react.default.createElement(_jqlMessages.WarningMessages, null);
+  }
+  if (editorViewHasInfos) {
+    return /*#__PURE__*/_react.default.createElement(_jqlMessages.InfoMessages, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_jqlEditorHelp.JQLEditorHelp, null);
+};

package/dist/cjs/ui/jql-editor-footer-content/jql-editor-help/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JQLEditorHelp = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@atlaskit/form");
+var _constants = require("../../../common/constants");
+var _useEditorTheme = require("../../../hooks/use-editor-theme");
+var _state = require("../../../state");
+var _messages = require("./messages");
+var _styled = require("./styled");
+var JQLEditorHelp = exports.JQLEditorHelp = function JQLEditorHelp() {
+  var _useIntl = (0, _state.useIntl)(),
+    _useIntl2 = (0, _slicedToArray2.default)(_useIntl, 1),
+    formatMessage = _useIntl2[0].formatMessage;
+  var _useEditorViewHasFocu = (0, _state.useEditorViewHasFocus)(),
+    _useEditorViewHasFocu2 = (0, _slicedToArray2.default)(_useEditorViewHasFocu, 1),
+    editorViewHasFocus = _useEditorViewHasFocu2[0];
+  var _useEditorThemeContex = (0, _useEditorTheme.useEditorThemeContext)(),
+    isSearch = _useEditorThemeContex.isSearch;
+  var _useScopedId = (0, _state.useScopedId)(_constants.JQL_EDITOR_HELP_CONTENT_ID),
+    _useScopedId2 = (0, _slicedToArray2.default)(_useScopedId, 1),
+    helpContentId = _useScopedId2[0];
+  var SearchMessage = /*#__PURE__*/_react.default.createElement("span", null, formatMessage(_messages.messages.searchCommand, {
+    b: function b(text) {
+      return /*#__PURE__*/_react.default.createElement("b", null, text);
+    }
+  }));
+  var NewLineMessage = /*#__PURE__*/_react.default.createElement("span", null, formatMessage(isSearch ? _messages.messages.newLineCommand : _messages.messages.fieldNewLineCommand, {
+    b: function b(text) {
+      return /*#__PURE__*/_react.default.createElement("b", null, text);
+    }
+  }));
+  return /*#__PURE__*/_react.default.createElement(_styled.HelpContainer, {
+    id: helpContentId,
+    isVisible: editorViewHasFocus
+  }, isSearch && /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, SearchMessage), /*#__PURE__*/_react.default.createElement(_form.HelperMessage, null, NewLineMessage));
+};

package/dist/cjs/ui/jql-editor-footer-content/jql-editor-help/messages.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  searchCommand: {
+    id: 'jql-editor.ui.jql-editor-help.search-command',
+    defaultMessage: '<b>Enter</b> to search',
+    description: "Message to inform users to press the 'Enter' key on the keyboard to search a query."
+  },
+  newLineCommand: {
+    id: 'jql-editor.ui.jql-editor-help.new-line-command',
+    defaultMessage: '<b>Shift+Enter</b> to add a new line',
+    description: "In search mode, message to inform users to press the 'Shift' and 'Enter' keys on the keyboard to add a new line into the query."
+  },
+  fieldNewLineCommand: {
+    id: 'jql-editor.ui.jql-editor-help.field-new-line-command',
+    defaultMessage: '<b>Enter</b> to add a new line',
+    description: "In field mode, message to inform users to press the 'Enter' key on the keyboard to add a new line into the query."
+  }
+});

package/dist/cjs/ui/jql-editor-footer-content/jql-editor-help/styled.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HelpContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = require("@emotion/react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _styled2 = require("../../../common/styled");
+var _templateObject, _templateObject2, _templateObject3;
+var HelpContainer = exports.HelpContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  margin-left: auto;\n  margin-right: 0;\n  flex-shrink: 0;\n  padding: 0 ", ";\n\n  > * + * {\n    margin-left: ", ";\n  }\n\n  ", "\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", function (props) {
+  return props.isVisible ? (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n          visibility: visible;\n          opacity: 1;\n          transition: opacity 250ms cubic-bezier(0.15, 1, 0.3, 1);\n        "]))) : (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n          ", ";\n          opacity: 0;\n        "])), _styled2.hiddenMixin);
+});

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/errors/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorMessages = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _form = require("@atlaskit/form");
+var _jqlAst = require("@atlaskit/jql-ast");
+var _constants = require("../../../../common/constants");
+var _messages = require("../../../../common/messages");
+var _useEditorViewIsInvalid = require("../../../../hooks/use-editor-view-is-invalid");
+var _state = require("../../../../state");
+var _format = require("../format");
+var _messages2 = require("./messages");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var useFormattedErrorMessage = function useFormattedErrorMessage() {
+  var _useIntl = (0, _state.useIntl)(),
+    _useIntl2 = (0, _slicedToArray2.default)(_useIntl, 1),
+    formatMessage = _useIntl2[0].formatMessage;
+  var _useJqlError = (0, _state.useJqlError)(),
+    _useJqlError2 = (0, _slicedToArray2.default)(_useJqlError, 1),
+    jqlError = _useJqlError2[0];
+  var _useExternalMessages = (0, _state.useExternalMessages)(),
+    _useExternalMessages2 = (0, _slicedToArray2.default)(_useExternalMessages, 1),
+    externalErrors = _useExternalMessages2[0].errors;
+  var _useStoreActions = (0, _state.useStoreActions)(),
+    _useStoreActions2 = (0, _slicedToArray2.default)(_useStoreActions, 2),
+    externalErrorMessageViewed = _useStoreActions2[1].externalErrorMessageViewed;
+  var editorViewIsInvalid = (0, _useEditorViewIsInvalid.useEditorViewIsInvalid)();
+  (0, _react.useEffect)(function () {
+    // Emit a UI event whenever external errors has changed
+    externalErrorMessageViewed();
+  }, [externalErrorMessageViewed, externalErrors]);
+  if (!editorViewIsInvalid) {
+    return null;
+  }
+
+  // Prioritise client over external errors
+  if (jqlError instanceof _jqlAst.JQLSyntaxError) {
+    return "".concat(jqlError.message, " ").concat(formatMessage(_messages2.messages.jqlErrorPosition, {
+      lineNumber: jqlError.line,
+      charPosition: jqlError.charPositionInLine + 1
+    }));
+  } else if (externalErrors.length > 0) {
+    return /*#__PURE__*/_react.default.createElement(_format.FormatMessages, {
+      messages: externalErrors
+    });
+  } else if (jqlError !== null) {
+    return formatMessage(_messages.commonMessages.unknownError);
+  }
+  return null;
+};
+var ErrorMessages = exports.ErrorMessages = function ErrorMessages() {
+  var _useScopedId = (0, _state.useScopedId)(_constants.JQL_EDITOR_INPUT_ID),
+    _useScopedId2 = (0, _slicedToArray2.default)(_useScopedId, 1),
+    editorId = _useScopedId2[0];
+  var errorMessage = useFormattedErrorMessage();
+  return errorMessage != null ? /*#__PURE__*/_react.default.createElement(_format.MessageContainer, null, /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, {
+    testId: "jql-editor-validation"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    role: "alert",
+    "aria-describedby": editorId
+  }, errorMessage))) : null;
+};

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/errors/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  jqlErrorPosition: {
+    id: 'jql-editor.ui.jql-validation-message.jql-error-position',
+    defaultMessage: '(line {lineNumber}, character {charPosition})',
+    description: 'Show the line and character position that an error occurs in the JQL string, e.g. (line 1, character 23)'
+  }
+});

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/format/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageContainer = exports.FormatMessages = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useEditorTheme = require("../../../../hooks/use-editor-theme");
+var _styled = require("./styled");
+// Max number messages we want to show
+var MAX_MESSAGES = 10;
+var MessageContainer = exports.MessageContainer = function MessageContainer(_ref) {
+  var children = _ref.children;
+  var _useEditorThemeContex = (0, _useEditorTheme.useEditorThemeContext)(),
+    isSearch = _useEditorThemeContex.isSearch;
+  return /*#__PURE__*/_react.default.createElement(_styled.MessageContainer, {
+    isSearch: isSearch
+  }, children);
+};
+var FormatMessages = exports.FormatMessages = function FormatMessages(_ref2) {
+  var messages = _ref2.messages;
+  if (messages.length === 0) {
+    return null;
+  }
+  if (messages.length === 1) {
+    return /*#__PURE__*/_react.default.createElement("span", null, messages[0].message);
+  }
+  return /*#__PURE__*/_react.default.createElement(_styled.MessageList, null, messages.slice(0, MAX_MESSAGES).map(function (m, i) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: i
+    }, m.message);
+  }));
+};

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/format/styled.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageList = exports.MessageContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _templateObject, _templateObject2;
+var MessageContainer = exports.MessageContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding-left: ", ";\n"])), function (props) {
+  return props.isSearch ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)";
+});
+var MessageList = exports.MessageList = _styled.default.ul(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin: 0;\n  padding-left: ", ";\n"])), "var(--ds-space-300, 24px)");

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ErrorMessages", {
+  enumerable: true,
+  get: function get() {
+    return _errors.ErrorMessages;
+  }
+});
+Object.defineProperty(exports, "InfoMessages", {
+  enumerable: true,
+  get: function get() {
+    return _infos.InfoMessages;
+  }
+});
+Object.defineProperty(exports, "WarningMessages", {
+  enumerable: true,
+  get: function get() {
+    return _warnings.WarningMessages;
+  }
+});
+var _errors = require("./errors");
+var _infos = require("./infos");
+var _warnings = require("./warnings");

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/infos/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormattedInfoMessage = exports.InfoMessages = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _form = require("@atlaskit/form");
+var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/info"));
+var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+var _useEditorViewHasInfos = require("../../../../hooks/use-editor-view-has-infos");
+var _state = require("../../../../state");
+var _format = require("../format");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var useFormattedInfoMessage = exports.useFormattedInfoMessage = function useFormattedInfoMessage() {
+  var _useExternalMessages = (0, _state.useExternalMessages)(),
+    _useExternalMessages2 = (0, _slicedToArray2.default)(_useExternalMessages, 1),
+    externalInfos = _useExternalMessages2[0].infos;
+  var hasInfos = (0, _useEditorViewHasInfos.useEditorViewHasInfos)();
+  if (!hasInfos) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_format.FormatMessages, {
+    messages: externalInfos
+  });
+};
+var InfoMessages = exports.InfoMessages = function InfoMessages() {
+  var infoMessage = useFormattedInfoMessage();
+  return infoMessage != null ? /*#__PURE__*/_react.default.createElement(_format.MessageContainer, null, /*#__PURE__*/_react.default.createElement(_form.HelperMessage, {
+    testId: "jql-editor-info-message"
+  }, /*#__PURE__*/_react.default.createElement(_info.default, {
+    label: "",
+    primaryColor: "var(--ds-icon-information, ".concat(colors.B500, ")"),
+    size: "small"
+  }), infoMessage)) : null;
+};

package/dist/cjs/ui/jql-editor-footer-content/jql-messages/warnings/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormattedWarningMessage = exports.WarningMessages = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactMagneticDi = require("react-magnetic-di");
+var _form = require("@atlaskit/form");
+var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
+var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+var _useEditorViewHasWarnings = require("../../../../hooks/use-editor-view-has-warnings");
+var _state = require("../../../../state");
+var _format = require("../format");
+var _messages = require("./messages");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var softDeprecateEpicParentDocsLink = 'https://support.atlassian.com/jira-software-cloud/docs/upcoming-changes-epic-link-replaced-with-parent/';
+var getEpicLinkDeprecationTerm = function getEpicLinkDeprecationTerm(hydratedDeprecations) {
+  var epicLinkWarning = hydratedDeprecations.filter(function (warning) {
+    return warning.deprecatedSearcherKey === 'com.pyxis.greenhopper.jira:gh-epic-link-searcher';
+  });
+  return epicLinkWarning.length > 0 ? epicLinkWarning[0].id : null;
+};
+var getParentLinkDeprecationTerm = function getParentLinkDeprecationTerm(hydratedDeprecations) {
+  var parentLinkWarning = hydratedDeprecations.filter(function (warning) {
+    return warning.deprecatedSearcherKey === 'com.atlassian.jpo:jpo-custom-field-parent-searcher';
+  });
+  return parentLinkWarning.length > 0 ? parentLinkWarning[0].id : null;
+};
+var useFormattedWarningMessage = exports.useFormattedWarningMessage = function useFormattedWarningMessage() {
+  var _useHydratedDeprecati = (0, _state.useHydratedDeprecations)(),
+    _useHydratedDeprecati2 = (0, _slicedToArray2.default)(_useHydratedDeprecati, 1),
+    hydratedDeprecations = _useHydratedDeprecati2[0];
+  var _useExternalMessages = (0, _state.useExternalMessages)(),
+    _useExternalMessages2 = (0, _slicedToArray2.default)(_useExternalMessages, 1),
+    externalWarnings = _useExternalMessages2[0].warnings;
+  var hasWarnings = (0, _useEditorViewHasWarnings.useEditorViewHasWarnings)();
+  var _useIntl = (0, _state.useIntl)(),
+    _useIntl2 = (0, _slicedToArray2.default)(_useIntl, 1),
+    formatMessage = _useIntl2[0].formatMessage;
+  var epicLinkDeprecationTerm = getEpicLinkDeprecationTerm(hydratedDeprecations);
+  var parentLinkDeprecationTerm = getParentLinkDeprecationTerm(hydratedDeprecations);
+  var formatWarnings = (0, _react.useCallback)(function (message) {
+    var combinedMessages = [{
+      type: 'warning',
+      message: message
+    }].concat((0, _toConsumableArray2.default)(externalWarnings));
+    return /*#__PURE__*/_react.default.createElement(_format.FormatMessages, {
+      messages: combinedMessages
+    });
+  }, [externalWarnings]);
+  if (!hasWarnings) {
+    return null;
+  } else if (!hydratedDeprecations.length && externalWarnings.length) {
+    return /*#__PURE__*/_react.default.createElement(_format.FormatMessages, {
+      messages: externalWarnings
+    });
+  } else if (epicLinkDeprecationTerm == null && parentLinkDeprecationTerm == null) {
+    var _hydratedDeprecations;
+    return formatWarnings(formatMessage(_messages.messages.defaultWarning, {
+      deprecatedField: (_hydratedDeprecations = hydratedDeprecations[0]) === null || _hydratedDeprecations === void 0 ? void 0 : _hydratedDeprecations.id
+    }));
+  } else if (epicLinkDeprecationTerm && parentLinkDeprecationTerm) {
+    return formatWarnings(formatMessage(_messages.messages.deprecatedBothParentReplacementMessage, {
+      link: function link(chunks) {
+        return /*#__PURE__*/_react.default.createElement("a", {
+          href: softDeprecateEpicParentDocsLink,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          }
+        }, chunks);
+      },
+      receivedFirst: epicLinkDeprecationTerm,
+      receivedSecond: parentLinkDeprecationTerm,
+      parentReplacement: 'Parent'
+    }));
+  } else if (epicLinkDeprecationTerm || parentLinkDeprecationTerm) {
+    return formatWarnings(formatMessage(_messages.messages.deprecatedParentReplacementMessage, {
+      link: function link(chunks) {
+        return /*#__PURE__*/_react.default.createElement("a", {
+          href: softDeprecateEpicParentDocsLink,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          }
+        }, chunks);
+      },
+      deprecatedField: epicLinkDeprecationTerm ? epicLinkDeprecationTerm : parentLinkDeprecationTerm,
+      parentReplacement: 'Parent'
+    }));
+  }
+};
+var WarningMessages = exports.WarningMessages = function WarningMessages() {
+  var warningMessage = useFormattedWarningMessage();
+  return warningMessage != null ? /*#__PURE__*/_react.default.createElement(_format.MessageContainer, null, /*#__PURE__*/_react.default.createElement(_form.HelperMessage, {
+    testId: "jql-editor-warning-message"
+  }, /*#__PURE__*/_react.default.createElement(_warning.default, {
+    label: "",
+    primaryColor: "var(--ds-icon-warning, ".concat(colors.Y400, ")"),
+    size: "small"
+  }), warningMessage)) : null;
+};