@atlaskit/jql-editor 6.4.0 → 6.4.2

package/CHANGELOG.md

@@ -1,10 +1,27 @@
 # @atlaskit/jql-editor
 
+## 6.4.2
+
+### Patch Changes
+
+- [`4f13d0c596cb7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4f13d0c596cb7) -
+  Cleanup experiment gate `anip-1289-scroll-issues-in-jql-autocomplete`. The scroll fix (maxWidth
+  clamping on the autocomplete Popper panel) is now permanently enabled.
+
+## 6.4.1
+
+### Patch Changes
+
+- [`41cdac092bfaa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/41cdac092bfaa) -
+  Cleanup feature gate list_lovability_improving_filters. The defaultRows prop is now always applied
+  to the JQL editor, enabling configurable initial row height.
+- Updated dependencies
+
 ## 6.4.0
 
 ### Minor Changes
 
-- [`c56f27a582fec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c56f27a582fec) -
+- [`ebab8f80bfc40`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ebab8f80bfc40) -
   Autofix: add explicit package exports (barrel removal)
 
 ### Patch Changes

package/dist/cjs/async.js

@@ -6,10 +6,8 @@ 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");
@@ -33,12 +31,11 @@ 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, (0, _extends2.default)({
+    fallback: /*#__PURE__*/_react.default.createElement(_jqlEditorLayout.JQLEditorReadOnly, {
       query: props.query,
       isSearch: !!props.onSearch,
-      isCompact: props.isCompact
-    }, (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? {
+      isCompact: props.isCompact,
       defaultRows: props.defaultRows
-    } : {}))
+    })
   }, /*#__PURE__*/_react.default.createElement(JQLEditor, props));
 }));

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

@@ -5,13 +5,9 @@ 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 = {
@@ -43,16 +39,15 @@ var useEditorTheme = exports.useEditorTheme = function useEditorTheme(_ref) {
     });
   }, []);
   return (0, _react.useMemo)(function () {
-    return _objectSpread({
-      defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows && (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? defaultRows : defaultMaxRows,
+    return {
+      defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows ? defaultRows : defaultMaxRows,
       expanded: expanded,
       expandedRows: expandedRows,
       toggleExpanded: toggleExpanded,
       isSearch: isSearch,
-      isCompact: isCompact
-    }, (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? {
+      isCompact: isCompact,
       defaultRows: defaultRows
-    } : {});
+    };
   }, [expanded, toggleExpanded, isSearch, isCompact, defaultRows]);
 };
 var useEditorThemeContext = exports.useEditorThemeContext = function useEditorThemeContext() {

package/dist/cjs/plugins/autocomplete/components/autocomplete-dropdown/index.js

@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popper = require("@atlaskit/popper");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
@@ -107,7 +106,6 @@ var AutocompleteDropdown = function AutocompleteDropdown(_ref) {
     _useScopedId2 = (0, _slicedToArray2.default)(_useScopedId, 1),
     autocompleteId = _useScopedId2[0];
   var isPopperPositioningEnabled = (0, _platformFeatureFlags.fg)('jql_editor_autocomplete_use_popper');
-  var isScrollUIFixEnabled = _featureGateJsClient.default.getExperimentValue('anip-1289-scroll-issues-in-jql-autocomplete', 'isEnabled', false);
 
   // Create virtual reference element positioned at cursor location (for popper implementation)
   var virtualReferenceElement = (0, _react.useMemo)(function () {
@@ -338,14 +336,13 @@ var AutocompleteDropdown = function AutocompleteDropdown(_ref) {
     return /*#__PURE__*/_react.default.createElement(_styled.AutocompleteContainer, {
       "data-testid": "jql-editor-autocomplete",
       tabIndex: -1,
-      ref: ref
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Popper requires dynamic positioning via style prop
-      ,
-      style: isScrollUIFixEnabled ? _objectSpread(_objectSpread({}, style), {}, {
+      ref: ref,
+      style: _objectSpread(_objectSpread({}, style), {}, {
         // Popper's maxSize modifier can produce a maxWidth larger than our design cap on small
         // viewports; clamp it here so the panel never overflows off-screen.
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- inline style needed to override Popper shouldFitViewport
         maxWidth: 'min(400px, calc(100vw - 16px))'
-      }) : style,
+      }),
       isOpen: isAutocompleteOpen,
       usePopper: true,
       onBlur: onEditorViewBlur,

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

@@ -6,7 +6,6 @@ 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 _reactIntl = require("react-intl");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -49,7 +48,7 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     onScroll: onEditorViewContainerScroll
   }, /*#__PURE__*/_react.default.createElement(_styled.LineNumberToolbar, {
     lineNumbersVisible: lineNumbersVisible
-  }), /*#__PURE__*/_react.default.createElement(_styled.EditorView, (0, _extends2.default)({
+  }), /*#__PURE__*/_react.default.createElement(_styled.EditorView, {
     defaultMaxRows: defaultMaxRows,
     expandedRows: expandedRows,
     isCompact: isCompact,
@@ -57,10 +56,9 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     ref: onEditorViewRef,
     onBlur: onEditorViewBlur,
     onFocus: onEditorViewFocus,
-    onTransitionEnd: onEditorViewTransitionEnd
-  }, (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? {
+    onTransitionEnd: onEditorViewTransitionEnd,
     defaultRows: defaultRows
-  } : {})), /*#__PURE__*/_react.default.createElement(_styled.EditorControls, {
+  }), /*#__PURE__*/_react.default.createElement(_styled.EditorControls, {
     isSearch: isSearch,
     isCompact: isCompact,
     isVisualRefresh: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh')

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

@@ -8,7 +8,6 @@ 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 _constants = require("@atlaskit/theme/constants");
 var _constants2 = require("../../plugins/validation-tooltip/constants");
 var _templateObject, _templateObject2, _templateObject3; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -130,9 +129,9 @@ var EditorView = exports.EditorView = // eslint-disable-next-line @atlaskit/desi
 _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\tcounter-reset: lineNumber;\n\t\tflex-grow: 1;\n\n\t\ttransition:\n\t\t\theight 250ms cubic-bezier(0.15, 1, 0.3, 1),\n\t\t\tmax-height 250ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\tmax-height: ", "px;\n\t\tline-height: ", ";\n\t\t", "\n\t\t", "\n\tfont-family: ", ";\n\t\tword-break: break-word;\n\t\toverflow-wrap: anywhere;\n\t\twhite-space: pre-wrap;\n\n\t\t&[data-expanded] {\n\t\t\theight: ", "px;\n\t\t\tmax-height: ", "px;\n\t\t}\n\n\t\t.ProseMirror {\n\t\t\tcolor: ", ";\n\t\t\tpadding: ", "px\n\t\t\t\t", "px;\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t.mark-token-keyword {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\n\t\t\t.mark-token-field {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\n\t\t\t.mark-token-operator {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\n\t\t\t.mark-token-error {\n\t\t\t\tcolor: ", ";\n\t\t\t\ttext-decoration: wavy underline;\n\t\t\t\ttext-decoration-thickness: 1px;\n\t\t\t\ttext-decoration-skip-ink: none;\n\t\t\t}\n\t\t}\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tcounter-increment: lineNumber;\n\t\t\tposition: relative;\n\n\t\t\t/* Show the current line number before each paragraph block. */\n\n\t\t\t&::before {\n\t\t\t\tcontent: counter(lineNumber);\n\t\t\t\tcolor: ", ";\n\t\t\t\tfont-size: 10px;\n\t\t\t\tline-height: ", ";\n\t\t\t\tpadding: 0 ", " 0 ", ";\n\t\t\t\tposition: absolute;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\t/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */\n\t\t\t\ttransform: translateX(calc(-100% - ", "));\n\n\t\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\t\tmax-width: 30px;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\toverflow: hidden;\n\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t"])), function (props) {
   return rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, rowHeight / 14, function (props) {
-  return props.defaultRows && (0, _platformFeatureFlags.fg)('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
+  return props.defaultRows ? '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;' : '';
+  return props.defaultRows ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
 }, "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, function (props) {

package/dist/es2019/async.js

@@ -1,9 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 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';
@@ -20,12 +18,11 @@ const JQLEditor = lazyForPaint(() => import( /* webpackChunkName: "@atlassian/as
 export const preloadJQLEditor = () => JQLEditor.preload();
 export const JQLEditorAsync = withIntlProvider(withErrorBoundary(props => {
   return /*#__PURE__*/React.createElement(LazySuspense, {
-    fallback: /*#__PURE__*/React.createElement(JQLEditorReadOnly, _extends({
+    fallback: /*#__PURE__*/React.createElement(JQLEditorReadOnly, {
       query: props.query,
       isSearch: !!props.onSearch,
-      isCompact: props.isCompact
-    }, fg('list_lovability_improving_filters') ? {
+      isCompact: props.isCompact,
       defaultRows: props.defaultRows
-    } : {}))
+    })
   }, /*#__PURE__*/React.createElement(JQLEditor, props));
 }));

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

@@ -1,6 +1,5 @@
 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 = {
@@ -24,15 +23,13 @@ export const useEditorTheme = ({
   const [expanded, setExpanded] = useState(false);
   const toggleExpanded = useCallback(() => setExpanded(prevState => !prevState), []);
   return useMemo(() => ({
-    defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows && fg('list_lovability_improving_filters') ? defaultRows : defaultMaxRows,
+    defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows ? defaultRows : defaultMaxRows,
     expanded,
     expandedRows,
     toggleExpanded,
     isSearch,
     isCompact,
-    ...(fg('list_lovability_improving_filters') ? {
-      defaultRows
-    } : {})
+    defaultRows
   }), [expanded, toggleExpanded, isSearch, isCompact, defaultRows]);
 };
 export const useEditorThemeContext = () => useContext(EditorThemeContext);

package/dist/es2019/plugins/autocomplete/components/autocomplete-dropdown/index.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Popper } from '@atlaskit/popper';
 import Spinner from '@atlaskit/spinner';
@@ -76,7 +75,6 @@ const AutocompleteDropdown = ({
   const [areRichInlineNodesEnabled] = useRichInlineNodesEnabled();
   const [autocompleteId] = useScopedId(JQL_EDITOR_AUTOCOMPLETE_ID);
   const isPopperPositioningEnabled = fg('jql_editor_autocomplete_use_popper');
-  const isScrollUIFixEnabled = FeatureGates.getExperimentValue('anip-1289-scroll-issues-in-jql-autocomplete', 'isEnabled', false);
 
   // Create virtual reference element positioned at cursor location (for popper implementation)
   const virtualReferenceElement = useMemo(() => {
@@ -295,15 +293,15 @@ const AutocompleteDropdown = ({
   }) => /*#__PURE__*/React.createElement(AutocompleteContainer, {
     "data-testid": "jql-editor-autocomplete",
     tabIndex: -1,
-    ref: ref
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Popper requires dynamic positioning via style prop
-    ,
-    style: isScrollUIFixEnabled ? {
+    ref: ref,
+    style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ...style,
       // Popper's maxSize modifier can produce a maxWidth larger than our design cap on small
       // viewports; clamp it here so the panel never overflows off-screen.
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- inline style needed to override Popper shouldFitViewport
       maxWidth: 'min(400px, calc(100vw - 16px))'
-    } : style,
+    },
     isOpen: isAutocompleteOpen,
     usePopper: true,
     onBlur: onEditorViewBlur,

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

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useIntl } from 'react-intl';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -44,7 +43,7 @@ const JQLEditorLayout = props => {
     onScroll: onEditorViewContainerScroll
   }, /*#__PURE__*/React.createElement(LineNumberToolbar, {
     lineNumbersVisible: lineNumbersVisible
-  }), /*#__PURE__*/React.createElement(EditorView, _extends({
+  }), /*#__PURE__*/React.createElement(EditorView, {
     defaultMaxRows: defaultMaxRows,
     expandedRows: expandedRows,
     isCompact: isCompact,
@@ -52,10 +51,9 @@ const JQLEditorLayout = props => {
     ref: onEditorViewRef,
     onBlur: onEditorViewBlur,
     onFocus: onEditorViewFocus,
-    onTransitionEnd: onEditorViewTransitionEnd
-  }, fg('list_lovability_improving_filters') ? {
-    defaultRows
-  } : {})), /*#__PURE__*/React.createElement(EditorControls, {
+    onTransitionEnd: onEditorViewTransitionEnd,
+    defaultRows: defaultRows
+  }), /*#__PURE__*/React.createElement(EditorControls, {
     isSearch: isSearch,
     isCompact: isCompact,
     isVisualRefresh: fg('platform-component-visual-refresh')

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

@@ -4,7 +4,6 @@
 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 { layers } from '@atlaskit/theme/constants';
 import { TOOLTIP_CLASSNAME, TOOLTIP_ENTER_CLASSNAME, TOOLTIP_EXIT_CLASSNAME } from '../../plugins/validation-tooltip/constants';
 const fadeIn = keyframes({
@@ -159,8 +158,8 @@ styled.div`
 			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;' : ''}
+		${props => props.defaultRows ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : ''}
+		${props => props.defaultRows ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : ''}
 	font-family: ${"var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"};
 		word-break: break-word;
 		overflow-wrap: anywhere;

package/dist/esm/async.js

@@ -1,9 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 
 // oxlint-disable-next-line @atlassian/no-restricted-imports
 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';
@@ -25,12 +23,11 @@ export var preloadJQLEditor = function preloadJQLEditor() {
 };
 export var JQLEditorAsync = withIntlProvider(withErrorBoundary(function (props) {
   return /*#__PURE__*/React.createElement(LazySuspense, {
-    fallback: /*#__PURE__*/React.createElement(JQLEditorReadOnly, _extends({
+    fallback: /*#__PURE__*/React.createElement(JQLEditorReadOnly, {
       query: props.query,
       isSearch: !!props.onSearch,
-      isCompact: props.isCompact
-    }, fg('list_lovability_improving_filters') ? {
+      isCompact: props.isCompact,
       defaultRows: props.defaultRows
-    } : {}))
+    })
   }, /*#__PURE__*/React.createElement(JQLEditor, props));
 }));

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

@@ -1,10 +1,6 @@
-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 = {
@@ -36,16 +32,15 @@ export var useEditorTheme = function useEditorTheme(_ref) {
     });
   }, []);
   return useMemo(function () {
-    return _objectSpread({
-      defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows && fg('list_lovability_improving_filters') ? defaultRows : defaultMaxRows,
+    return {
+      defaultMaxRows: defaultRows !== undefined && defaultRows > defaultMaxRows ? defaultRows : defaultMaxRows,
       expanded: expanded,
       expandedRows: expandedRows,
       toggleExpanded: toggleExpanded,
       isSearch: isSearch,
-      isCompact: isCompact
-    }, fg('list_lovability_improving_filters') ? {
+      isCompact: isCompact,
       defaultRows: defaultRows
-    } : {});
+    };
   }, [expanded, toggleExpanded, isSearch, isCompact, defaultRows]);
 };
 export var useEditorThemeContext = function useEditorThemeContext() {

package/dist/esm/plugins/autocomplete/components/autocomplete-dropdown/index.js

@@ -4,7 +4,6 @@ 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 React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Popper } from '@atlaskit/popper';
 import Spinner from '@atlaskit/spinner';
@@ -98,7 +97,6 @@ var AutocompleteDropdown = function AutocompleteDropdown(_ref) {
     _useScopedId2 = _slicedToArray(_useScopedId, 1),
     autocompleteId = _useScopedId2[0];
   var isPopperPositioningEnabled = fg('jql_editor_autocomplete_use_popper');
-  var isScrollUIFixEnabled = FeatureGates.getExperimentValue('anip-1289-scroll-issues-in-jql-autocomplete', 'isEnabled', false);
 
   // Create virtual reference element positioned at cursor location (for popper implementation)
   var virtualReferenceElement = useMemo(function () {
@@ -329,14 +327,13 @@ var AutocompleteDropdown = function AutocompleteDropdown(_ref) {
     return /*#__PURE__*/React.createElement(AutocompleteContainer, {
       "data-testid": "jql-editor-autocomplete",
       tabIndex: -1,
-      ref: ref
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Popper requires dynamic positioning via style prop
-      ,
-      style: isScrollUIFixEnabled ? _objectSpread(_objectSpread({}, style), {}, {
+      ref: ref,
+      style: _objectSpread(_objectSpread({}, style), {}, {
         // Popper's maxSize modifier can produce a maxWidth larger than our design cap on small
         // viewports; clamp it here so the panel never overflows off-screen.
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- inline style needed to override Popper shouldFitViewport
         maxWidth: 'min(400px, calc(100vw - 16px))'
-      }) : style,
+      }),
       isOpen: isAutocompleteOpen,
       usePopper: true,
       onBlur: onEditorViewBlur,

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

@@ -1,5 +1,4 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["isSearch", "isCompact", "defaultRows"];
 import React from 'react';
 import { useIntl } from 'react-intl';
@@ -43,7 +42,7 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     onScroll: onEditorViewContainerScroll
   }, /*#__PURE__*/React.createElement(LineNumberToolbar, {
     lineNumbersVisible: lineNumbersVisible
-  }), /*#__PURE__*/React.createElement(EditorView, _extends({
+  }), /*#__PURE__*/React.createElement(EditorView, {
     defaultMaxRows: defaultMaxRows,
     expandedRows: expandedRows,
     isCompact: isCompact,
@@ -51,10 +50,9 @@ var JQLEditorLayout = function JQLEditorLayout(props) {
     ref: onEditorViewRef,
     onBlur: onEditorViewBlur,
     onFocus: onEditorViewFocus,
-    onTransitionEnd: onEditorViewTransitionEnd
-  }, fg('list_lovability_improving_filters') ? {
+    onTransitionEnd: onEditorViewTransitionEnd,
     defaultRows: defaultRows
-  } : {})), /*#__PURE__*/React.createElement(EditorControls, {
+  }), /*#__PURE__*/React.createElement(EditorControls, {
     isSearch: isSearch,
     isCompact: isCompact,
     isVisualRefresh: fg('platform-component-visual-refresh')

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

@@ -6,7 +6,6 @@ var _templateObject, _templateObject2, _templateObject3;
 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 { layers } from '@atlaskit/theme/constants';
 import { TOOLTIP_CLASSNAME, TOOLTIP_ENTER_CLASSNAME, TOOLTIP_EXIT_CLASSNAME } from '../../plugins/validation-tooltip/constants';
 var fadeIn = keyframes({
@@ -125,9 +124,9 @@ export var EditorView = // eslint-disable-next-line @atlaskit/design-system/no-s
 styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t\tcounter-reset: lineNumber;\n\t\tflex-grow: 1;\n\n\t\ttransition:\n\t\t\theight 250ms cubic-bezier(0.15, 1, 0.3, 1),\n\t\t\tmax-height 250ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\tmax-height: ", "px;\n\t\tline-height: ", ";\n\t\t", "\n\t\t", "\n\tfont-family: ", ";\n\t\tword-break: break-word;\n\t\toverflow-wrap: anywhere;\n\t\twhite-space: pre-wrap;\n\n\t\t&[data-expanded] {\n\t\t\theight: ", "px;\n\t\t\tmax-height: ", "px;\n\t\t}\n\n\t\t.ProseMirror {\n\t\t\tcolor: ", ";\n\t\t\tpadding: ", "px\n\t\t\t\t", "px;\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t.mark-token-keyword {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\n\t\t\t.mark-token-field {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\n\t\t\t.mark-token-operator {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\n\t\t\t.mark-token-error {\n\t\t\t\tcolor: ", ";\n\t\t\t\ttext-decoration: wavy underline;\n\t\t\t\ttext-decoration-thickness: 1px;\n\t\t\t\ttext-decoration-skip-ink: none;\n\t\t\t}\n\t\t}\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tcounter-increment: lineNumber;\n\t\t\tposition: relative;\n\n\t\t\t/* Show the current line number before each paragraph block. */\n\n\t\t\t&::before {\n\t\t\t\tcontent: counter(lineNumber);\n\t\t\t\tcolor: ", ";\n\t\t\t\tfont-size: 10px;\n\t\t\t\tline-height: ", ";\n\t\t\t\tpadding: 0 ", " 0 ", ";\n\t\t\t\tposition: absolute;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\t/* Shift the line number tag 100% (plus 8px padding) to the left to position it inside the LineNumberToolbar */\n\t\t\t\ttransform: translateX(calc(-100% - ", "));\n\n\t\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\t\tmax-width: 30px;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\toverflow: hidden;\n\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\t"])), function (props) {
   return rowHeight * props.defaultMaxRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, rowHeight / 14, function (props) {
-  return props.defaultRows && fg('list_lovability_improving_filters') ? 'height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
+  return props.defaultRows ? '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;' : '';
+  return props.defaultRows ? 'min-height: ' + (rowHeight * props.defaultRows + getEditorInputVerticalPadding(props.isCompact) * 2) + 'px;' : '';
 }, "var(--ds-font-family-code, \"Atlassian Mono\", ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)", function (props) {
   return rowHeight * props.expandedRows + getEditorInputVerticalPadding(props.isCompact) * 2;
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "6.4.0",
+	"version": "6.4.2",
 	"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",
@@ -46,7 +46,7 @@
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/emoji": "^70.6.0",
+		"@atlaskit/emoji": "^70.8.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/icon": "^34.5.0",
@@ -61,7 +61,7 @@
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/teams-avatar": "^2.6.0",
+		"@atlaskit/teams-avatar": "^2.7.0",
 		"@atlaskit/theme": "^23.2.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
@@ -151,9 +151,6 @@
 		"jira-membersof-team-support": {
 			"type": "boolean"
 		},
-		"list_lovability_improving_filters": {
-			"type": "boolean"
-		},
 		"jira_ai_agent_avatar_with_apptype_for_jql": {
 			"type": "boolean"
 		},