@atlaskit/jql-editor 6.4.6 → 6.4.7

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/jql-editor
 
+## 6.4.7
+
+### Patch Changes
+
+- [`87ab60401cc1d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87ab60401cc1d) -
+  Cleanup feature gate `empanda_jql-editor_fix_tab_select_in_popup`. The JQL editor input now always
+  sets `tabindex="0"` so it is reliably focusable when rendered inside a popup.
+- Updated dependencies
+
 ## 6.4.6
 
 ### Patch Changes

package/dist/cjs/analytics/util.js

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.useJqlEditorAnalytics = void 0;
 var _jqlEditorCommon = require("@atlaskit/jql-editor-common");
 var useJqlEditorAnalytics = exports.useJqlEditorAnalytics = function useJqlEditorAnalytics(analyticsSource) {
-  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "6.4.5", _jqlEditorCommon.ANALYTICS_CHANNEL);
+  return (0, _jqlEditorCommon.useJqlPackageAnalytics)(analyticsSource, "@atlaskit/jql-editor", "6.4.6", _jqlEditorCommon.ANALYTICS_CHANNEL);
 };

package/dist/cjs/state/hydration/index.js

@@ -19,19 +19,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var hydrateQuery = exports.hydrateQuery = function hydrateQuery() {
   return /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref, _ref2) {
-      var setState, getState, dispatch, onHydrate, _getState, query, oldHydratedValues, enableRichInlineNodes, editorState, queryToHydrate, jast, visitor, newHydratedValues, hydratedValuesMap;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      var setState, getState, dispatch, onHydrate, _getState, query, oldHydratedValues, enableRichInlineNodes, editorState, queryToHydrate, jast, visitor, newHydratedValues, hydratedValuesMap, _t;
+      return _regenerator.default.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setState = _ref.setState, getState = _ref.getState, dispatch = _ref.dispatch;
             onHydrate = _ref2.onHydrate;
             _getState = getState(), query = _getState.query, oldHydratedValues = _getState.hydratedValues, enableRichInlineNodes = _getState.enableRichInlineNodes, editorState = _getState.editorState;
             if (!(!enableRichInlineNodes || !onHydrate || !query)) {
-              _context.next = 5;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return");
-          case 5:
+          case 1:
             queryToHydrate = query;
             jast = (0, _jqlAst.getJastFromState)(editorState); // Hydration API will fail for syntactically invalid queries, including partial queries. We do want to hydrate those
             // as well to be able to handle queries like `assignee in (abc-123-def`, so we build an equivalent valid query.
@@ -40,15 +40,15 @@ var hydrateQuery = exports.hydrateQuery = function hydrateQuery() {
               queryToHydrate = jast.query.accept(visitor);
             }
             if (queryToHydrate) {
-              _context.next = 10;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return");
-          case 10:
-            _context.prev = 10;
-            _context.next = 13;
+          case 2:
+            _context.prev = 2;
+            _context.next = 3;
             return onHydrate(queryToHydrate);
-          case 13:
+          case 3:
             newHydratedValues = _context.sent;
             // IMPORTANT: Field name keys must be normalised (unquoted + lowercased) when storing hydrated values.
             // The hydration API returns field names in a canonical format (e.g. 'Project[AtlassianProject]'),
@@ -70,16 +70,16 @@ var hydrateQuery = exports.hydrateQuery = function hydrateQuery() {
               hydratedValues: hydratedValuesMap
             });
             dispatch(replaceHydratedValuesWithRichInlineNodes());
-            _context.next = 21;
+            _context.next = 5;
             break;
-          case 19:
-            _context.prev = 19;
-            _context.t0 = _context["catch"](10);
-          case 21:
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+          case 5:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[10, 19]]);
+      }, _callee, null, [[2, 4]]);
     }));
     return function (_x, _x2) {
       return _ref3.apply(this, arguments);

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

@@ -33,7 +33,7 @@ _styled.default.div({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&[disabled]': {
-      background: "var(--ds-background-disabled, #17171708)"
+      background: "var(--ds-background-disabled, #0515240F)"
     }
   }
 });

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

@@ -97,7 +97,7 @@ function (props) {
 var ReadOnlyEditorViewContainer = exports.ReadOnlyEditorViewContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 (0, _styled.default)(EditorViewContainer)({
-  backgroundColor: "var(--ds-background-disabled, #17171708)",
+  backgroundColor: "var(--ds-background-disabled, #0515240F)",
   color: "var(--ds-text-disabled, #080F214A)",
   pointerEvents: 'none'
 });

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

@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../common/constants");
 var _useEditorTheme = require("../../hooks/use-editor-theme");
 var _useEditorViewIsInvalid = require("../../hooks/use-editor-view-is-invalid");
@@ -129,7 +128,7 @@ var JQLEditorView = function JQLEditorView(_ref) {
       'aria-activedescendant': selectedOptionId
     }), editorViewIsInvalid && {
       'aria-invalid': 'true'
-    }), (0, _platformFeatureFlags.fg)('empanda_jql-editor_fix_tab_select_in_popup') && {
+    }), {}, {
       tabindex: '0'
     });
   }, [editorId, isAutocompleteOpen, intl, autocompleteId, editorViewIsInvalid, validationId, helpContentId, selectedOptionId]);

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

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

@@ -25,7 +25,7 @@ styled.div({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&[disabled]': {
-      background: "var(--ds-background-disabled, #17171708)"
+      background: "var(--ds-background-disabled, #0515240F)"
     }
   }
 });

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

@@ -121,7 +121,7 @@ css({
 export const ReadOnlyEditorViewContainer =
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 styled(EditorViewContainer)({
-  backgroundColor: "var(--ds-background-disabled, #17171708)",
+  backgroundColor: "var(--ds-background-disabled, #0515240F)",
   color: "var(--ds-text-disabled, #080F214A)",
   pointerEvents: 'none'
 });

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

@@ -1,6 +1,5 @@
 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';
@@ -99,9 +98,7 @@ const JQLEditorView = ({
       ...(editorViewIsInvalid && {
         'aria-invalid': 'true'
       }),
-      ...(fg('empanda_jql-editor_fix_tab_select_in_popup') && {
-        tabindex: '0'
-      })
+      tabindex: '0'
     };
   }, [editorId, isAutocompleteOpen, intl, autocompleteId, editorViewIsInvalid, validationId, helpContentId, selectedOptionId]);
 

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

package/dist/esm/state/hydration/index.js

@@ -12,19 +12,19 @@ import { normaliseHydrationKey, ValidQueryVisitor } from './util';
 export var hydrateQuery = function hydrateQuery() {
   return /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref, _ref2) {
-      var setState, getState, dispatch, onHydrate, _getState, query, oldHydratedValues, enableRichInlineNodes, editorState, queryToHydrate, jast, visitor, newHydratedValues, hydratedValuesMap;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      var setState, getState, dispatch, onHydrate, _getState, query, oldHydratedValues, enableRichInlineNodes, editorState, queryToHydrate, jast, visitor, newHydratedValues, hydratedValuesMap, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setState = _ref.setState, getState = _ref.getState, dispatch = _ref.dispatch;
             onHydrate = _ref2.onHydrate;
             _getState = getState(), query = _getState.query, oldHydratedValues = _getState.hydratedValues, enableRichInlineNodes = _getState.enableRichInlineNodes, editorState = _getState.editorState;
             if (!(!enableRichInlineNodes || !onHydrate || !query)) {
-              _context.next = 5;
+              _context.next = 1;
               break;
             }
             return _context.abrupt("return");
-          case 5:
+          case 1:
             queryToHydrate = query;
             jast = getJastFromState(editorState); // Hydration API will fail for syntactically invalid queries, including partial queries. We do want to hydrate those
             // as well to be able to handle queries like `assignee in (abc-123-def`, so we build an equivalent valid query.
@@ -33,15 +33,15 @@ export var hydrateQuery = function hydrateQuery() {
               queryToHydrate = jast.query.accept(visitor);
             }
             if (queryToHydrate) {
-              _context.next = 10;
+              _context.next = 2;
               break;
             }
             return _context.abrupt("return");
-          case 10:
-            _context.prev = 10;
-            _context.next = 13;
+          case 2:
+            _context.prev = 2;
+            _context.next = 3;
             return onHydrate(queryToHydrate);
-          case 13:
+          case 3:
             newHydratedValues = _context.sent;
             // IMPORTANT: Field name keys must be normalised (unquoted + lowercased) when storing hydrated values.
             // The hydration API returns field names in a canonical format (e.g. 'Project[AtlassianProject]'),
@@ -63,16 +63,16 @@ export var hydrateQuery = function hydrateQuery() {
               hydratedValues: hydratedValuesMap
             });
             dispatch(replaceHydratedValuesWithRichInlineNodes());
-            _context.next = 21;
+            _context.next = 5;
             break;
-          case 19:
-            _context.prev = 19;
-            _context.t0 = _context["catch"](10);
-          case 21:
+          case 4:
+            _context.prev = 4;
+            _t = _context["catch"](2);
+          case 5:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[10, 19]]);
+      }, _callee, null, [[2, 4]]);
     }));
     return function (_x, _x2) {
       return _ref3.apply(this, arguments);

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

@@ -25,7 +25,7 @@ styled.div({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&[disabled]': {
-      background: "var(--ds-background-disabled, #17171708)"
+      background: "var(--ds-background-disabled, #0515240F)"
     }
   }
 });

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

@@ -92,7 +92,7 @@ function (props) {
 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
 styled(EditorViewContainer)({
-  backgroundColor: "var(--ds-background-disabled, #17171708)",
+  backgroundColor: "var(--ds-background-disabled, #0515240F)",
   color: "var(--ds-text-disabled, #080F214A)",
   pointerEvents: 'none'
 });

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

@@ -4,7 +4,6 @@ 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';
@@ -122,7 +121,7 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/jql-editor",
-	"version": "6.4.6",
+	"version": "6.4.7",
 	"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,11 +46,11 @@
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/emoji": "^70.10.0",
+		"@atlaskit/emoji": "^70.14.0",
 		"@atlaskit/feature-gate-js-client": "^5.7.0",
 		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/icon": "^35.1.0",
-		"@atlaskit/icon-lab": "^6.10.0",
+		"@atlaskit/icon": "^35.3.0",
+		"@atlaskit/icon-lab": "^6.12.0",
 		"@atlaskit/jql-ast": "^3.5.0",
 		"@atlaskit/jql-autocomplete": "^2.1.0",
 		"@atlaskit/jql-editor-common": "^3.3.0",
@@ -63,8 +63,8 @@
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/teams-avatar": "^2.7.0",
 		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/tooltip": "^22.3.0",
+		"@atlaskit/tokens": "^13.1.0",
+		"@atlaskit/tooltip": "^22.5.0",
 		"@atlaskit/townsquare-emoji-provider": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -152,9 +152,6 @@
 		},
 		"jira_ai_agent_avatar_with_apptype_for_jql": {
 			"type": "boolean"
-		},
-		"empanda_jql-editor_fix_tab_select_in_popup": {
-			"type": "boolean"
 		}
 	}
 }