@atlaskit/jql-editor 4.0.0

package/dist/cjs/state/types.js

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

package/dist/cjs/state/util.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokensToAutocompleteOptions = exports.sendDebugMessage = exports.getReplacePositionStart = exports.getFieldNodes = exports.getAutocompletePosition = exports.getAutocompleteOptionId = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _escapeRegExp = _interopRequireDefault(require("lodash/escapeRegExp"));
+var _v = _interopRequireDefault(require("uuid/v5"));
+var _jqlAst = require("@atlaskit/jql-ast");
+var _getDocumentPosition = _interopRequireDefault(require("../plugins/common/get-document-position"));
+var _documentText = require("../utils/document-text");
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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) { (0, _defineProperty2.default)(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; }
+// Unique namespace to identify JQL autocomplete options!
+var UUID_NAMESPACE = '9a90299c-aa58-494b-b6a1-e93206e3fdd6';
+var getAutocompleteOptionId = exports.getAutocompleteOptionId = function getAutocompleteOptionId(value) {
+  return (0, _v.default)(value, UUID_NAMESPACE);
+};
+var tokensToAutocompleteOptions = exports.tokensToAutocompleteOptions = function tokensToAutocompleteOptions(tokens) {
+  var tokensToDisplay = tokens.values;
+  if (tokens.matchedText !== '') {
+    // Candidates that start with last token text but are not an exact match (case insensitive)
+    var regex = new RegExp("^".concat((0, _escapeRegExp.default)(tokens.matchedText), "[^$]"), 'i');
+    tokensToDisplay = tokens.values.filter(function (token) {
+      return regex.test(token);
+    });
+  }
+  return tokensToDisplay.map(function (token) {
+    var _tokens$context;
+    return {
+      id: getAutocompleteOptionId(token),
+      name: token,
+      value: token,
+      replacePosition: tokens.replacePosition,
+      matchedText: tokens.matchedText,
+      context: (_tokens$context = tokens.context) !== null && _tokens$context !== void 0 ? _tokens$context : null,
+      type: 'keyword'
+    };
+  });
+};
+var getReplacePositionStart = exports.getReplacePositionStart = function getReplacePositionStart(_ref) {
+  var rules = _ref.rules,
+    tokens = _ref.tokens;
+  // Matching tokens should be prioritized over rules when calculating autocomplete dropdown position
+  if (tokens.values.length) {
+    return tokens.replacePosition[0];
+  }
+
+  // Same precedence as `useAutocompleteOptions`, this may change in future if we don't limit suggestions to one rule
+  var rulePrecedence = ['value', 'function', 'list', 'operator', 'field'];
+  for (var _i = 0, _rulePrecedence = rulePrecedence; _i < _rulePrecedence.length; _i++) {
+    var rule = _rulePrecedence[_i];
+    if (Object.prototype.hasOwnProperty.call(rules, rule)) {
+      return rules[rule].replacePosition[0];
+    }
+  }
+  return tokens.replacePosition[0];
+};
+var getAutocompletePosition = exports.getAutocompletePosition = function getAutocompletePosition(editorView, replacePositionStart) {
+  var _editorView$state = editorView.state,
+    doc = _editorView$state.doc,
+    selection = _editorView$state.selection;
+  var documentPosition = (0, _getDocumentPosition.default)(doc, replacePositionStart);
+  var _editorView$coordsAtP = editorView.coordsAtPos(documentPosition),
+    left = _editorView$coordsAtP.left;
+  // Vertically position autocomplete relative to selection end
+  var _editorView$coordsAtP2 = editorView.coordsAtPos(selection.to),
+    bottom = _editorView$coordsAtP2.bottom;
+  return {
+    top: bottom,
+    left: left
+  };
+};
+var getDebugSelectionAttributes = function getDebugSelectionAttributes() {
+  var _selection$anchorNode, _selection$anchorNode2, _selection$focusNode, _selection$focusNode2;
+  var selection = document.getSelection();
+  if (selection === null || selection.type === 'None') {
+    return {};
+  }
+  return {
+    anchorOffset: selection.anchorOffset,
+    anchorNodeText: (_selection$anchorNode = selection.anchorNode) === null || _selection$anchorNode === void 0 ? void 0 : _selection$anchorNode.textContent,
+    anchorNodeName: (_selection$anchorNode2 = selection.anchorNode) === null || _selection$anchorNode2 === void 0 ? void 0 : _selection$anchorNode2.nodeName,
+    focusOffset: selection.focusOffset,
+    focusNodeText: (_selection$focusNode = selection.focusNode) === null || _selection$focusNode === void 0 ? void 0 : _selection$focusNode.textContent,
+    focusNodeName: (_selection$focusNode2 = selection.focusNode) === null || _selection$focusNode2 === void 0 ? void 0 : _selection$focusNode2.nodeName
+  };
+};
+var sendDebugMessage = exports.sendDebugMessage = function sendDebugMessage(message, editorView, editorState, onDebugUnsafeMessage, eventAttributes) {
+  if (!onDebugUnsafeMessage) {
+    return;
+  }
+  try {
+    var editorViewStateText = (0, _documentText.getNodeText)(editorView.state.doc, 0, editorView.state.doc.content.size);
+    var editorViewStateJson = JSON.stringify(editorView.state.toJSON());
+    var editorStateJson = JSON.stringify(editorState.toJSON());
+    var editorViewHtml = editorView.dom.innerHTML;
+    onDebugUnsafeMessage(message, _objectSpread(_objectSpread({
+      editorStateJson: editorStateJson,
+      editorViewStateText: editorViewStateText,
+      editorViewStateJson: editorViewStateJson,
+      editorViewHtml: editorViewHtml
+    }, getDebugSelectionAttributes()), eventAttributes));
+  } catch (ignored) {
+    // Do nothing
+  }
+};
+var getFieldNodes = exports.getFieldNodes = function getFieldNodes(ast) {
+  if (!ast.query) {
+    return new Set();
+  }
+  var visitor = new FindFieldsVisitor();
+  ast.query.accept(visitor);
+  return visitor.fields;
+};
+var FindFieldsVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
+  (0, _inherits2.default)(FindFieldsVisitor, _AbstractJastVisitor);
+  var _super = _createSuper(FindFieldsVisitor);
+  function FindFieldsVisitor() {
+    var _this;
+    (0, _classCallCheck2.default)(this, FindFieldsVisitor);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fields", new Set());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitQuery", function (query) {
+      if (query.where !== undefined) {
+        query.where.accept((0, _assertThisInitialized2.default)(_this));
+      }
+      if (query.orderBy !== undefined) {
+        query.orderBy.accept((0, _assertThisInitialized2.default)(_this));
+      }
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitOrderBy", function (orderBy) {
+      orderBy.fields.map(function (orderByField) {
+        return orderByField.accept((0, _assertThisInitialized2.default)(_this));
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitOrderByField", function (orderByField) {
+      orderByField.field.accept((0, _assertThisInitialized2.default)(_this));
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitCompoundClause", function (compoundClause) {
+      compoundClause.clauses.map(function (clause) {
+        return clause.accept((0, _assertThisInitialized2.default)(_this));
+      });
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitTerminalClause", function (terminalClause) {
+      terminalClause.field.accept((0, _assertThisInitialized2.default)(_this));
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitNotClause", function (notClause) {
+      notClause.clause.accept((0, _assertThisInitialized2.default)(_this));
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visitField", function (field) {
+      _this.fields.add(field.value.toLowerCase());
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(FindFieldsVisitor, [{
+    key: "defaultResult",
+    value: function defaultResult() {
+      return;
+    }
+  }]);
+  return FindFieldsVisitor;
+}(_jqlAst.AbstractJastVisitor);

package/dist/cjs/types.js

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

package/dist/cjs/ui/error-boundary/index.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withErrorBoundary = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _jqlEditorLayout = require("../jql-editor-layout");
+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; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+// eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var ErrorBoundary = /*#__PURE__*/function (_Component) {
+  (0, _inherits2.default)(ErrorBoundary, _Component);
+  var _super = _createSuper(ErrorBoundary);
+  function ErrorBoundary() {
+    var _this;
+    (0, _classCallCheck2.default)(this, ErrorBoundary);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      error: null
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(ErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error) {
+      this.setState({
+        error: error
+      });
+      this.props.onError && this.props.onError(error);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        renderFallback = _this$props.render;
+      var error = this.state.error;
+      if (error === null) {
+        return children;
+      }
+      return renderFallback({
+        error: error
+      });
+    }
+  }]);
+  return ErrorBoundary;
+}(_react.Component);
+var withErrorBoundary = exports.withErrorBoundary = function withErrorBoundary(WrappedComponent) {
+  return function (props) {
+    var query = props.query,
+      onRenderError = props.onRenderError,
+      onSearch = props.onSearch,
+      isCompact = props.isCompact;
+    return /*#__PURE__*/_react.default.createElement(ErrorBoundary, {
+      onError: onRenderError,
+      render: function render() {
+        return /*#__PURE__*/_react.default.createElement(_jqlEditorLayout.JQLEditorReadOnly, {
+          query: query,
+          isSearch: !!onSearch,
+          isCompact: isCompact
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
+  };
+};

package/dist/cjs/ui/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _errorBoundary = require("./error-boundary");
+var _intlProvider = require("./intl-provider");
+var _jqlEditor = _interopRequireDefault(require("./jql-editor"));
+var _default = exports.default = (0, _intlProvider.withIntlProvider)((0, _errorBoundary.withErrorBoundary)(_jqlEditor.default));

package/dist/cjs/ui/intl-provider/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withIntlProvider = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _excluded = ["locale"];
+var withIntlProvider = exports.withIntlProvider = function withIntlProvider(WrappedComponent) {
+  return function (props) {
+    var locale = props.locale,
+      rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+    if (locale) {
+      return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+        locale: locale
+      }, /*#__PURE__*/_react.default.createElement(WrappedComponent, rest));
+    }
+    return /*#__PURE__*/_react.default.createElement(WrappedComponent, rest);
+  };
+};

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

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _reactMagneticDi = require("react-magnetic-di");
+var _analytics = require("../../analytics");
+var _useEditorTheme = require("../../hooks/use-editor-theme");
+var _state = require("../../state");
+var _jqlEditorPortalProvider = require("../jql-editor-portal-provider");
+var _jqlEditorView = _interopRequireDefault(require("../jql-editor-view"));
+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 JQLEditorInner = function JQLEditorInner(_ref) {
+  var analyticsSource = _ref.analyticsSource,
+    query = _ref.query,
+    _ref$messages = _ref.messages,
+    messages = _ref$messages === void 0 ? [] : _ref$messages,
+    inputRef = _ref.inputRef,
+    isSearching = _ref.isSearching,
+    onEditorMounted = _ref.onEditorMounted,
+    onDebugUnsafeMessage = _ref.onDebugUnsafeMessage,
+    onHydrate = _ref.onHydrate,
+    onUpdate = _ref.onUpdate,
+    onSearch = _ref.onSearch,
+    autocompleteProvider = _ref.autocompleteProvider,
+    intl = _ref.intl,
+    _ref$enableRichInline = _ref.enableRichInlineNodes,
+    enableRichInlineNodes = _ref$enableRichInline === void 0 ? false : _ref$enableRichInline,
+    isCompact = _ref.isCompact,
+    onSyntaxHelp = _ref.onSyntaxHelp,
+    onFocus = _ref.onFocus;
+  var editorTheme = (0, _useEditorTheme.useEditorTheme)({
+    isSearch: !!onSearch,
+    isCompact: isCompact
+  });
+  var _useJqlEditorAnalytic = (0, _analytics.useJqlEditorAnalytics)(analyticsSource),
+    createAndFireAnalyticsEvent = _useJqlEditorAnalytic.createAndFireAnalyticsEvent;
+
+  // Create and update a mutable ref for our intl object so it can be used by Prosemirror plugins.
+  var intlRef = (0, _react.useRef)(intl);
+  (0, _react.useEffect)(function () {
+    intlRef.current = intl;
+  }, [intl]);
+  return /*#__PURE__*/_react.default.createElement(_state.EditorStateContainer, {
+    query: query,
+    externalMessages: messages,
+    isSearching: isSearching,
+    intlRef: intlRef,
+    onEditorMounted: onEditorMounted,
+    onDebugUnsafeMessage: onDebugUnsafeMessage,
+    onHydrate: onHydrate,
+    onUpdate: onUpdate,
+    onSearch: onSearch,
+    createAndFireAnalyticsEvent: createAndFireAnalyticsEvent,
+    autocompleteProvider: autocompleteProvider,
+    enableRichInlineNodes: enableRichInlineNodes,
+    onSyntaxHelp: onSyntaxHelp,
+    onFocus: onFocus
+  }, /*#__PURE__*/_react.default.createElement(_useEditorTheme.EditorThemeContext.Provider, {
+    value: editorTheme
+  }, /*#__PURE__*/_react.default.createElement(_jqlEditorPortalProvider.JQLEditorPortalRenderer, null, /*#__PURE__*/_react.default.createElement(_jqlEditorView.default, {
+    inputRef: inputRef
+  }))));
+};
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(JQLEditorInner);

package/dist/cjs/ui/jql-editor/types.js

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

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseExpandToggle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _actualSize = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/actual-size"));
+var _fitToPage = _interopRequireDefault(require("@atlaskit/icon/glyph/media-services/fit-to-page"));
+var _colors = require("@atlaskit/theme/colors");
+var _styled = require("./styled");
+// Atlaskit doesn't provide a circle variation of the expand/collapse icons so we have to implement our own
+var ExpandCircleIcon = function ExpandCircleIcon(_ref) {
+  var isDisabled = _ref.isDisabled;
+  return /*#__PURE__*/_react.default.createElement(_actualSize.default, {
+    label: '',
+    size: 'small',
+    primaryColor: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N50, ")") : "var(--ds-icon, ".concat(_colors.N500, ")")
+  });
+};
+var CollapseCircleIcon = function CollapseCircleIcon(_ref2) {
+  var isDisabled = _ref2.isDisabled;
+  return /*#__PURE__*/_react.default.createElement(_fitToPage.default, {
+    label: '',
+    size: 'small',
+    primaryColor: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N50, ")") : "var(--ds-icon, ".concat(_colors.N500, ")")
+  });
+};
+var BaseExpandToggle = exports.BaseExpandToggle = function BaseExpandToggle(_ref3) {
+  var expanded = _ref3.expanded,
+    editorId = _ref3.editorId,
+    isDisabled = _ref3.isDisabled,
+    label = _ref3.label,
+    onClick = _ref3.onClick;
+  var Icon;
+  if (expanded) {
+    Icon = CollapseCircleIcon;
+  } else {
+    Icon = ExpandCircleIcon;
+  }
+  return /*#__PURE__*/_react.default.createElement(_styled.ExpandToggleContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    appearance: 'subtle',
+    "aria-expanded": expanded,
+    "aria-controls": editorId,
+    "aria-label": label,
+    isDisabled: isDisabled,
+    spacing: 'none',
+    onClick: onClick,
+    iconBefore: /*#__PURE__*/_react.default.createElement(Icon, {
+      isDisabled: isDisabled
+    })
+  }));
+};

package/dist/cjs/ui/jql-editor-controls-content/base-expand-toggle/styled.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExpandToggleContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _colors = require("@atlaskit/theme/colors");
+var _templateObject;
+var ExpandToggleContainer = exports.ExpandToggleContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* Override background styles for our button to match designs */\n\n  > button {\n    border-radius: 100%;\n    /* Fill the remaining vertical space for a single line in our editor and space between buttons */\n    margin: ", " 0;\n\n    &:hover {\n      background: ", ";\n    }\n\n    &:active,\n    &[data-firefox-is-active='true'] {\n      background: ", ";\n    }\n  }\n"])), "var(--ds-space-050, 4px)", "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N40, ")"), "var(--ds-background-neutral-subtle-pressed, ".concat(_colors.N50, ")"));

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseSearch = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _button = require("@atlaskit/button");
+var _search = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/search"));
+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 style = {
+  // Fixes an issue where loading button makes the editor flicker with a scrollbar
+  overflow: 'hidden'
+};
+var BaseSearch = exports.BaseSearch = function BaseSearch(_ref) {
+  var isDisabled = _ref.isDisabled,
+    isSearching = _ref.isSearching,
+    label = _ref.label,
+    onSearch = _ref.onSearch;
+  // Prevent click events being repeatedly fired if the Enter key is held down.
+  var preventRepeatClick = (0, _react.useCallback)(function (e) {
+    if (e.key === 'Enter' && e.repeat) {
+      e.preventDefault();
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_button.LoadingButton, {
+    "aria-label": label,
+    isDisabled: isDisabled,
+    testId: "jql-editor-search",
+    style: style,
+    appearance: 'primary',
+    spacing: 'none',
+    onClick: onSearch,
+    onKeyDown: preventRepeatClick,
+    isLoading: isSearching,
+    iconBefore: /*#__PURE__*/_react.default.createElement(_search.default, {
+      label: '',
+      size: 'medium'
+    })
+  });
+};

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseSyntaxHelp = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _button = _interopRequireDefault(require("@atlaskit/button"));
+var _question = _interopRequireDefault(require("@atlaskit/icon/glyph/question"));
+var _colors = require("@atlaskit/theme/colors");
+var _styled = require("./styled");
+var BaseSyntaxHelp = exports.BaseSyntaxHelp = function BaseSyntaxHelp(_ref) {
+  var describedby = _ref.describedby,
+    isDisabled = _ref.isDisabled,
+    label = _ref.label,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_styled.SyntaxHelpContainer, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    "aria-describedby": describedby,
+    "aria-label": label,
+    isDisabled: isDisabled,
+    appearance: 'subtle',
+    spacing: 'none',
+    target: 'blank',
+    href: "https://confluence.atlassian.com/display/SERVICEDESKCLOUD/Advanced+searching",
+    iconBefore: /*#__PURE__*/_react.default.createElement(_question.default, {
+      label: '',
+      primaryColor: isDisabled ? "var(--ds-icon-disabled, ".concat(_colors.N0, ")") : "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
+      size: 'small'
+    }),
+    onClick: onClick
+  }));
+};

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

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyntaxHelpContainer = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _colors = require("@atlaskit/theme/colors");
+var _templateObject;
+var SyntaxHelpContainer = exports.SyntaxHelpContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* Override background styles for our button to match designs */\n\n  > a {\n    background: ", ";\n    border-radius: 100%;\n    /* Fill the remaining vertical space for a single line in our editor and space between buttons */\n    margin: ", ";\n\n    &:hover {\n      background: ", ";\n    }\n\n    &:focus {\n      background: ", ";\n    }\n\n    &:active,\n    &[data-firefox-is-active='true'] {\n      background: ", ";\n    }\n\n    &[disabled] {\n      background: ", ";\n    }\n  }\n"])), "var(--ds-background-neutral-bold, ".concat(_colors.N70, ")"), "var(--ds-space-050, 4px)", "var(--ds-background-neutral-bold-hovered, ".concat(_colors.N500, ")"), "var(--ds-background-neutral-bold, ".concat(_colors.N70, ")"), "var(--ds-background-neutral-bold-pressed, ".concat(_colors.N600, ")"), "var(--ds-background-disabled, ".concat(_colors.N50, ")"));

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

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExpandToggle = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _analytics = require("../../../analytics");
+var _constants = require("../../../common/constants");
+var _styled = require("../../../common/styled");
+var _useEditorTheme = require("../../../hooks/use-editor-theme");
+var _state = require("../../../state");
+var _tooltipTag = require("../../tooltip-tag");
+var _baseExpandToggle = require("../base-expand-toggle");
+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 ExpandToggle = exports.ExpandToggle = function ExpandToggle() {
+  var _useEditorThemeContex = (0, _useEditorTheme.useEditorThemeContext)(),
+    expanded = _useEditorThemeContex.expanded,
+    toggleExpanded = _useEditorThemeContex.toggleExpanded;
+  var _useStoreActions = (0, _state.useStoreActions)(),
+    _useStoreActions2 = (0, _slicedToArray2.default)(_useStoreActions, 2),
+    createAndFireAnalyticsEvent = _useStoreActions2[1].createAndFireAnalyticsEvent;
+  var _useScopedId = (0, _state.useScopedId)(_constants.JQL_EDITOR_INPUT_ID),
+    _useScopedId2 = (0, _slicedToArray2.default)(_useScopedId, 1),
+    editorId = _useScopedId2[0];
+  var _useIntl = (0, _state.useIntl)(),
+    _useIntl2 = (0, _slicedToArray2.default)(_useIntl, 1),
+    intl = _useIntl2[0];
+  var message;
+  if (expanded) {
+    message = intl.formatMessage(_messages.messages.collapseTooltip);
+  } else {
+    message = intl.formatMessage(_messages.messages.expandTooltip);
+  }
+  var onClick = (0, _react.useCallback)(function () {
+    createAndFireAnalyticsEvent({
+      action: _analytics.Action.CLICKED,
+      actionSubject: _analytics.ActionSubject.BUTTON,
+      actionSubjectId: _analytics.ActionSubjectId.EDITOR_EXPAND,
+      eventType: _analytics.EventType.UI,
+      attributes: {
+        expanded: !expanded
+      }
+    });
+    toggleExpanded();
+  }, [expanded, createAndFireAnalyticsEvent, toggleExpanded]);
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    position: 'bottom',
+    content: /*#__PURE__*/_react.default.createElement(_styled.TooltipContent, null, message),
+    tag: _tooltipTag.TooltipTag
+  }, /*#__PURE__*/_react.default.createElement(_baseExpandToggle.BaseExpandToggle, {
+    expanded: expanded,
+    editorId: editorId,
+    label: intl.formatMessage(_messages.messages.buttonLabel),
+    onClick: onClick
+  }));
+};

package/dist/cjs/ui/jql-editor-controls-content/expand-toggle/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)({
+  buttonLabel: {
+    id: 'jql-editor.ui.jql-editor-controls-content.expand-toggle.button-label',
+    defaultMessage: 'Editor',
+    description: 'Label that tells the user the expand toggle is controlling the JQL editor.'
+  },
+  expandTooltip: {
+    id: 'jql-editor.ui.jql-editor-controls-content.expand-toggle.expand-tooltip',
+    defaultMessage: 'Expand editor',
+    description: 'Tooltip to show for the expand icon which increases the height of the editor'
+  },
+  collapseTooltip: {
+    id: 'jql-editor.ui.jql-editor-controls-content.expand-toggle.collapse-tooltip',
+    defaultMessage: 'Collapse editor',
+    description: 'Tooltip to show for the collapse icon which shrinks the height of the editor'
+  }
+});