@atlaskit/jql-editor 5.7.1 → 5.8.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/jql-editor
 
+## 5.8.1
+
+### Patch Changes
+
+- [`9b64a2eecf044`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9b64a2eecf044) -
+  Fix for team rich node on autocomplete
+- Updated dependencies
+
+## 5.8.0
+
+### Minor Changes
+
+- [`c25862e7683e2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c25862e7683e2) -
+  Introduced `defaultRows` props to set the initial number of rows in the JQL Editor
+
+### Patch Changes
+
+- [`ac3b979978554`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ac3b979978554) -
+  Update the JQL editor to be case insensitve for replace node check
+
 ## 5.7.1
 
 ### 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", "5.7.1", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.8.0", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/async.js

@@ -6,8 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.preloadJQLEditor = exports.JQLEditorAsync = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactLooselyLazy = require("react-loosely-lazy");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _errorBoundary = require("./ui/error-boundary");
 var _intlProvider = require("./ui/intl-provider");
 var _jqlEditorLayout = require("./ui/jql-editor-layout");
@@ -27,10 +29,12 @@ var preloadJQLEditor = exports.preloadJQLEditor = function preloadJQLEditor() {
 };
 var JQLEditorAsync = exports.JQLEditorAsync = (0, _intlProvider.withIntlProvider)((0, _errorBoundary.withErrorBoundary)(function (props) {
   return /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
-    fallback: /*#__PURE__*/_react.default.createElement(_jqlEditorLayout.JQLEditorReadOnly, {
+    fallback: /*#__PURE__*/_react.default.createElement(_jqlEditorLayout.JQLEditorReadOnly, (0, _extends2.default)({
       query: props.query,
       isSearch: !!props.onSearch,
       isCompact: props.isCompact
-    })
+    }, (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? {
+      defaultRows: props.defaultRows
+    } : {}))
   }, /*#__PURE__*/_react.default.createElement(JQLEditor, props));
 }));

package/dist/cjs/hooks/use-editor-theme/index.js

@@ -5,9 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useEditorThemeContext = exports.useEditorTheme = exports.EditorThemeContext = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _noop = _interopRequireDefault(require("lodash/noop"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+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; }
 var defaultMaxRows = 3;
 var expandedRows = 15;
 var defaultEditorTheme = {
@@ -27,7 +31,8 @@ var useEditorTheme = exports.useEditorTheme = function useEditorTheme(_ref) {
   var _ref$isSearch = _ref.isSearch,
     isSearch = _ref$isSearch === void 0 ? false : _ref$isSearch,
     _ref$isCompact = _ref.isCompact,
-    isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
+    isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact,
+    defaultRows = _ref.defaultRows;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     expanded = _useState2[0],
@@ -38,15 +43,17 @@ var useEditorTheme = exports.useEditorTheme = function useEditorTheme(_ref) {
     });
   }, []);
   return (0, _react.useMemo)(function () {
-    return {
-      defaultMaxRows: defaultMaxRows,
+    return _objectSpread({
+      defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows && (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? defaultRows : defaultMaxRows,
       expanded: expanded,
       expandedRows: expandedRows,
       toggleExpanded: toggleExpanded,
       isSearch: isSearch,
       isCompact: isCompact
-    };
-  }, [expanded, toggleExpanded, isSearch, isCompact]);
+    }, (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? {
+      defaultRows: defaultRows
+    } : {});
+  }, [expanded, toggleExpanded, isSearch, isCompact, defaultRows]);
 };
 var useEditorThemeContext = exports.useEditorThemeContext = function useEditorThemeContext() {
   return (0, _react.useContext)(EditorThemeContext);

package/dist/cjs/plugins/autocomplete/view.js

@@ -102,6 +102,21 @@ var AutocompletePluginView = exports.default = /*#__PURE__*/function (_ReactPlug
               nodes.push(_this.view.state.schema.nodes.user.create(attributes, textContent));
               break;
             }
+          case 'team':
+            {
+              if ((0, _platformFeatureFlags.fg)('jira_update_jql_teams')) {
+                var _attributes = {
+                  type: 'team',
+                  id: value,
+                  name: nameOnRichInlineNode !== null && nameOnRichInlineNode !== void 0 ? nameOnRichInlineNode : name,
+                  fieldName: context === null || context === void 0 ? void 0 : context.field
+                };
+                nodes.push(_this.view.state.schema.nodes.team.create(_attributes, textContent));
+              } else {
+                nodes.push(textContent);
+              }
+              break;
+            }
           default:
             {
               nodes.push(textContent);

package/dist/cjs/plugins/rich-inline-nodes/nodes/team/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.team = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
-var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
+var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar"));
 var _state = require("../../../../state");
 var _styled = require("./styled");
 var Team = function Team(_ref) {
@@ -25,11 +25,14 @@ var Team = function Team(_ref) {
   return /*#__PURE__*/_react.default.createElement(_styled.TeamContainer, {
     selected: selected,
     error: error
-  }, /*#__PURE__*/_react.default.createElement(_styled.AvatarWrapper, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
+  }, /*#__PURE__*/_react.default.createElement(_styled.AvatarWrapper, {
+    "data-testid": "team-avatar-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_teamsAvatar.default, {
+    teamId: id,
     src: team === null || team === void 0 ? void 0 : team.avatarUrl,
-    appearance: "square",
     borderColor: "transparent",
-    size: "xsmall"
+    size: "xsmall",
+    compact: true
   })), /*#__PURE__*/_react.default.createElement(_styled.NameContainer, null, name));
 };
 var team = exports.team = {

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

@@ -84,16 +84,5 @@ var NameContainer = exports.NameContainer = _styled.default.span({
 var AvatarWrapper = exports.AvatarWrapper = _styled.default.div({
   height: "var(--ds-space-200, 16px)",
   width: "var(--ds-space-200, 16px)",
-  alignSelf: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> div span': {
-    margin: "var(--ds-space-0, 0px)"
-  },
-  // Fix fallback icon alignment by targeting the outer AvatarContent span
-  // This contains the icon background and needs to move as a unit
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '> div > span:has(> span)': {
-    position: 'relative',
-    top: '-2px'
-  }
+  alignSelf: 'center'
 });

package/dist/cjs/plugins/rich-inline-nodes/util/react-node-view.js

@@ -18,7 +18,7 @@ var _state = require("../../../state");
 var _constants = require("../constants");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
+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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var ReactNodeView = exports.ReactNodeView = /*#__PURE__*/function () {
   function ReactNodeView(component, portalActions, _node) {
     var _this = this;
@@ -113,6 +113,7 @@ var ReactNodeView = exports.ReactNodeView = /*#__PURE__*/function () {
     // Generate unique portal identifier
     // If you read this comment in the future and TypeScript has added support for Symbols as object keys, please do
     // JQL Editor a favor and replace this library with the native JS functionality that TS was supposed to support.
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.portalKey = (0, _uuid.v4)();
     // Creating span under the assumption that all node views will be inline elements in JQL Editor
     this.dom = document.createElement('span');

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

@@ -102,7 +102,7 @@ var FindValuesVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
       }, []);
     });
     (0, _defineProperty2.default)(_this, "visitTerminalClause", function (terminalClause) {
-      if (terminalClause.field.value !== _this.field) {
+      if (!_this.equalsIgnoreCase(terminalClause.field.value, _this.field)) {
         return [];
       }
       if (terminalClause.operand === undefined) {
@@ -114,7 +114,7 @@ var FindValuesVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
       return notClause.clause.accept(_this);
     });
     (0, _defineProperty2.default)(_this, "visitValueOperand", function (valueOperand) {
-      if (valueOperand.value !== _this.value) {
+      if (!_this.equalsIgnoreCase(valueOperand.value, _this.value)) {
         return [];
       }
       return [valueOperand];
@@ -139,5 +139,12 @@ var FindValuesVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
     value: function defaultResult() {
       return [];
     }
+  }, {
+    key: "equalsIgnoreCase",
+    value: function equalsIgnoreCase(a, b) {
+      return a.localeCompare(b, undefined, {
+        sensitivity: 'base'
+      }) === 0;
+    }
   }]);
 }(_jqlAst.AbstractJastVisitor);

package/dist/cjs/state/index.js

@@ -30,7 +30,7 @@ var _autocomplete = require("./autocomplete");
 var _hydration = require("./hydration");
 var _util = require("./util");
 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; }
+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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var initialIntl = (0, _reactIntlNext.createIntl)({
   locale: 'en'
 });
@@ -972,6 +972,7 @@ var EditorStateContainer = exports.EditorStateContainer = (0, _reactSweetState.c
         autocompleteProvider: autocompleteProvider,
         enableRichInlineNodes: enableRichInlineNodes,
         // Generate unique identifiers for each JQL editor instance
+        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
         idPrefix: (0, _uuid.v4)(),
         resizeObserver: window.ResizeObserver !== undefined ? new window.ResizeObserver(function () {
           var _getState$editorViewC;

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

@@ -38,10 +38,12 @@ var JQLEditorInner = function JQLEditorInner(_ref) {
     isCompact = _ref.isCompact,
     onSyntaxHelp = _ref.onSyntaxHelp,
     onFocus = _ref.onFocus,
-    customComponents = _ref.customComponents;
+    customComponents = _ref.customComponents,
+    defaultRows = _ref.defaultRows;
   var editorTheme = (0, _useEditorTheme.useEditorTheme)({
     isSearch: !!onSearch,
-    isCompact: isCompact
+    isCompact: isCompact,
+    defaultRows: defaultRows
   });
   var _useJqlEditorAnalytic = (0, _analytics.useJqlEditorAnalytics)(analyticsSource),
     createAndFireAnalyticsEvent = _useJqlEditorAnalytic.createAndFireAnalyticsEvent;

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.JQLEditorReadOnly = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
@@ -13,13 +14,14 @@ var _useEditorTheme = require("../../hooks/use-editor-theme");
 var _splitTextByNewLine = require("../../utils/split-text-by-new-line");
 var _readOnlyControlsContent = require("../jql-editor-controls-content/read-only-controls-content");
 var _styled = require("./styled");
-var _excluded = ["isSearch", "isCompact"]; // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
+var _excluded = ["isSearch", "isCompact", "defaultRows"]; // eslint-disable-next-line @atlassian/tangerine/import/no-parent-imports
 var JQLEditorLayout = function JQLEditorLayout(props) {
   var _useEditorThemeContex = (0, _useEditorTheme.useEditorThemeContext)(),
     defaultMaxRows = _useEditorThemeContex.defaultMaxRows,
     expandedRows = _useEditorThemeContex.expandedRows,
     isSearch = _useEditorThemeContex.isSearch,
-    isCompact = _useEditorThemeContex.isCompact;
+    isCompact = _useEditorThemeContex.isCompact,
+    defaultRows = _useEditorThemeContex.defaultRows;
   var editorViewHasFocus = props.editorViewHasFocus,
     EditorControlsContent = props.EditorControlsContent,
     EditorFooterContent = props.EditorFooterContent,
@@ -43,7 +45,7 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     onScroll: onEditorViewContainerScroll
   }, /*#__PURE__*/_react.default.createElement(_styled.LineNumberToolbar, {
     lineNumbersVisible: lineNumbersVisible
-  }), /*#__PURE__*/_react.default.createElement(_styled.EditorView, {
+  }), /*#__PURE__*/_react.default.createElement(_styled.EditorView, (0, _extends2.default)({
     defaultMaxRows: defaultMaxRows,
     expandedRows: expandedRows,
     isCompact: isCompact,
@@ -52,7 +54,9 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     onBlur: onEditorViewBlur,
     onFocus: onEditorViewFocus,
     onTransitionEnd: onEditorViewTransitionEnd
-  }), /*#__PURE__*/_react.default.createElement(_styled.EditorControls, {
+  }, (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? {
+    defaultRows: defaultRows
+  } : {})), /*#__PURE__*/_react.default.createElement(_styled.EditorControls, {
     isSearch: isSearch,
     isCompact: isCompact,
     isVisualRefresh: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh')
@@ -70,7 +74,8 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     defaultMaxRows = _useEditorThemeContex2.defaultMaxRows,
     expandedRows = _useEditorThemeContex2.expandedRows,
     isSearch = _useEditorThemeContex2.isSearch,
-    isCompact = _useEditorThemeContex2.isCompact;
+    isCompact = _useEditorThemeContex2.isCompact,
+    defaultRows = _useEditorThemeContex2.defaultRows;
   var blocks = (0, _splitTextByNewLine.splitTextByNewLine)(query);
   var lineNumbersVisible = blocks.length > 1;
   return /*#__PURE__*/_react.default.createElement(_styled.EditorMain, null, /*#__PURE__*/_react.default.createElement(_styled.ReadOnlyEditorViewContainer, null, /*#__PURE__*/_react.default.createElement(_styled.LineNumberToolbar, {
@@ -89,7 +94,8 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     ,
     "aria-expanded": false,
     "aria-controls": "dummy-jql-editor-auto-complete-id",
-    "aria-label": "JQL query"
+    "aria-label": "JQL query",
+    defaultRows: defaultRows
   }, blocks.map(function (block, index) {
     return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
       as: "p",
@@ -103,10 +109,12 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
 var JQLEditorReadOnly = exports.JQLEditorReadOnly = function JQLEditorReadOnly(_ref2) {
   var isSearch = _ref2.isSearch,
     isCompact = _ref2.isCompact,
+    defaultRows = _ref2.defaultRows,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var editorTheme = (0, _useEditorTheme.useEditorTheme)({
     isSearch: isSearch,
-    isCompact: isCompact
+    isCompact: isCompact,
+    defaultRows: defaultRows
   });
   return /*#__PURE__*/_react.default.createElement(_useEditorTheme.EditorThemeContext.Provider, {
     value: editorTheme

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

@@ -8,6 +8,7 @@ exports.ReadOnlyEditorViewContainer = exports.ReadOnlyEditorView = exports.LineN
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../../plugins/validation-tooltip/constants");
@@ -116,9 +117,13 @@ function (props) {
  * The main div which the Prosemirror editor will be rendered into.
  */
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var EditorView = exports.EditorView = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tcounter-reset: lineNumber;\n\tflex-grow: 1;\n\n\ttransition:\n\t\theight 250ms cubic-bezier(0.15, 1, 0.3, 1),\n\t\tmax-height 250ms cubic-bezier(0.15, 1, 0.3, 1);\n\tmax-height: ", "px;\n\n\tline-height: ", ";\n\tfont-family: ", ";\n\tword-break: break-word;\n\toverflow-wrap: anywhere;\n\twhite-space: pre-wrap;\n\n\t&[data-expanded] {\n\t\theight: ", "px;\n\t\tmax-height: ", "px;\n\t}\n\n\t.ProseMirror {\n\t\tcolor: ", ";\n\t\tpadding: ", "px\n\t\t\t", "px;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\n\t\t.mark-token-keyword {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-field {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-operator {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-error {\n\t\t\tcolor: ", ";\n\t\t\ttext-decoration: wavy underline;\n\t\t\ttext-decoration-thickness: 1px;\n\t\t\ttext-decoration-skip-ink: none;\n\t\t}\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcounter-increment: lineNumber;\n\t\tposition: relative;\n\n\t\t/* Show the current line number before each paragraph block. */\n\n\t\t&::before {\n\t\t\tcontent: counter(lineNumber);\n\t\t\tcolor: ", ";\n\t\t\tfont-size: 10px;\n\t\t\tline-height: ", ";\n\t\t\tpadding: 0 ", " 0 ", ";\n\t\t\tposition: absolute;\n\t\t\tbox-sizing: border-box;\n\t\t\t/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */\n\t\t\ttransform: translateX(calc(-100% - ", "));\n\n\t\t\t/* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width\n        recalculation logic to the LineNumberToolbar for a scenario that *should* never happen. */\n\t\t\tmax-width: 30px;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\n\t\t\t", "\n\t\t}\n\t}\n"])), function (props) {
+var EditorView = exports.EditorView = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tcounter-reset: lineNumber;\n\tflex-grow: 1;\n\n\ttransition:\n\t\theight 250ms cubic-bezier(0.15, 1, 0.3, 1),\n\t\tmax-height 250ms cubic-bezier(0.15, 1, 0.3, 1);\n\tmax-height: ", "px;\n\tline-height: ", ";\n\t", "\n\t", "\n\tfont-family: ", ";\n\tword-break: break-word;\n\toverflow-wrap: anywhere;\n\twhite-space: pre-wrap;\n\n\t&[data-expanded] {\n\t\theight: ", "px;\n\t\tmax-height: ", "px;\n\t}\n\n\t.ProseMirror {\n\t\tcolor: ", ";\n\t\tpadding: ", "px\n\t\t\t", "px;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\n\t\t.mark-token-keyword {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-field {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-operator {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-error {\n\t\t\tcolor: ", ";\n\t\t\ttext-decoration: wavy underline;\n\t\t\ttext-decoration-thickness: 1px;\n\t\t\ttext-decoration-skip-ink: none;\n\t\t}\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcounter-increment: lineNumber;\n\t\tposition: relative;\n\n\t\t/* Show the current line number before each paragraph block. */\n\n\t\t&::before {\n\t\t\tcontent: counter(lineNumber);\n\t\t\tcolor: ", ";\n\t\t\tfont-size: 10px;\n\t\t\tline-height: ", ";\n\t\t\tpadding: 0 ", " 0 ", ";\n\t\t\tposition: absolute;\n\t\t\tbox-sizing: border-box;\n\t\t\t/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */\n\t\t\ttransform: translateX(calc(-100% - ", "));\n\n\t\t\t/* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width\n        recalculation logic to the LineNumberToolbar for a scenario that *should* never happen. */\n\t\t\tmax-width: 30px;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\n\t\t\t", "\n\t\t}\n\t}\n"])), function (props) {
   return rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2;
-}, rowHeight / 14, "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
+}, rowHeight / 14, function (props) {
+  return props.defaultRows && (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
+}, function (props) {
+  return props.defaultRows && (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
+}, "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;

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

package/dist/es2019/async.js

@@ -1,5 +1,7 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { withErrorBoundary } from './ui/error-boundary';
 import { withIntlProvider } from './ui/intl-provider';
 import { JQLEditorReadOnly } from './ui/jql-editor-layout';
@@ -11,10 +13,12 @@ const JQLEditor = lazyForPaint(() => import( /* webpackChunkName: "async-jql-edi
 export const preloadJQLEditor = () => JQLEditor.preload();
 export const JQLEditorAsync = withIntlProvider(withErrorBoundary(props => {
   return /*#__PURE__*/React.createElement(LazySuspense, {
-    fallback: /*#__PURE__*/React.createElement(JQLEditorReadOnly, {
+    fallback: /*#__PURE__*/React.createElement(JQLEditorReadOnly, _extends({
       query: props.query,
       isSearch: !!props.onSearch,
       isCompact: props.isCompact
-    })
+    }, fg('list_lovability_improving_filters') ? {
+      defaultRows: props.defaultRows
+    } : {}))
   }, /*#__PURE__*/React.createElement(JQLEditor, props));
 }));

package/dist/es2019/hooks/use-editor-theme/index.js

@@ -1,5 +1,6 @@
 import { createContext, useCallback, useContext, useMemo, useState } from 'react';
 import noop from 'lodash/noop';
+import { fg } from '@atlaskit/platform-feature-flags';
 const defaultMaxRows = 3;
 const expandedRows = 15;
 const defaultEditorTheme = {
@@ -17,17 +18,21 @@ export const EditorThemeContext = /*#__PURE__*/createContext(defaultEditorTheme)
  */
 export const useEditorTheme = ({
   isSearch = false,
-  isCompact = false
+  isCompact = false,
+  defaultRows
 }) => {
   const [expanded, setExpanded] = useState(false);
   const toggleExpanded = useCallback(() => setExpanded(prevState => !prevState), []);
   return useMemo(() => ({
-    defaultMaxRows,
+    defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows && fg('list_lovability_improving_filters') ? defaultRows : defaultMaxRows,
     expanded,
     expandedRows,
     toggleExpanded,
     isSearch,
-    isCompact
-  }), [expanded, toggleExpanded, isSearch, isCompact]);
+    isCompact,
+    ...(fg('list_lovability_improving_filters') ? {
+      defaultRows
+    } : {})
+  }), [expanded, toggleExpanded, isSearch, isCompact, defaultRows]);
 };
 export const useEditorThemeContext = () => useContext(EditorThemeContext);

package/dist/es2019/plugins/autocomplete/view.js

@@ -87,6 +87,21 @@ export default class AutocompletePluginView extends ReactPluginView {
               nodes.push(this.view.state.schema.nodes.user.create(attributes, textContent));
               break;
             }
+          case 'team':
+            {
+              if (fg('jira_update_jql_teams')) {
+                const attributes = {
+                  type: 'team',
+                  id: value,
+                  name: nameOnRichInlineNode !== null && nameOnRichInlineNode !== void 0 ? nameOnRichInlineNode : name,
+                  fieldName: context === null || context === void 0 ? void 0 : context.field
+                };
+                nodes.push(this.view.state.schema.nodes.team.create(attributes, textContent));
+              } else {
+                nodes.push(textContent);
+              }
+              break;
+            }
           default:
             {
               nodes.push(textContent);

package/dist/es2019/plugins/rich-inline-nodes/nodes/team/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Avatar from '@atlaskit/avatar';
+import TeamsAvatar from '@atlaskit/teams-avatar';
 import { useHydratedTeam } from '../../../../state';
 import { AvatarWrapper, NameContainer, TeamContainer } from './styled';
 const Team = ({
@@ -16,11 +16,14 @@ const Team = ({
   return /*#__PURE__*/React.createElement(TeamContainer, {
     selected: selected,
     error: error
-  }, /*#__PURE__*/React.createElement(AvatarWrapper, null, /*#__PURE__*/React.createElement(Avatar, {
+  }, /*#__PURE__*/React.createElement(AvatarWrapper, {
+    "data-testid": "team-avatar-wrapper"
+  }, /*#__PURE__*/React.createElement(TeamsAvatar, {
+    teamId: id,
     src: team === null || team === void 0 ? void 0 : team.avatarUrl,
-    appearance: "square",
     borderColor: "transparent",
-    size: "xsmall"
+    size: "xsmall",
+    compact: true
   })), /*#__PURE__*/React.createElement(NameContainer, null, name));
 };
 export const team = {

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

@@ -76,16 +76,5 @@ export const NameContainer = styled.span({
 export const AvatarWrapper = styled.div({
   height: "var(--ds-space-200, 16px)",
   width: "var(--ds-space-200, 16px)",
-  alignSelf: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> div span': {
-    margin: "var(--ds-space-0, 0px)"
-  },
-  // Fix fallback icon alignment by targeting the outer AvatarContent span
-  // This contains the icon background and needs to move as a unit
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '> div > span:has(> span)': {
-    position: 'relative',
-    top: '-2px'
-  }
+  alignSelf: 'center'
 });

package/dist/es2019/plugins/rich-inline-nodes/util/react-node-view.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { useEffect, useLayoutEffect, useState } from 'react';
 import { Subject } from 'rxjs/Subject';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
 import { useEditorViewHasFocus } from '../../../state';
 import { ERROR_NODE, SELECTED_NODE } from '../constants';
@@ -90,6 +91,7 @@ export class ReactNodeView {
     // Generate unique portal identifier
     // If you read this comment in the future and TypeScript has added support for Symbols as object keys, please do
     // JQL Editor a favor and replace this library with the native JS functionality that TS was supposed to support.
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.portalKey = uuid();
     // Creating span under the assumption that all node views will be inline elements in JQL Editor
     this.dom = document.createElement('span');

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

@@ -79,7 +79,7 @@ class FindValuesVisitor extends AbstractJastVisitor {
       }, []);
     });
     _defineProperty(this, "visitTerminalClause", terminalClause => {
-      if (terminalClause.field.value !== this.field) {
+      if (!this.equalsIgnoreCase(terminalClause.field.value, this.field)) {
         return [];
       }
       if (terminalClause.operand === undefined) {
@@ -91,7 +91,7 @@ class FindValuesVisitor extends AbstractJastVisitor {
       return notClause.clause.accept(this);
     });
     _defineProperty(this, "visitValueOperand", valueOperand => {
-      if (valueOperand.value !== this.value) {
+      if (!this.equalsIgnoreCase(valueOperand.value, this.value)) {
         return [];
       }
       return [valueOperand];
@@ -110,4 +110,9 @@ class FindValuesVisitor extends AbstractJastVisitor {
   defaultResult() {
     return [];
   }
+  equalsIgnoreCase(a, b) {
+    return a.localeCompare(b, undefined, {
+      sensitivity: 'base'
+    }) === 0;
+  }
 }

package/dist/es2019/state/index.js

@@ -4,6 +4,7 @@ import { createIntl } from 'react-intl-next';
 import { createContainer, createHook, createSelector, createStore } from 'react-sweet-state';
 import { merge } from 'rxjs/observable/merge';
 import { tap } from 'rxjs/operators/tap';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidv4 } from 'uuid';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { computeJqlInsights, isListOperator } from '@atlaskit/jql-ast';
@@ -941,6 +942,7 @@ export const EditorStateContainer = createContainer(Store, {
       autocompleteProvider,
       enableRichInlineNodes,
       // Generate unique identifiers for each JQL editor instance
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       idPrefix: uuidv4(),
       resizeObserver: window.ResizeObserver !== undefined ? new window.ResizeObserver(() => {
         var _getState$editorViewC;

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

@@ -25,11 +25,13 @@ const JQLEditorInner = ({
   isCompact,
   onSyntaxHelp,
   onFocus,
-  customComponents
+  customComponents,
+  defaultRows
 }) => {
   const editorTheme = useEditorTheme({
     isSearch: !!onSearch,
-    isCompact
+    isCompact,
+    defaultRows
   });
   const {
     createAndFireAnalyticsEvent

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
@@ -11,7 +12,8 @@ const JQLEditorLayout = props => {
     defaultMaxRows,
     expandedRows,
     isSearch,
-    isCompact
+    isCompact,
+    defaultRows
   } = useEditorThemeContext();
   const {
     editorViewHasFocus,
@@ -38,7 +40,7 @@ const JQLEditorLayout = props => {
     onScroll: onEditorViewContainerScroll
   }, /*#__PURE__*/React.createElement(LineNumberToolbar, {
     lineNumbersVisible: lineNumbersVisible
-  }), /*#__PURE__*/React.createElement(EditorView, {
+  }), /*#__PURE__*/React.createElement(EditorView, _extends({
     defaultMaxRows: defaultMaxRows,
     expandedRows: expandedRows,
     isCompact: isCompact,
@@ -47,7 +49,9 @@ const JQLEditorLayout = props => {
     onBlur: onEditorViewBlur,
     onFocus: onEditorViewFocus,
     onTransitionEnd: onEditorViewTransitionEnd
-  }), /*#__PURE__*/React.createElement(EditorControls, {
+  }, fg('list_lovability_improving_filters') ? {
+    defaultRows
+  } : {})), /*#__PURE__*/React.createElement(EditorControls, {
     isSearch: isSearch,
     isCompact: isCompact,
     isVisualRefresh: fg('platform-component-visual-refresh')
@@ -66,7 +70,8 @@ const JQLEditorReadOnlyWithoutTheme = ({
     defaultMaxRows,
     expandedRows,
     isSearch,
-    isCompact
+    isCompact,
+    defaultRows
   } = useEditorThemeContext();
   const blocks = splitTextByNewLine(query);
   const lineNumbersVisible = blocks.length > 1;
@@ -86,7 +91,8 @@ const JQLEditorReadOnlyWithoutTheme = ({
     ,
     "aria-expanded": false,
     "aria-controls": "dummy-jql-editor-auto-complete-id",
-    "aria-label": "JQL query"
+    "aria-label": "JQL query",
+    defaultRows: defaultRows
   }, blocks.map((block, index) => /*#__PURE__*/React.createElement(Box, {
     as: "p",
     key: index
@@ -98,11 +104,13 @@ const JQLEditorReadOnlyWithoutTheme = ({
 export const JQLEditorReadOnly = ({
   isSearch,
   isCompact,
+  defaultRows,
   ...props
 }) => {
   const editorTheme = useEditorTheme({
     isSearch,
-    isCompact
+    isCompact,
+    defaultRows
   });
   return /*#__PURE__*/React.createElement(EditorThemeContext.Provider, {
     value: editorTheme

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

@@ -2,6 +2,7 @@
 import { css, keyframes } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B200, B300, G500, N0, N10, N100, N30, N700, N800, N900, P400, R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import { TOOLTIP_CLASSNAME, TOOLTIP_ENTER_CLASSNAME, TOOLTIP_EXIT_CLASSNAME } from '../../plugins/validation-tooltip/constants';
@@ -144,8 +145,9 @@ export const EditorView = styled.div`
 		height 250ms cubic-bezier(0.15, 1, 0.3, 1),
 		max-height 250ms cubic-bezier(0.15, 1, 0.3, 1);
 	max-height: ${props => rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2}px;
-
 	line-height: ${rowHeight / 14};
+	${props => props.defaultRows && fg('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : ''}
+	${props => props.defaultRows && fg('list_lovability_improving_filters') ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : ''}
 	font-family: ${"var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"};
 	word-break: break-word;
 	overflow-wrap: anywhere;

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

package/dist/esm/async.js

@@ -1,5 +1,7 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { lazyForPaint, LazySuspense } from 'react-loosely-lazy';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { withErrorBoundary } from './ui/error-boundary';
 import { withIntlProvider } from './ui/intl-provider';
 import { JQLEditorReadOnly } from './ui/jql-editor-layout';
@@ -16,10 +18,12 @@ export var preloadJQLEditor = function preloadJQLEditor() {
 };
 export var JQLEditorAsync = withIntlProvider(withErrorBoundary(function (props) {
   return /*#__PURE__*/React.createElement(LazySuspense, {
-    fallback: /*#__PURE__*/React.createElement(JQLEditorReadOnly, {
+    fallback: /*#__PURE__*/React.createElement(JQLEditorReadOnly, _extends({
       query: props.query,
       isSearch: !!props.onSearch,
       isCompact: props.isCompact
-    })
+    }, fg('list_lovability_improving_filters') ? {
+      defaultRows: props.defaultRows
+    } : {}))
   }, /*#__PURE__*/React.createElement(JQLEditor, props));
 }));

package/dist/esm/hooks/use-editor-theme/index.js

@@ -1,6 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+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) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { createContext, useCallback, useContext, useMemo, useState } from 'react';
 import noop from 'lodash/noop';
+import { fg } from '@atlaskit/platform-feature-flags';
 var defaultMaxRows = 3;
 var expandedRows = 15;
 var defaultEditorTheme = {
@@ -20,7 +24,8 @@ export var useEditorTheme = function useEditorTheme(_ref) {
   var _ref$isSearch = _ref.isSearch,
     isSearch = _ref$isSearch === void 0 ? false : _ref$isSearch,
     _ref$isCompact = _ref.isCompact,
-    isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact;
+    isCompact = _ref$isCompact === void 0 ? false : _ref$isCompact,
+    defaultRows = _ref.defaultRows;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     expanded = _useState2[0],
@@ -31,15 +36,17 @@ export var useEditorTheme = function useEditorTheme(_ref) {
     });
   }, []);
   return useMemo(function () {
-    return {
-      defaultMaxRows: defaultMaxRows,
+    return _objectSpread({
+      defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows && fg('list_lovability_improving_filters') ? defaultRows : defaultMaxRows,
       expanded: expanded,
       expandedRows: expandedRows,
       toggleExpanded: toggleExpanded,
       isSearch: isSearch,
       isCompact: isCompact
-    };
-  }, [expanded, toggleExpanded, isSearch, isCompact]);
+    }, fg('list_lovability_improving_filters') ? {
+      defaultRows: defaultRows
+    } : {});
+  }, [expanded, toggleExpanded, isSearch, isCompact, defaultRows]);
 };
 export var useEditorThemeContext = function useEditorThemeContext() {
   return useContext(EditorThemeContext);

package/dist/esm/plugins/autocomplete/view.js

@@ -96,6 +96,21 @@ var AutocompletePluginView = /*#__PURE__*/function (_ReactPluginView) {
               nodes.push(_this.view.state.schema.nodes.user.create(attributes, textContent));
               break;
             }
+          case 'team':
+            {
+              if (fg('jira_update_jql_teams')) {
+                var _attributes = {
+                  type: 'team',
+                  id: value,
+                  name: nameOnRichInlineNode !== null && nameOnRichInlineNode !== void 0 ? nameOnRichInlineNode : name,
+                  fieldName: context === null || context === void 0 ? void 0 : context.field
+                };
+                nodes.push(_this.view.state.schema.nodes.team.create(_attributes, textContent));
+              } else {
+                nodes.push(textContent);
+              }
+              break;
+            }
           default:
             {
               nodes.push(textContent);

package/dist/esm/plugins/rich-inline-nodes/nodes/team/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
-import Avatar from '@atlaskit/avatar';
+import TeamsAvatar from '@atlaskit/teams-avatar';
 import { useHydratedTeam } from '../../../../state';
 import { AvatarWrapper, NameContainer, TeamContainer } from './styled';
 var Team = function Team(_ref) {
@@ -18,11 +18,14 @@ var Team = function Team(_ref) {
   return /*#__PURE__*/React.createElement(TeamContainer, {
     selected: selected,
     error: error
-  }, /*#__PURE__*/React.createElement(AvatarWrapper, null, /*#__PURE__*/React.createElement(Avatar, {
+  }, /*#__PURE__*/React.createElement(AvatarWrapper, {
+    "data-testid": "team-avatar-wrapper"
+  }, /*#__PURE__*/React.createElement(TeamsAvatar, {
+    teamId: id,
     src: team === null || team === void 0 ? void 0 : team.avatarUrl,
-    appearance: "square",
     borderColor: "transparent",
-    size: "xsmall"
+    size: "xsmall",
+    compact: true
   })), /*#__PURE__*/React.createElement(NameContainer, null, name));
 };
 export var team = {

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

@@ -75,16 +75,5 @@ export var NameContainer = styled.span({
 export var AvatarWrapper = styled.div({
   height: "var(--ds-space-200, 16px)",
   width: "var(--ds-space-200, 16px)",
-  alignSelf: 'center',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  '> div span': {
-    margin: "var(--ds-space-0, 0px)"
-  },
-  // Fix fallback icon alignment by targeting the outer AvatarContent span
-  // This contains the icon background and needs to move as a unit
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-  '> div > span:has(> span)': {
-    position: 'relative',
-    top: '-2px'
-  }
+  alignSelf: 'center'
 });

package/dist/esm/plugins/rich-inline-nodes/util/react-node-view.js

@@ -7,6 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useEffect, useLayoutEffect, useState } from 'react';
 import { Subject } from 'rxjs/Subject';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
 import { useEditorViewHasFocus } from '../../../state';
 import { ERROR_NODE, SELECTED_NODE } from '../constants';
@@ -104,6 +105,7 @@ export var ReactNodeView = /*#__PURE__*/function () {
     // Generate unique portal identifier
     // If you read this comment in the future and TypeScript has added support for Symbols as object keys, please do
     // JQL Editor a favor and replace this library with the native JS functionality that TS was supposed to support.
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.portalKey = uuid();
     // Creating span under the assumption that all node views will be inline elements in JQL Editor
     this.dom = document.createElement('span');

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

@@ -95,7 +95,7 @@ var FindValuesVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
       }, []);
     });
     _defineProperty(_this, "visitTerminalClause", function (terminalClause) {
-      if (terminalClause.field.value !== _this.field) {
+      if (!_this.equalsIgnoreCase(terminalClause.field.value, _this.field)) {
         return [];
       }
       if (terminalClause.operand === undefined) {
@@ -107,7 +107,7 @@ var FindValuesVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
       return notClause.clause.accept(_this);
     });
     _defineProperty(_this, "visitValueOperand", function (valueOperand) {
-      if (valueOperand.value !== _this.value) {
+      if (!_this.equalsIgnoreCase(valueOperand.value, _this.value)) {
         return [];
       }
       return [valueOperand];
@@ -132,5 +132,12 @@ var FindValuesVisitor = /*#__PURE__*/function (_AbstractJastVisitor) {
     value: function defaultResult() {
       return [];
     }
+  }, {
+    key: "equalsIgnoreCase",
+    value: function equalsIgnoreCase(a, b) {
+      return a.localeCompare(b, undefined, {
+        sensitivity: 'base'
+      }) === 0;
+    }
   }]);
 }(AbstractJastVisitor);

package/dist/esm/state/index.js

@@ -9,6 +9,7 @@ import { createIntl } from 'react-intl-next';
 import { createContainer, createHook, createSelector, createStore } from 'react-sweet-state';
 import { merge } from 'rxjs/observable/merge';
 import { tap } from 'rxjs/operators/tap';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidv4 } from 'uuid';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { computeJqlInsights, isListOperator } from '@atlaskit/jql-ast';
@@ -965,6 +966,7 @@ export var EditorStateContainer = createContainer(Store, {
         autocompleteProvider: autocompleteProvider,
         enableRichInlineNodes: enableRichInlineNodes,
         // Generate unique identifiers for each JQL editor instance
+        // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
         idPrefix: uuidv4(),
         resizeObserver: window.ResizeObserver !== undefined ? new window.ResizeObserver(function () {
           var _getState$editorViewC;

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

@@ -27,10 +27,12 @@ var JQLEditorInner = function JQLEditorInner(_ref) {
     isCompact = _ref.isCompact,
     onSyntaxHelp = _ref.onSyntaxHelp,
     onFocus = _ref.onFocus,
-    customComponents = _ref.customComponents;
+    customComponents = _ref.customComponents,
+    defaultRows = _ref.defaultRows;
   var editorTheme = useEditorTheme({
     isSearch: !!onSearch,
-    isCompact: isCompact
+    isCompact: isCompact,
+    defaultRows: defaultRows
   });
   var _useJqlEditorAnalytic = useJqlEditorAnalytics(analyticsSource),
     createAndFireAnalyticsEvent = _useJqlEditorAnalytic.createAndFireAnalyticsEvent;

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

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isSearch", "isCompact"];
+import _extends from "@babel/runtime/helpers/extends";
+var _excluded = ["isSearch", "isCompact", "defaultRows"];
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
@@ -13,7 +14,8 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     defaultMaxRows = _useEditorThemeContex.defaultMaxRows,
     expandedRows = _useEditorThemeContex.expandedRows,
     isSearch = _useEditorThemeContex.isSearch,
-    isCompact = _useEditorThemeContex.isCompact;
+    isCompact = _useEditorThemeContex.isCompact,
+    defaultRows = _useEditorThemeContex.defaultRows;
   var editorViewHasFocus = props.editorViewHasFocus,
     EditorControlsContent = props.EditorControlsContent,
     EditorFooterContent = props.EditorFooterContent,
@@ -37,7 +39,7 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     onScroll: onEditorViewContainerScroll
   }, /*#__PURE__*/React.createElement(LineNumberToolbar, {
     lineNumbersVisible: lineNumbersVisible
-  }), /*#__PURE__*/React.createElement(EditorView, {
+  }), /*#__PURE__*/React.createElement(EditorView, _extends({
     defaultMaxRows: defaultMaxRows,
     expandedRows: expandedRows,
     isCompact: isCompact,
@@ -46,7 +48,9 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     onBlur: onEditorViewBlur,
     onFocus: onEditorViewFocus,
     onTransitionEnd: onEditorViewTransitionEnd
-  }), /*#__PURE__*/React.createElement(EditorControls, {
+  }, fg('list_lovability_improving_filters') ? {
+    defaultRows: defaultRows
+  } : {})), /*#__PURE__*/React.createElement(EditorControls, {
     isSearch: isSearch,
     isCompact: isCompact,
     isVisualRefresh: fg('platform-component-visual-refresh')
@@ -64,7 +68,8 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     defaultMaxRows = _useEditorThemeContex2.defaultMaxRows,
     expandedRows = _useEditorThemeContex2.expandedRows,
     isSearch = _useEditorThemeContex2.isSearch,
-    isCompact = _useEditorThemeContex2.isCompact;
+    isCompact = _useEditorThemeContex2.isCompact,
+    defaultRows = _useEditorThemeContex2.defaultRows;
   var blocks = splitTextByNewLine(query);
   var lineNumbersVisible = blocks.length > 1;
   return /*#__PURE__*/React.createElement(EditorMain, null, /*#__PURE__*/React.createElement(ReadOnlyEditorViewContainer, null, /*#__PURE__*/React.createElement(LineNumberToolbar, {
@@ -83,7 +88,8 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
     ,
     "aria-expanded": false,
     "aria-controls": "dummy-jql-editor-auto-complete-id",
-    "aria-label": "JQL query"
+    "aria-label": "JQL query",
+    defaultRows: defaultRows
   }, blocks.map(function (block, index) {
     return /*#__PURE__*/React.createElement(Box, {
       as: "p",
@@ -97,10 +103,12 @@ var JQLEditorReadOnlyWithoutTheme = function JQLEditorReadOnlyWithoutTheme(_ref)
 export var JQLEditorReadOnly = function JQLEditorReadOnly(_ref2) {
   var isSearch = _ref2.isSearch,
     isCompact = _ref2.isCompact,
+    defaultRows = _ref2.defaultRows,
     props = _objectWithoutProperties(_ref2, _excluded);
   var editorTheme = useEditorTheme({
     isSearch: isSearch,
-    isCompact: isCompact
+    isCompact: isCompact,
+    defaultRows: defaultRows
   });
   return /*#__PURE__*/React.createElement(EditorThemeContext.Provider, {
     value: editorTheme

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

@@ -4,6 +4,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css, keyframes } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B200, B300, G500, N0, N10, N100, N30, N700, N800, N900, P400, R400 } from '@atlaskit/theme/colors';
 import { layers } from '@atlaskit/theme/constants';
 import { TOOLTIP_CLASSNAME, TOOLTIP_ENTER_CLASSNAME, TOOLTIP_EXIT_CLASSNAME } from '../../plugins/validation-tooltip/constants';
@@ -110,9 +111,13 @@ function (props) {
  * The main div which the Prosemirror editor will be rendered into.
  */
 // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var EditorView = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tcounter-reset: lineNumber;\n\tflex-grow: 1;\n\n\ttransition:\n\t\theight 250ms cubic-bezier(0.15, 1, 0.3, 1),\n\t\tmax-height 250ms cubic-bezier(0.15, 1, 0.3, 1);\n\tmax-height: ", "px;\n\n\tline-height: ", ";\n\tfont-family: ", ";\n\tword-break: break-word;\n\toverflow-wrap: anywhere;\n\twhite-space: pre-wrap;\n\n\t&[data-expanded] {\n\t\theight: ", "px;\n\t\tmax-height: ", "px;\n\t}\n\n\t.ProseMirror {\n\t\tcolor: ", ";\n\t\tpadding: ", "px\n\t\t\t", "px;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\n\t\t.mark-token-keyword {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-field {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-operator {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-error {\n\t\t\tcolor: ", ";\n\t\t\ttext-decoration: wavy underline;\n\t\t\ttext-decoration-thickness: 1px;\n\t\t\ttext-decoration-skip-ink: none;\n\t\t}\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcounter-increment: lineNumber;\n\t\tposition: relative;\n\n\t\t/* Show the current line number before each paragraph block. */\n\n\t\t&::before {\n\t\t\tcontent: counter(lineNumber);\n\t\t\tcolor: ", ";\n\t\t\tfont-size: 10px;\n\t\t\tline-height: ", ";\n\t\t\tpadding: 0 ", " 0 ", ";\n\t\t\tposition: absolute;\n\t\t\tbox-sizing: border-box;\n\t\t\t/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */\n\t\t\ttransform: translateX(calc(-100% - ", "));\n\n\t\t\t/* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width\n        recalculation logic to the LineNumberToolbar for a scenario that *should* never happen. */\n\t\t\tmax-width: 30px;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\n\t\t\t", "\n\t\t}\n\t}\n"])), function (props) {
+export var EditorView = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tcounter-reset: lineNumber;\n\tflex-grow: 1;\n\n\ttransition:\n\t\theight 250ms cubic-bezier(0.15, 1, 0.3, 1),\n\t\tmax-height 250ms cubic-bezier(0.15, 1, 0.3, 1);\n\tmax-height: ", "px;\n\tline-height: ", ";\n\t", "\n\t", "\n\tfont-family: ", ";\n\tword-break: break-word;\n\toverflow-wrap: anywhere;\n\twhite-space: pre-wrap;\n\n\t&[data-expanded] {\n\t\theight: ", "px;\n\t\tmax-height: ", "px;\n\t}\n\n\t.ProseMirror {\n\t\tcolor: ", ";\n\t\tpadding: ", "px\n\t\t\t", "px;\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\n\t\t.mark-token-keyword {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-field {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-operator {\n\t\t\tcolor: ", ";\n\t\t}\n\n\t\t.mark-token-error {\n\t\t\tcolor: ", ";\n\t\t\ttext-decoration: wavy underline;\n\t\t\ttext-decoration-thickness: 1px;\n\t\t\ttext-decoration-skip-ink: none;\n\t\t}\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcounter-increment: lineNumber;\n\t\tposition: relative;\n\n\t\t/* Show the current line number before each paragraph block. */\n\n\t\t&::before {\n\t\t\tcontent: counter(lineNumber);\n\t\t\tcolor: ", ";\n\t\t\tfont-size: 10px;\n\t\t\tline-height: ", ";\n\t\t\tpadding: 0 ", " 0 ", ";\n\t\t\tposition: absolute;\n\t\t\tbox-sizing: border-box;\n\t\t\t/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */\n\t\t\ttransform: translateX(calc(-100% - ", "));\n\n\t\t\t/* We can fit 3 digits before ellipses. This is not very responsive but saves us having to add expensive width\n        recalculation logic to the LineNumberToolbar for a scenario that *should* never happen. */\n\t\t\tmax-width: 30px;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\n\t\t\t", "\n\t\t}\n\t}\n"])), function (props) {
   return rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2;
-}, rowHeight / 14, "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
+}, rowHeight / 14, function (props) {
+  return props.defaultRows && fg('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
+}, function (props) {
+  return props.defaultRows && fg('list_lovability_improving_filters') ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
+}, "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;

package/dist/types/hooks/use-editor-theme/index.d.ts

@@ -3,6 +3,10 @@ export type EditorTheme = {
      * The maximum number of rows that are visible in the default editor view.
      */
     defaultMaxRows: number;
+    /**
+     * The number of initial rows that are visible.
+     */
+    defaultRows?: number;
     /**
      * `true` if the editor view is in the expanded state.
      */
@@ -30,7 +34,8 @@ export declare const EditorThemeContext: import("react").Context<EditorTheme>;
 /**
  * Hook to manage the theming state of the editor.
  */
-export declare const useEditorTheme: ({ isSearch, isCompact, }: {
+export declare const useEditorTheme: ({ isSearch, isCompact, defaultRows, }: {
+    defaultRows?: number;
     isCompact?: boolean;
     isSearch?: boolean;
 }) => EditorTheme;

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

@@ -39,6 +39,10 @@ export type JQLEditorUIProps = {
      * Custom components to take over the rendering of certain parts of JQL editor
      */
     customComponents?: CustomComponents;
+    /**
+     * The number of default rows that are visible.
+     */
+    defaultRows?: number;
     /**
      * Enables rich inline nodes feature, which will replace user identifiers with a lozenge containing name and avatar.
      * Note that you must specify an `onHydrate` prop which will return user data for a given query in order to see the

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

@@ -57,7 +57,8 @@ declare const JQLEditorLayout: (props: Props) => React.JSX.Element;
 type ReadOnlyProps = {
     query: string;
 };
-export declare const JQLEditorReadOnly: ({ isSearch, isCompact, ...props }: ReadOnlyProps & {
+export declare const JQLEditorReadOnly: ({ isSearch, isCompact, defaultRows, ...props }: ReadOnlyProps & {
+    defaultRows?: number;
     isCompact?: boolean;
     isSearch?: boolean;
 }) => React.JSX.Element;

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

@@ -34,6 +34,7 @@ export declare const EditorView: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 } & {
     defaultMaxRows: number;
+    defaultRows?: number;
     expandedRows: number;
     isCompact: boolean;
     lineNumbersVisible: boolean;
@@ -43,6 +44,7 @@ export declare const ReadOnlyEditorView: import("@emotion/styled").StyledCompone
     as?: React.ElementType;
 } & {
     defaultMaxRows: number;
+    defaultRows?: number;
     expandedRows: number;
     isCompact: boolean;
     lineNumbersVisible: boolean;

package/dist/types-ts4.5/hooks/use-editor-theme/index.d.ts

@@ -3,6 +3,10 @@ export type EditorTheme = {
      * The maximum number of rows that are visible in the default editor view.
      */
     defaultMaxRows: number;
+    /**
+     * The number of initial rows that are visible.
+     */
+    defaultRows?: number;
     /**
      * `true` if the editor view is in the expanded state.
      */
@@ -30,7 +34,8 @@ export declare const EditorThemeContext: import("react").Context<EditorTheme>;
 /**
  * Hook to manage the theming state of the editor.
  */
-export declare const useEditorTheme: ({ isSearch, isCompact, }: {
+export declare const useEditorTheme: ({ isSearch, isCompact, defaultRows, }: {
+    defaultRows?: number;
     isCompact?: boolean;
     isSearch?: boolean;
 }) => EditorTheme;

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

@@ -39,6 +39,10 @@ export type JQLEditorUIProps = {
      * Custom components to take over the rendering of certain parts of JQL editor
      */
     customComponents?: CustomComponents;
+    /**
+     * The number of default rows that are visible.
+     */
+    defaultRows?: number;
     /**
      * Enables rich inline nodes feature, which will replace user identifiers with a lozenge containing name and avatar.
      * Note that you must specify an `onHydrate` prop which will return user data for a given query in order to see the

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

@@ -57,7 +57,8 @@ declare const JQLEditorLayout: (props: Props) => React.JSX.Element;
 type ReadOnlyProps = {
     query: string;
 };
-export declare const JQLEditorReadOnly: ({ isSearch, isCompact, ...props }: ReadOnlyProps & {
+export declare const JQLEditorReadOnly: ({ isSearch, isCompact, defaultRows, ...props }: ReadOnlyProps & {
+    defaultRows?: number;
     isCompact?: boolean;
     isSearch?: boolean;
 }) => React.JSX.Element;

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

@@ -34,6 +34,7 @@ export declare const EditorView: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 } & {
     defaultMaxRows: number;
+    defaultRows?: number;
     expandedRows: number;
     isCompact: boolean;
     lineNumbersVisible: boolean;
@@ -43,6 +44,7 @@ export declare const ReadOnlyEditorView: import("@emotion/styled").StyledCompone
     as?: React.ElementType;
 } & {
     defaultMaxRows: number;
+    defaultRows?: number;
     expandedRows: number;
     isCompact: boolean;
     lineNumbersVisible: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "5.7.1",
+	"version": "5.8.1",
 	"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",
@@ -48,12 +48,13 @@
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^16.0.0",
+		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/spinner": "^19.0.0",
+		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.6.0",
+		"@atlaskit/tokens": "^7.1.0",
+		"@atlaskit/tooltip": "^20.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
@@ -77,6 +78,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/jql-editor-autocomplete-rest": "^3.0.0",
+		"@atlassian/feature-flags-storybook-utils": "^0.3.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@storybook/addon-actions": "^8.6.14",
 		"@storybook/addon-knobs": "^6.4.0",
@@ -142,6 +144,9 @@
 		},
 		"jira_update_jql_teams": {
 			"type": "boolean"
+		},
+		"list_lovability_improving_filters": {
+			"type": "boolean"
 		}
 	}
 }