@atlaskit/jql-editor 5.7.0 → 5.8.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/jql-editor
 
+## 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
+
+- [`c4f71a3593ce3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c4f71a3593ce3) -
+  Update team node styling
+
 ## 5.7.0
 
 ### Minor 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", "0.0.0-development", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "5.7.1", _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/rich-inline-nodes/nodes/team/index.js

@@ -27,6 +27,7 @@ var Team = function Team(_ref) {
     error: error
   }, /*#__PURE__*/_react.default.createElement(_styled.AvatarWrapper, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
     src: team === null || team === void 0 ? void 0 : team.avatarUrl,
+    appearance: "square",
     borderColor: "transparent",
     size: "xsmall"
   })), /*#__PURE__*/_react.default.createElement(_styled.NameContainer, null, name));

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

@@ -17,7 +17,7 @@ var TeamContainer = exports.TeamContainer = _styled.default.span({
   display: 'inline-flex',
   alignItems: 'baseline',
   paddingLeft: "var(--ds-space-025, 2px)",
-  borderRadius: "var(--ds-radius-xlarge, 12px)",
+  borderRadius: "var(--ds-radius-xsmall, 2px)",
   cursor: 'pointer',
   userSelect: 'none'
 },
@@ -74,7 +74,7 @@ function (_ref) {
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var NameContainer = exports.NameContainer = _styled.default.span({
   marginLeft: "var(--ds-space-075, 6px)",
-  marginRight: "var(--ds-space-100, 8px)",
+  marginRight: "var(--ds-space-050, 4px)",
   // eslint-disable-next-line -- Ignored via go/DSP-18766
   lineHeight: "var(--ds-space-250, 20px)"
 });

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/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", "0.0.0-development", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.7.1", 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/rich-inline-nodes/nodes/team/index.js

@@ -18,6 +18,7 @@ const Team = ({
     error: error
   }, /*#__PURE__*/React.createElement(AvatarWrapper, null, /*#__PURE__*/React.createElement(Avatar, {
     src: team === null || team === void 0 ? void 0 : team.avatarUrl,
+    appearance: "square",
     borderColor: "transparent",
     size: "xsmall"
   })), /*#__PURE__*/React.createElement(NameContainer, null, name));

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

@@ -8,7 +8,7 @@ export const TeamContainer = styled.span({
   display: 'inline-flex',
   alignItems: 'baseline',
   paddingLeft: `${"var(--ds-space-025, 2px)"}`,
-  borderRadius: "var(--ds-radius-xlarge, 12px)",
+  borderRadius: "var(--ds-radius-xsmall, 2px)",
   cursor: 'pointer',
   userSelect: 'none'
 },
@@ -66,7 +66,7 @@ export const TeamContainer = styled.span({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const NameContainer = styled.span({
   marginLeft: "var(--ds-space-075, 6px)",
-  marginRight: "var(--ds-space-100, 8px)",
+  marginRight: "var(--ds-space-050, 4px)",
   // eslint-disable-next-line -- Ignored via go/DSP-18766
   lineHeight: "var(--ds-space-250, 20px)"
 });

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/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", "0.0.0-development", ANALYTICS_CHANNEL);
+  return useJqlPackageAnalytics(analyticsSource, "@atlaskit/jql-editor", "5.7.1", 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/rich-inline-nodes/nodes/team/index.js

@@ -20,6 +20,7 @@ var Team = function Team(_ref) {
     error: error
   }, /*#__PURE__*/React.createElement(AvatarWrapper, null, /*#__PURE__*/React.createElement(Avatar, {
     src: team === null || team === void 0 ? void 0 : team.avatarUrl,
+    appearance: "square",
     borderColor: "transparent",
     size: "xsmall"
   })), /*#__PURE__*/React.createElement(NameContainer, null, name));

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

@@ -8,7 +8,7 @@ export var TeamContainer = styled.span({
   display: 'inline-flex',
   alignItems: 'baseline',
   paddingLeft: "var(--ds-space-025, 2px)",
-  borderRadius: "var(--ds-radius-xlarge, 12px)",
+  borderRadius: "var(--ds-radius-xsmall, 2px)",
   cursor: 'pointer',
   userSelect: 'none'
 },
@@ -65,7 +65,7 @@ function (_ref) {
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var NameContainer = styled.span({
   marginLeft: "var(--ds-space-075, 6px)",
-  marginRight: "var(--ds-space-100, 8px)",
+  marginRight: "var(--ds-space-050, 4px)",
   // eslint-disable-next-line -- Ignored via go/DSP-18766
   lineHeight: "var(--ds-space-250, 20px)"
 });

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/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.0",
+	"version": "5.8.0",
 	"description": "This package allows consumers to render an advanced JQL editor component to enable autocomplete-assisted authoring and validation of JQL queries.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -48,12 +48,12 @@
 		"@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/theme": "^21.0.0",
 		"@atlaskit/tokens": "^7.0.0",
-		"@atlaskit/tooltip": "^20.6.0",
+		"@atlaskit/tooltip": "^20.7.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.0.0",
@@ -77,6 +77,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 +143,9 @@
 		},
 		"jira_update_jql_teams": {
 			"type": "boolean"
+		},
+		"list_lovability_improving_filters": {
+			"type": "boolean"
 		}
 	}
 }