@atlaskit/jql-editor 6.2.1 → 6.2.3

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

@@ -108,6 +108,7 @@ export var ReactNodeView = /*#__PURE__*/function () {
     // 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
+    // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- ProseMirror NodeView requires a real DOM container
     this.dom = document.createElement('span');
     this.dom.setAttribute('data-testid', 'jql-editor-node-view');
   }

package/dist/esm/schema/index.js

@@ -2,6 +2,8 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
+/* eslint-disable @atlaskit/platform/no-direct-document-usage -- ProseMirror schema uses document to build DOM markers */
+
 import mapValues from 'lodash/mapValues';
 import { baseKeymap } from '@atlaskit/editor-prosemirror/commands';
 import { keydownHandler, keymap } from '@atlaskit/editor-prosemirror/keymap';

package/dist/esm/state/index.js

@@ -81,6 +81,9 @@ export var initialState = {
 var isLineNumbersVisible = function isLineNumbersVisible(editorState) {
   return editorState.doc.childCount > 1;
 };
+
+// Explicit type declaration for actions is required for IsoDec compliance
+
 export var actions = {
   onEditorViewBlur: function onEditorViewBlur() {
     return function (_ref) {

package/dist/esm/ui/index.js

@@ -1,4 +1,5 @@
 import { withErrorBoundary } from './error-boundary';
 import { withIntlProvider } from './intl-provider';
 import JQLEditorUI from './jql-editor';
-export default withIntlProvider(withErrorBoundary(JQLEditorUI));
+var _default_1 = withIntlProvider(withErrorBoundary(JQLEditorUI));
+export default _default_1;

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

@@ -66,4 +66,5 @@ var JQLEditorInner = function JQLEditorInner(_ref) {
     inputRef: inputRef
   }))));
 };
-export default injectIntl(JQLEditorInner);
+var _default_1 = injectIntl(JQLEditorInner);
+export default _default_1;

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

@@ -1,7 +1,13 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var ExpandToggleContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ExpandToggleContainer = styled.div({
+styled.div({
   /* Override background styles for our button to match designs */
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> button': {

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

@@ -1,7 +1,13 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var SyntaxHelpContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var SyntaxHelpContainer = styled.div({
+styled.div({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> a': {
     background: "var(--ds-background-neutral-bold, #292A2E)",

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

@@ -1,10 +1,14 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { hiddenMixin } from '../../../common/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var HelpContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var HelpContainer = styled.div({
+styled.div({
   display: 'flex',
   marginLeft: 'auto',
   marginRight: 0,

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

@@ -1,15 +1,23 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var MessageContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var MessageContainer = styled.div(function (props) {
+styled.div(function (props) {
   return {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     paddingLeft: props.isSearch ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)"
   };
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var MessageList =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var MessageList = styled.ul({
+styled.ul({
   margin: 0,
   paddingLeft: "var(--ds-space-300, 24px)"
 });

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

@@ -1,5 +1,7 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, keyframes } from '@emotion/react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -25,11 +27,14 @@ var fadeOut = keyframes({
   }
 });
 
-// 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 EditorMain = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t/* CSS reset */\n\tfont-family: ", ";\n\tfont-size: 14px;\n\tflex-grow: 1;\n\n\t/* These styles and animations are derived from @atlaskit/tooltip */\n\n\t.", " {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tborder-radius: ", ";\n\t\tbox-sizing: border-box;\n\t\tfont: ", ";\n\t\tline-height: 1.3;\n\t\tmax-width: 240px;\n\t\tpadding: ", " ", ";\n\t\tword-wrap: break-word;\n\t\toverflow-wrap: break-word;\n\t\tz-index: ", ";\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tvisibility: hidden;\n\n\t\t/* Horizontally center and vertically position above the target element */\n\t\ttransform: translate(-50%, calc(-100% - ", "));\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\tvisibility: visible;\n\t\t}\n\n\t\t&.", " {\n\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t}\n\t}\n"])), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, #292A2E)", "var(--ds-text-inverse, #FFFFFF)", "var(--ds-radius-small, 3px)", "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", layers.tooltip(), "var(--ds-space-200, 16px)", TOOLTIP_ENTER_CLASSNAME, fadeIn, TOOLTIP_EXIT_CLASSNAME, fadeOut);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var EditorMain = // 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
+styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t/* CSS reset */\n\t\tfont-family: ", ";\n\t\tfont-size: 14px;\n\t\tflex-grow: 1;\n\n\t\t/* These styles and animations are derived from @atlaskit/tooltip */\n\n\t\t.", " {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tbox-sizing: border-box;\n\t\t\tfont: ", ";\n\t\t\tline-height: 1.3;\n\t\t\tmax-width: 240px;\n\t\t\tpadding: ", " ", ";\n\t\t\tword-wrap: break-word;\n\t\t\toverflow-wrap: break-word;\n\t\t\tz-index: ", ";\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tvisibility: hidden;\n\n\t\t\t/* Horizontally center and vertically position above the target element */\n\t\t\ttransform: translate(-50%, calc(-100% - ", "));\n\n\t\t\t&.", " {\n\t\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\t\tvisibility: visible;\n\t\t\t}\n\n\t\t\t&.", " {\n\t\t\t\tanimation: ", " 350ms cubic-bezier(0.15, 1, 0.3, 1);\n\t\t\t}\n\t\t}\n\t"])), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", TOOLTIP_CLASSNAME, "var(--ds-background-neutral-bold, #292A2E)", "var(--ds-text-inverse, #FFFFFF)", "var(--ds-radius-small, 3px)", "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", "var(--ds-space-025, 2px)", "var(--ds-space-075, 6px)", layers.tooltip(), "var(--ds-space-200, 16px)", TOOLTIP_ENTER_CLASSNAME, fadeIn, TOOLTIP_EXIT_CLASSNAME, fadeOut);
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var EditorFooter =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var EditorFooter = styled.div({
+styled.div({
   display: 'flex',
   justifyContent: 'space-between',
   minHeight: '20px'
@@ -42,8 +47,10 @@ var getEditorInputVerticalPadding = function getEditorInputVerticalPadding(isCom
   return isCompact ? 3 : 7;
 };
 var editorInputHorizontalPadding = 6;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var EditorViewContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var EditorViewContainer = styled.div({
+styled.div({
   backgroundColor: "var(--ds-background-input, #FFFFFF)",
   borderStyle: 'solid',
   borderWidth: "var(--ds-border-width, 1px)",
@@ -82,15 +89,19 @@ function (props) {
   });
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var ReadOnlyEditorViewContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var ReadOnlyEditorViewContainer = styled(EditorViewContainer)({
+styled(EditorViewContainer)({
   backgroundColor: "var(--ds-background-disabled, #17171708)",
   color: "var(--ds-text-disabled, #080F214A)",
   pointerEvents: 'none'
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var LineNumberToolbar =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var LineNumberToolbar = styled.div({
+styled.div({
   backgroundColor: "var(--ds-background-neutral, #0515240F)",
   flexShrink: 0,
   width: '30px',
@@ -109,8 +120,9 @@ 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\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) {
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var EditorView = // 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
+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;' : '';
@@ -124,19 +136,27 @@ export var EditorView = styled.div(_templateObject2 || (_templateObject2 = _tagg
   return getEditorInputVerticalPadding(props.isCompact);
 }, editorInputHorizontalPadding, "var(--ds-text-accent-purple, #803FA5)", "var(--ds-text-accent-blue, #1558BC)", "var(--ds-text-accent-green, #216E4E)", "var(--ds-text-danger, #AE2E24)", "var(--ds-text-subtlest, #6B6E76)", rowHeight / 10, "var(--ds-space-100, 8px)", "var(--ds-space-025, 2px)", "var(--ds-space-100, 8px)", function (props) {
   return !props.lineNumbersVisible && // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-  css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\t\tdisplay: none;\n\t\t\t\t"])));
+  css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t"])));
 });
 
 // FIXME: convert-props-syntax rule doesn't catch this
-// 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 ReadOnlyEditorView = styled(EditorView)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\t/* We need to replicate padding from the inner prosemirror element in our read only state. That means we also need\n  recompute max height excluding the child padding. */\n\tpadding: ", "px\n\t\t", "px;\n\tmax-height: ", "px;\n\n\t> p {\n\t\t/* Prevent collapsing empty paragraphs */\n\t\tmin-height: ", "px;\n\t}\n"])), function (props) {
-  return getEditorInputVerticalPadding(props.isCompact);
-}, editorInputHorizontalPadding, function (props) {
-  return rowHeight * props.defaultMaxRows;
-}, rowHeight);
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var ReadOnlyEditorView = /* eslint-disable @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766 */
+styled(EditorView)(function (props) {
+  return {
+    padding: "".concat(getEditorInputVerticalPadding(props.isCompact), "px ").concat(editorInputHorizontalPadding, "px"),
+    maxHeight: "".concat(rowHeight * props.defaultMaxRows, "px"),
+    '> p': {
+      minHeight: "".concat(rowHeight, "px")
+    }
+  };
+});
+/* eslint-enable @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-dynamic-styles, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-nested-selectors */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var EditorControls =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var EditorControls = styled.div(function (props) {
+styled.div(function (props) {
   return {
     alignItems: 'center',
     display: 'flex',

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

@@ -4,6 +4,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, { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import throttle from 'lodash/throttle';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { JQL_EDITOR_AUTOCOMPLETE_ID, JQL_EDITOR_HELP_CONTENT_ID, JQL_EDITOR_INPUT_ID, JQL_EDITOR_MAIN_ID, JQL_EDITOR_VALIDATION_ID } from '../../common/constants';
 import { useEditorThemeContext } from '../../hooks/use-editor-theme';
 import { useEditorViewIsInvalid } from '../../hooks/use-editor-view-is-invalid';
@@ -102,7 +103,7 @@ var JQLEditorView = function JQLEditorView(_ref) {
 
   // Compute HTML attributes to be applied to the Prosemirror editor view
   var getAttributes = useCallback(function () {
-    return _objectSpread(_objectSpread({
+    return _objectSpread(_objectSpread(_objectSpread({
       id: editorId,
       'data-vc': JQL_EDITOR_INPUT_ID,
       'data-testid': 'jql-editor-input',
@@ -121,6 +122,8 @@ var JQLEditorView = function JQLEditorView(_ref) {
       'aria-activedescendant': selectedOptionId
     }), editorViewIsInvalid && {
       'aria-invalid': 'true'
+    }), fg('empanda_jql-editor_fix_tab_select_in_popup') && {
+      tabindex: '0'
     });
   }, [editorId, isAutocompleteOpen, intl, autocompleteId, editorViewIsInvalid, validationId, helpContentId, selectedOptionId]);
 

package/dist/esm/ui/tooltip-tag/styled.js

@@ -1,7 +1,13 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
+export var StyledTooltipTag =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var StyledTooltipTag = styled.div({
+styled.div({
   display: 'flex'
 });

package/dist/types/accessibility/styled.d.ts

@@ -1,4 +1,7 @@
-export declare const ScreenReaderText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import type { Theme } from '@emotion/react';
+import { type StyledComponent } from '@emotion/styled';
+export declare const ScreenReaderText: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/analytics/util.d.ts

@@ -1,4 +1,5 @@
+import { type JqlAnalyticsEvent } from '@atlaskit/jql-editor-common';
 import { type Action, type ActionSubject, type ActionSubjectId } from './constants';
 export declare const useJqlEditorAnalytics: (analyticsSource: string) => {
-    createAndFireAnalyticsEvent: (payload: import("@atlaskit/jql-editor-common").JqlAnalyticsEvent<Action, ActionSubject, ActionSubjectId>) => void;
+    createAndFireAnalyticsEvent: (payload: JqlAnalyticsEvent<Action, ActionSubject, ActionSubjectId>) => void;
 };

package/dist/types/async.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { type JQLEditorProps } from './ui/types';
-export declare const preloadJQLEditor: () => import("react-loosely-lazy/dist/types/cleanup").Cleanup;
+import type { Cleanup } from 'react-loosely-lazy/dist/types/cleanup';
+export declare const preloadJQLEditor: () => Cleanup;
 export declare const JQLEditorAsync: (props: JQLEditorProps) => React.JSX.Element;

package/dist/types/common/messages.d.ts

@@ -1,7 +1,7 @@
 export declare const commonMessages: {
     unknownError: {
-        id: string;
         defaultMessage: string;
         description: string;
+        id: string;
     };
 };

package/dist/types/common/styled.d.ts

@@ -1,5 +1,8 @@
-export declare const hiddenMixin: import("@emotion/utils").SerializedStyles;
-export declare const TooltipContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { type SerializedStyles, type Theme } from '@emotion/react';
+import { type StyledComponent } from '@emotion/styled';
+export declare const hiddenMixin: SerializedStyles;
+export declare const TooltipContent: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,3 +1,4 @@
+import { type Context } from 'react';
 export type EditorTheme = {
     /**
      * The maximum number of rows that are visible in the default editor view.
@@ -30,7 +31,7 @@ export type EditorTheme = {
      */
     toggleExpanded: () => void;
 };
-export declare const EditorThemeContext: import("react").Context<EditorTheme>;
+export declare const EditorThemeContext: Context<EditorTheme>;
 /**
  * Hook to manage the theming state of the editor.
  */

package/dist/types/plugins/autocomplete/components/autocomplete-dropdown/styled.d.ts

@@ -1,21 +1,24 @@
-export declare const AutocompleteContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import type { DetailedHTMLProps, HTMLAttributes } from 'react';
+import type { Theme } from '@emotion/react';
+import { type StyledComponent } from '@emotion/styled';
+export declare const AutocompleteContainer: StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     isOpen: boolean;
     usePopper?: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AutocompleteOptionsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AutocompleteOptionsContainer: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OptionList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptionList: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const AutocompleteLoadingFooter: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const AutocompleteLoadingFooter: StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     hasOptions: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/plugins/autocomplete/components/autocomplete-option/messages.d.ts

@@ -1,12 +1,12 @@
 export declare const messages: {
     deprecatedFieldTooltipDefaultMessage: {
-        id: string;
         defaultMessage: string;
         description: string;
+        id: string;
     };
     deprecatedFieldTooltipParentReplacementMessage: {
-        id: string;
         defaultMessage: string;
         description: string;
+        id: string;
     };
 };

package/dist/types/plugins/autocomplete/components/autocomplete-option/styled.d.ts

@@ -1,31 +1,34 @@
-export declare const TooltipContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import type { DetailedHTMLProps, HTMLAttributes, LiHTMLAttributes } from 'react';
+import type { Theme } from '@emotion/react';
+import { type StyledComponent } from '@emotion/styled';
+export declare const TooltipContent: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OptionListItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptionListItem: StyledComponent<{
     as?: React.ElementType;
+    theme?: Theme;
 } & {
     isDeprecated: boolean;
     isSelected: boolean;
-}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const OptionName: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const OptionName: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DeprecatedOptionContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DeprecatedOptionContainer: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OptionHighlight: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptionHighlight: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const FieldType: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const FieldType: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FieldTypeIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FieldTypeIcon: StyledComponent<{
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+    theme?: Theme;
+}, DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/types/plugins/autocomplete/messages.d.ts

@@ -1,7 +1,7 @@
 export declare const messages: {
     optionsFound: {
-        id: string;
         defaultMessage: string;
         description: string;
+        id: string;
     };
 };

package/dist/types/plugins/common/plugin-keymap.d.ts

@@ -1,7 +1,8 @@
+import { type JQLEditorCommand } from '../../schema';
 export declare class PluginKeymap {
     private keymap;
     bindKey(key: string, handler: () => boolean): void;
     bindMultipleKeys(keys: string[], handler: () => boolean): void;
     unbindKey(key: string): void;
-    getKeyBinding(key: string): import("../../schema").JQLEditorCommand;
+    getKeyBinding(key: string): JQLEditorCommand;
 }