@atlaskit/link-datasource 4.32.1 → 4.32.3

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/link-datasource
 
+## 4.32.3
+
+### Patch Changes
+
+- [`08c554687a400`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/08c554687a400) -
+  FG cleanup navx-sllv-fix-inline-edit-error
+- Updated dependencies
+
+## 4.32.2
+
+### Patch Changes
+
+- [`ebd1d53e42731`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ebd1d53e42731) -
+  [ux] Fix a bug where pressing escape when dropdowns inside modal dialog are opened is closing the
+  modal dialog itself. Behind platform_navx_sllv_dropdown_escape_and_focus_fix FG
+- Updated dependencies
+
 ## 4.32.1
 
 ### Patch Changes

package/dist/cjs/ui/assets-modal/search-container/aql-search-input/index.js

@@ -61,7 +61,6 @@ var renderValidatorIcon = function renderValidatorIcon(lastValidationResult) {
     return /*#__PURE__*/React.createElement(_crossCircle.default, {
       label: "label",
       color: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
-      LEGACY_size: "medium",
       testId: "assets-datasource-modal--aql-invalid",
       spacing: "spacious"
     });
@@ -70,14 +69,12 @@ var renderValidatorIcon = function renderValidatorIcon(lastValidationResult) {
     return /*#__PURE__*/React.createElement(_statusSuccess.default, {
       label: "label",
       color: "var(--ds-icon-success, ".concat(_colors.G300, ")"),
-      LEGACY_size: "medium",
       testId: "assets-datasource-modal--aql-valid",
       spacing: "spacious"
     });
   }
   return /*#__PURE__*/React.createElement(_search.default, {
     label: "label",
-    LEGACY_size: "medium",
     testId: "assets-datasource-modal--aql-idle",
     color: "currentColor",
     spacing: "spacious"
@@ -119,7 +116,6 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref2) {
       }, /*#__PURE__*/React.createElement(_questionCircle.default, {
         label: "label",
         color: "var(--ds-icon, ".concat(_colors.N500, ")"),
-        LEGACY_size: "medium",
         testId: "assets-datasource-modal-help",
         spacing: "spacious"
       }))), /*#__PURE__*/React.createElement(_compiled.Box, {
@@ -129,7 +125,6 @@ var AqlSearchInput = exports.AqlSearchInput = function AqlSearchInput(_ref2) {
         isLoading: isSearching,
         icon: function icon(iconProps) {
           return /*#__PURE__*/React.createElement(_search.default, (0, _extends2.default)({}, iconProps, {
-            LEGACY_size: "medium",
             spacing: "spacious",
             color: "currentColor"
           }));

package/dist/cjs/ui/common/modal/basic-search-input/index.js

@@ -57,7 +57,6 @@ var BasicSearchInput = exports.BasicSearchInput = function BasicSearchInput(_ref
       isLoading: isSearching,
       icon: function icon(iconProps) {
         return /*#__PURE__*/React.createElement(_search.default, (0, _extends2.default)({}, iconProps, {
-          LEGACY_size: "medium",
           spacing: "spacious",
           color: "currentColor"
         }));

package/dist/cjs/ui/common/modal/popup-select/formatOptionLabel.js

@@ -59,7 +59,6 @@ var AvatarOptionLabel = function AvatarOptionLabel(_ref3) {
     xcss: styles.groupWrapperStyles
   }, /*#__PURE__*/_react.default.createElement(_peopleGroup.default, {
     color: "currentColor",
-    LEGACY_size: "small",
     label: ""
   })) : /*#__PURE__*/_react.default.createElement(_avatar.default, {
     appearance: data.isSquare ? 'square' : 'circle',

package/dist/cjs/ui/common/modal/popup-select/index.js

@@ -16,6 +16,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _reactIntlNext = require("react-intl-next");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _select = require("@atlaskit/select");
 var _analytics = require("../../../../analytics");
 var _control = _interopRequireDefault(require("./control"));
@@ -223,6 +224,7 @@ var FilterPopupSelect = exports.FilterPopupSelect = function FilterPopupSelect(_
     onInputChange: handleInputChange,
     onOpen: handleMenuOpen,
     onClose: handleMenuClose,
+    shouldPreventEscapePropagation: (0, _platformFeatureFlags.fg)('platform_navx_sllv_dropdown_escape_and_focus_fix'),
     target: function target(_ref3) {
       var isOpen = _ref3.isOpen,
         triggerProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);

package/dist/cjs/ui/common/modal/popup-select/trigger.js

@@ -17,6 +17,7 @@ var _badge = _interopRequireDefault(require("@atlaskit/badge"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _excluded = ["as", "style"];
@@ -62,6 +63,15 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
       testId: "".concat(triggerButtonTestId, "--loading-button")
     }, label));
   }, [label, triggerButtonTestId]);
+  var loadingButton = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
+      ref: ref,
+      iconAfter: /*#__PURE__*/_react.default.createElement(_spinner.default, {
+        size: 'xsmall'
+      }),
+      testId: "".concat(triggerButtonTestId, "--loading-button")
+    }, label));
+  }, [label, triggerButtonTestId, ref]);
   var DefaultButton = (0, _react.useCallback)(function () {
     return /*#__PURE__*/_react.default.createElement(_new.default, {
       isSelected: isSelected || hasOptions,
@@ -84,12 +94,37 @@ var PopupTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
       appearance: "primary"
     }, "+", selectedOptions.length - 1))));
   }, [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
+  var defaultButton = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(_new.default, {
+      ref: ref,
+      isSelected: isSelected || hasOptions,
+      isDisabled: isDisabled,
+      iconAfter: function iconAfter() {
+        return /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
+          label: "",
+          color: "currentColor",
+          size: "small"
+        });
+      },
+      testId: "".concat(triggerButtonTestId, "--button"),
+      "aria-expanded": isSelected
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, null, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      xcss: styles.triggerButtonLabelStyles
+    }, label, firstOption && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+      xcss: styles.badgeStyles,
+      alignItems: "center"
+    }, /*#__PURE__*/_react.default.createElement(_badge.default, {
+      appearance: "primary"
+    }, "+", selectedOptions.length - 1))));
+  }, [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId, ref]);
 
   /**
    * We had an issue with the popup component referencing a stale DOM ref for the trigger button.
    * Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
    */
-  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+  return (0, _platformFeatureFlags.fg)('platform_navx_sllv_dropdown_escape_and_focus_fix') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    testId: triggerButtonTestId
+  }, showButtonLoading ? loadingButton : defaultButton) : /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     ref: ref,
     testId: triggerButtonTestId
   }, showButtonLoading ? /*#__PURE__*/_react.default.createElement(LoadingButton, null) : /*#__PURE__*/_react.default.createElement(DefaultButton, null));

package/dist/cjs/ui/issue-like-table/edit-type/icon/index.js

@@ -55,14 +55,12 @@ var IconEditType = function IconEditType(props) {
     // We can't update this field if we don't have an ID - however the ID
     // is typed optional.
     ,
-    options: (0, _platformFeatureFlags.fg)('navx-sllv-fix-inline-edit-error') ? options === null || options === void 0 ? void 0 : options.filter(function (option) {
-      return option.id;
-    }) : options.filter(function (option) {
+    options: options === null || options === void 0 ? void 0 : options.filter(function (option) {
       return option.id;
     }),
     menuPlacement: "auto",
     isLoading: isLoading,
-    filterOption: (0, _platformFeatureFlags.fg)('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     testId: "inline-edit-priority",
     value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
     labelId: labelId,
@@ -87,17 +85,11 @@ var IconEditType = function IconEditType(props) {
         type: 'icon',
         values: e ? [e] : []
       });
-    }
+    },
+    shouldPreventEscapePropagation: (0, _platformFeatureFlags.fg)('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-var filterOptionOld = function filterOptionOld(option, inputValue) {
-  return option.label.toLowerCase().includes(inputValue.toLowerCase());
-};
-var filterOptionNew = function filterOptionNew(option, inputValue) {
+var filterOption = function filterOption(option, inputValue) {
   var _option$label, _option$label$toLower;
   return (_option$label = option.label) === null || _option$label === void 0 || (_option$label$toLower = _option$label.toLowerCase) === null || _option$label$toLower === void 0 || (_option$label$toLower = _option$label$toLower.call(_option$label)) === null || _option$label$toLower === void 0 ? void 0 : _option$label$toLower.includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
 };

package/dist/cjs/ui/issue-like-table/edit-type/status/index.js

@@ -55,7 +55,7 @@ var StatusEditType = function StatusEditType(props) {
     blurInputOnSelect: true,
     menuPlacement: "auto",
     isLoading: isLoading,
-    filterOption: (0, _platformFeatureFlags.fg)('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     testId: "inline-edit-status",
     getOptionValue: function getOptionValue(option) {
       return option.text;
@@ -80,17 +80,11 @@ var StatusEditType = function StatusEditType(props) {
         type: 'status',
         values: e ? [e] : []
       });
-    }
+    },
+    shouldPreventEscapePropagation: (0, _platformFeatureFlags.fg)('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-var filterOptionOld = function filterOptionOld(option, inputValue) {
-  return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
-};
-var filterOptionNew = function filterOptionNew(option, inputValue) {
+var filterOption = function filterOption(option, inputValue) {
   var _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
   return (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.text) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue));
 };

package/dist/cjs/ui/issue-like-table/edit-type/user/index.js

@@ -85,7 +85,7 @@ var UserEditType = function UserEditType(props) {
     options: options,
     isLoading: isLoading,
     testId: "inline-edit-user",
-    filterOption: (0, _platformFeatureFlags.fg)('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     menuPlacement: "auto",
     onInputChange: handleUserInputDebounced,
     value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
@@ -115,19 +115,12 @@ var UserEditType = function UserEditType(props) {
         type: 'user',
         values: e ? [e] : []
       });
-    }
+    },
+    shouldPreventEscapePropagation: (0, _platformFeatureFlags.fg)('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-var filterOptionOld = function filterOptionOld(option, inputValue) {
-  var _option$data$displayN, _option$data$displayN2;
-  return (_option$data$displayN = (_option$data$displayN2 = option.data.displayName) === null || _option$data$displayN2 === void 0 ? void 0 : _option$data$displayN2.toLowerCase().includes(inputValue.toLowerCase())) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
-};
-var filterOptionNew = function filterOptionNew(option, inputValue) {
-  var _option$data$displayN3, _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
-  return (_option$data$displayN3 = (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.displayName) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN3 !== void 0 ? _option$data$displayN3 : false;
+var filterOption = function filterOption(option, inputValue) {
+  var _option$data$displayN, _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
+  return (_option$data$displayN = (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.displayName) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
 };
 var _default = exports.default = UserEditType;

package/dist/es2019/ui/assets-modal/search-container/aql-search-input/index.js

@@ -52,7 +52,6 @@ const renderValidatorIcon = lastValidationResult => {
     return /*#__PURE__*/React.createElement(CrossCircleIcon, {
       label: "label",
       color: `var(--ds-icon-danger, ${R400})`,
-      LEGACY_size: "medium",
       testId: "assets-datasource-modal--aql-invalid",
       spacing: "spacious"
     });
@@ -61,14 +60,12 @@ const renderValidatorIcon = lastValidationResult => {
     return /*#__PURE__*/React.createElement(CheckCircleIcon, {
       label: "label",
       color: `var(--ds-icon-success, ${G300})`,
-      LEGACY_size: "medium",
       testId: "assets-datasource-modal--aql-valid",
       spacing: "spacious"
     });
   }
   return /*#__PURE__*/React.createElement(SearchIcon, {
     label: "label",
-    LEGACY_size: "medium",
     testId: "assets-datasource-modal--aql-idle",
     color: "currentColor",
     spacing: "spacious"
@@ -112,7 +109,6 @@ export const AqlSearchInput = ({
     }, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
       label: "label",
       color: `var(--ds-icon, ${N500})`,
-      LEGACY_size: "medium",
       testId: "assets-datasource-modal-help",
       spacing: "spacious"
     }))), /*#__PURE__*/React.createElement(Box, {
@@ -121,7 +117,6 @@ export const AqlSearchInput = ({
       appearance: "primary",
       isLoading: isSearching,
       icon: iconProps => /*#__PURE__*/React.createElement(SearchIcon, _extends({}, iconProps, {
-        LEGACY_size: "medium",
         spacing: "spacious",
         color: "currentColor"
       })),

package/dist/es2019/ui/common/modal/basic-search-input/index.js

@@ -50,7 +50,6 @@ export const BasicSearchInput = ({
       appearance: "primary",
       isLoading: isSearching,
       icon: iconProps => /*#__PURE__*/React.createElement(SearchIcon, _extends({}, iconProps, {
-        LEGACY_size: "medium",
         spacing: "spacious",
         color: "currentColor"
       })),

package/dist/es2019/ui/common/modal/popup-select/formatOptionLabel.js

@@ -57,7 +57,6 @@ const AvatarOptionLabel = ({
     xcss: styles.groupWrapperStyles
   }, /*#__PURE__*/React.createElement(PeopleGroupIcon, {
     color: "currentColor",
-    LEGACY_size: "small",
     label: ""
   })) : /*#__PURE__*/React.createElement(Avatar, {
     appearance: data.isSquare ? 'square' : 'circle',

package/dist/es2019/ui/common/modal/popup-select/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import isEqual from 'lodash/isEqual';
 import { useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { PopupSelect } from '@atlaskit/select';
 import { useDatasourceAnalyticsEvents } from '../../../../analytics';
 import CustomControl from './control';
@@ -172,6 +173,7 @@ export const FilterPopupSelect = ({
     onInputChange: handleInputChange,
     onOpen: handleMenuOpen,
     onClose: handleMenuClose,
+    shouldPreventEscapePropagation: fg('platform_navx_sllv_dropdown_escape_and_focus_fix'),
     target: ({
       isOpen,
       ...triggerProps

package/dist/es2019/ui/common/modal/popup-select/trigger.js

@@ -2,11 +2,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "./trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef, useCallback } from 'react';
+import React, { forwardRef, useCallback, useMemo } from 'react';
 import Badge from '@atlaskit/badge';
 import NewButton from '@atlaskit/button/new';
 import Button from '@atlaskit/button/standard-button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 const styles = {
@@ -47,6 +48,13 @@ const PopupTrigger = /*#__PURE__*/forwardRef(({
     }),
     testId: `${triggerButtonTestId}--loading-button`
   }, label)), [label, triggerButtonTestId]);
+  const loadingButton = useMemo(() => /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
+    ref: ref,
+    iconAfter: /*#__PURE__*/React.createElement(Spinner, {
+      size: 'xsmall'
+    }),
+    testId: `${triggerButtonTestId}--loading-button`
+  }, label)), [label, triggerButtonTestId, ref]);
   const DefaultButton = useCallback(() => /*#__PURE__*/React.createElement(NewButton, {
     isSelected: isSelected || hasOptions,
     isDisabled: isDisabled,
@@ -65,12 +73,33 @@ const PopupTrigger = /*#__PURE__*/forwardRef(({
   }, /*#__PURE__*/React.createElement(Badge, {
     appearance: "primary"
   }, "+", selectedOptions.length - 1)))), [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
+  const defaultButton = useMemo(() => /*#__PURE__*/React.createElement(NewButton, {
+    ref: ref,
+    isSelected: isSelected || hasOptions,
+    isDisabled: isDisabled,
+    iconAfter: () => /*#__PURE__*/React.createElement(ChevronDownIcon, {
+      label: "",
+      color: "currentColor",
+      size: "small"
+    }),
+    testId: `${triggerButtonTestId}--button`,
+    "aria-expanded": isSelected
+  }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.triggerButtonLabelStyles
+  }, label, firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
+    xcss: styles.badgeStyles,
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Badge, {
+    appearance: "primary"
+  }, "+", selectedOptions.length - 1)))), [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId, ref]);
 
   /**
    * We had an issue with the popup component referencing a stale DOM ref for the trigger button.
    * Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
    */
-  return /*#__PURE__*/React.createElement(Box, {
+  return fg('platform_navx_sllv_dropdown_escape_and_focus_fix') ? /*#__PURE__*/React.createElement(Box, {
+    testId: triggerButtonTestId
+  }, showButtonLoading ? loadingButton : defaultButton) : /*#__PURE__*/React.createElement(Box, {
     ref: ref,
     testId: triggerButtonTestId
   }, showButtonLoading ? /*#__PURE__*/React.createElement(LoadingButton, null) : /*#__PURE__*/React.createElement(DefaultButton, null));

package/dist/es2019/ui/issue-like-table/edit-type/icon/index.js

@@ -49,10 +49,10 @@ const IconEditType = props => {
     // We can't update this field if we don't have an ID - however the ID
     // is typed optional.
     ,
-    options: fg('navx-sllv-fix-inline-edit-error') ? options === null || options === void 0 ? void 0 : options.filter(option => option.id) : options.filter(option => option.id),
+    options: options === null || options === void 0 ? void 0 : options.filter(option => option.id),
     menuPlacement: "auto",
     isLoading: isLoading,
-    filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     testId: "inline-edit-priority",
     value: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
     labelId: labelId,
@@ -72,15 +72,11 @@ const IconEditType = props => {
     onChange: e => props.setEditValues({
       type: 'icon',
       values: e ? [e] : []
-    })
+    }),
+    shouldPreventEscapePropagation: fg('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-const filterOptionOld = (option, inputValue) => option.label.toLowerCase().includes(inputValue.toLowerCase());
-const filterOptionNew = (option, inputValue) => {
+const filterOption = (option, inputValue) => {
   var _option$label, _option$label$toLower, _option$label$toLower2;
   return (_option$label = option.label) === null || _option$label === void 0 ? void 0 : (_option$label$toLower = _option$label.toLowerCase) === null || _option$label$toLower === void 0 ? void 0 : (_option$label$toLower2 = _option$label$toLower.call(_option$label)) === null || _option$label$toLower2 === void 0 ? void 0 : _option$label$toLower2.includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
 };

package/dist/es2019/ui/issue-like-table/edit-type/status/index.js

@@ -49,7 +49,7 @@ const StatusEditType = props => {
     blurInputOnSelect: true,
     menuPlacement: "auto",
     isLoading: isLoading,
-    filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     testId: "inline-edit-status",
     getOptionValue: option => option.text,
     value: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
@@ -68,15 +68,11 @@ const StatusEditType = props => {
     onChange: e => props.setEditValues({
       type: 'status',
       values: e ? [e] : []
-    })
+    }),
+    shouldPreventEscapePropagation: fg('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-const filterOptionOld = (option, inputValue) => option.data.text.toLowerCase().includes(inputValue.toLowerCase());
-const filterOptionNew = (option, inputValue) => {
+const filterOption = (option, inputValue) => {
   var _option$data, _option$data$text, _option$data$text$toL, _option$data$text$toL2, _inputValue$toLowerCa;
   return (_option$data = option.data) === null || _option$data === void 0 ? void 0 : (_option$data$text = _option$data.text) === null || _option$data$text === void 0 ? void 0 : (_option$data$text$toL = _option$data$text.toLowerCase) === null || _option$data$text$toL === void 0 ? void 0 : (_option$data$text$toL2 = _option$data$text$toL.call(_option$data$text)) === null || _option$data$text$toL2 === void 0 ? void 0 : _option$data$text$toL2.includes(inputValue === null || inputValue === void 0 ? void 0 : (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue));
 };

package/dist/es2019/ui/issue-like-table/edit-type/user/index.js

@@ -70,7 +70,7 @@ const UserEditType = props => {
     options: options,
     isLoading: isLoading,
     testId: "inline-edit-user",
-    filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     menuPlacement: "auto",
     onInputChange: handleUserInputDebounced,
     value: currentValue === null || currentValue === void 0 ? void 0 : (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
@@ -94,19 +94,12 @@ const UserEditType = props => {
     onChange: e => props.setEditValues({
       type: 'user',
       values: e ? [e] : []
-    })
+    }),
+    shouldPreventEscapePropagation: fg('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-const filterOptionOld = (option, inputValue) => {
-  var _option$data$displayN, _option$data$displayN2;
-  return (_option$data$displayN = (_option$data$displayN2 = option.data.displayName) === null || _option$data$displayN2 === void 0 ? void 0 : _option$data$displayN2.toLowerCase().includes(inputValue.toLowerCase())) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
-};
-const filterOptionNew = (option, inputValue) => {
-  var _option$data$displayN3, _option$data, _option$data$displayN4, _option$data$displayN5, _option$data$displayN6, _inputValue$toLowerCa;
-  return (_option$data$displayN3 = (_option$data = option.data) === null || _option$data === void 0 ? void 0 : (_option$data$displayN4 = _option$data.displayName) === null || _option$data$displayN4 === void 0 ? void 0 : (_option$data$displayN5 = _option$data$displayN4.toLowerCase) === null || _option$data$displayN5 === void 0 ? void 0 : (_option$data$displayN6 = _option$data$displayN5.call(_option$data$displayN4)) === null || _option$data$displayN6 === void 0 ? void 0 : _option$data$displayN6.includes(inputValue === null || inputValue === void 0 ? void 0 : (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN3 !== void 0 ? _option$data$displayN3 : false;
+const filterOption = (option, inputValue) => {
+  var _option$data$displayN, _option$data, _option$data$displayN2, _option$data$displayN3, _option$data$displayN4, _inputValue$toLowerCa;
+  return (_option$data$displayN = (_option$data = option.data) === null || _option$data === void 0 ? void 0 : (_option$data$displayN2 = _option$data.displayName) === null || _option$data$displayN2 === void 0 ? void 0 : (_option$data$displayN3 = _option$data$displayN2.toLowerCase) === null || _option$data$displayN3 === void 0 ? void 0 : (_option$data$displayN4 = _option$data$displayN3.call(_option$data$displayN2)) === null || _option$data$displayN4 === void 0 ? void 0 : _option$data$displayN4.includes(inputValue === null || inputValue === void 0 ? void 0 : (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
 };
 export default UserEditType;

package/dist/esm/ui/assets-modal/search-container/aql-search-input/index.js

@@ -54,7 +54,6 @@ var renderValidatorIcon = function renderValidatorIcon(lastValidationResult) {
     return /*#__PURE__*/React.createElement(CrossCircleIcon, {
       label: "label",
       color: "var(--ds-icon-danger, ".concat(R400, ")"),
-      LEGACY_size: "medium",
       testId: "assets-datasource-modal--aql-invalid",
       spacing: "spacious"
     });
@@ -63,14 +62,12 @@ var renderValidatorIcon = function renderValidatorIcon(lastValidationResult) {
     return /*#__PURE__*/React.createElement(CheckCircleIcon, {
       label: "label",
       color: "var(--ds-icon-success, ".concat(G300, ")"),
-      LEGACY_size: "medium",
       testId: "assets-datasource-modal--aql-valid",
       spacing: "spacious"
     });
   }
   return /*#__PURE__*/React.createElement(SearchIcon, {
     label: "label",
-    LEGACY_size: "medium",
     testId: "assets-datasource-modal--aql-idle",
     color: "currentColor",
     spacing: "spacious"
@@ -112,7 +109,6 @@ export var AqlSearchInput = function AqlSearchInput(_ref2) {
       }, /*#__PURE__*/React.createElement(QuestionCircleIcon, {
         label: "label",
         color: "var(--ds-icon, ".concat(N500, ")"),
-        LEGACY_size: "medium",
         testId: "assets-datasource-modal-help",
         spacing: "spacious"
       }))), /*#__PURE__*/React.createElement(Box, {
@@ -122,7 +118,6 @@ export var AqlSearchInput = function AqlSearchInput(_ref2) {
         isLoading: isSearching,
         icon: function icon(iconProps) {
           return /*#__PURE__*/React.createElement(SearchIcon, _extends({}, iconProps, {
-            LEGACY_size: "medium",
             spacing: "spacious",
             color: "currentColor"
           }));

package/dist/esm/ui/common/modal/basic-search-input/index.js

@@ -48,7 +48,6 @@ export var BasicSearchInput = function BasicSearchInput(_ref) {
       isLoading: isSearching,
       icon: function icon(iconProps) {
         return /*#__PURE__*/React.createElement(SearchIcon, _extends({}, iconProps, {
-          LEGACY_size: "medium",
           spacing: "spacious",
           color: "currentColor"
         }));

package/dist/esm/ui/common/modal/popup-select/formatOptionLabel.js

@@ -52,7 +52,6 @@ var AvatarOptionLabel = function AvatarOptionLabel(_ref3) {
     xcss: styles.groupWrapperStyles
   }, /*#__PURE__*/React.createElement(PeopleGroupIcon, {
     color: "currentColor",
-    LEGACY_size: "small",
     label: ""
   })) : /*#__PURE__*/React.createElement(Avatar, {
     appearance: data.isSquare ? 'square' : 'circle',

package/dist/esm/ui/common/modal/popup-select/index.js

@@ -11,6 +11,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import isEqual from 'lodash/isEqual';
 import { useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { PopupSelect } from '@atlaskit/select';
 import { useDatasourceAnalyticsEvents } from '../../../../analytics';
 import CustomControl from './control';
@@ -214,6 +215,7 @@ export var FilterPopupSelect = function FilterPopupSelect(_ref) {
     onInputChange: handleInputChange,
     onOpen: handleMenuOpen,
     onClose: handleMenuClose,
+    shouldPreventEscapePropagation: fg('platform_navx_sllv_dropdown_escape_and_focus_fix'),
     target: function target(_ref3) {
       var isOpen = _ref3.isOpen,
         triggerProps = _objectWithoutProperties(_ref3, _excluded);

package/dist/esm/ui/common/modal/popup-select/trigger.js

@@ -5,11 +5,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["as", "style"];
 import "./trigger.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import React, { forwardRef, useCallback } from 'react';
+import React, { forwardRef, useCallback, useMemo } from 'react';
 import Badge from '@atlaskit/badge';
 import NewButton from '@atlaskit/button/new';
 import Button from '@atlaskit/button/standard-button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 var styles = {
@@ -53,6 +54,15 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       testId: "".concat(triggerButtonTestId, "--loading-button")
     }, label));
   }, [label, triggerButtonTestId]);
+  var loadingButton = useMemo(function () {
+    return /*#__PURE__*/React.createElement(LoadingStateAnimationWrapper, null, /*#__PURE__*/React.createElement(Button, {
+      ref: ref,
+      iconAfter: /*#__PURE__*/React.createElement(Spinner, {
+        size: 'xsmall'
+      }),
+      testId: "".concat(triggerButtonTestId, "--loading-button")
+    }, label));
+  }, [label, triggerButtonTestId, ref]);
   var DefaultButton = useCallback(function () {
     return /*#__PURE__*/React.createElement(NewButton, {
       isSelected: isSelected || hasOptions,
@@ -75,12 +85,37 @@ var PopupTrigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       appearance: "primary"
     }, "+", selectedOptions.length - 1))));
   }, [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId]);
+  var defaultButton = useMemo(function () {
+    return /*#__PURE__*/React.createElement(NewButton, {
+      ref: ref,
+      isSelected: isSelected || hasOptions,
+      isDisabled: isDisabled,
+      iconAfter: function iconAfter() {
+        return /*#__PURE__*/React.createElement(ChevronDownIcon, {
+          label: "",
+          color: "currentColor",
+          size: "small"
+        });
+      },
+      testId: "".concat(triggerButtonTestId, "--button"),
+      "aria-expanded": isSelected
+    }, /*#__PURE__*/React.createElement(Flex, null, /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.triggerButtonLabelStyles
+    }, label, firstOption && /*#__PURE__*/React.createElement(React.Fragment, null, ": ", firstOption.label)), selectedOptions && selectedOptions.length > 1 && /*#__PURE__*/React.createElement(Flex, {
+      xcss: styles.badgeStyles,
+      alignItems: "center"
+    }, /*#__PURE__*/React.createElement(Badge, {
+      appearance: "primary"
+    }, "+", selectedOptions.length - 1))));
+  }, [firstOption, hasOptions, isDisabled, isSelected, label, selectedOptions, triggerButtonTestId, ref]);
 
   /**
    * We had an issue with the popup component referencing a stale DOM ref for the trigger button.
    * Hence introducing a Box to make sure ref is always the same and only content is refreshed on re-renders
    */
-  return /*#__PURE__*/React.createElement(Box, {
+  return fg('platform_navx_sllv_dropdown_escape_and_focus_fix') ? /*#__PURE__*/React.createElement(Box, {
+    testId: triggerButtonTestId
+  }, showButtonLoading ? loadingButton : defaultButton) : /*#__PURE__*/React.createElement(Box, {
     ref: ref,
     testId: triggerButtonTestId
   }, showButtonLoading ? /*#__PURE__*/React.createElement(LoadingButton, null) : /*#__PURE__*/React.createElement(DefaultButton, null));

package/dist/esm/ui/issue-like-table/edit-type/icon/index.js

@@ -46,14 +46,12 @@ var IconEditType = function IconEditType(props) {
     // We can't update this field if we don't have an ID - however the ID
     // is typed optional.
     ,
-    options: fg('navx-sllv-fix-inline-edit-error') ? options === null || options === void 0 ? void 0 : options.filter(function (option) {
-      return option.id;
-    }) : options.filter(function (option) {
+    options: options === null || options === void 0 ? void 0 : options.filter(function (option) {
       return option.id;
     }),
     menuPlacement: "auto",
     isLoading: isLoading,
-    filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     testId: "inline-edit-priority",
     value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
     labelId: labelId,
@@ -78,17 +76,11 @@ var IconEditType = function IconEditType(props) {
         type: 'icon',
         values: e ? [e] : []
       });
-    }
+    },
+    shouldPreventEscapePropagation: fg('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-var filterOptionOld = function filterOptionOld(option, inputValue) {
-  return option.label.toLowerCase().includes(inputValue.toLowerCase());
-};
-var filterOptionNew = function filterOptionNew(option, inputValue) {
+var filterOption = function filterOption(option, inputValue) {
   var _option$label, _option$label$toLower;
   return (_option$label = option.label) === null || _option$label === void 0 || (_option$label$toLower = _option$label.toLowerCase) === null || _option$label$toLower === void 0 || (_option$label$toLower = _option$label$toLower.call(_option$label)) === null || _option$label$toLower === void 0 ? void 0 : _option$label$toLower.includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase());
 };

package/dist/esm/ui/issue-like-table/edit-type/status/index.js

@@ -46,7 +46,7 @@ var StatusEditType = function StatusEditType(props) {
     blurInputOnSelect: true,
     menuPlacement: "auto",
     isLoading: isLoading,
-    filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     testId: "inline-edit-status",
     getOptionValue: function getOptionValue(option) {
       return option.text;
@@ -71,17 +71,11 @@ var StatusEditType = function StatusEditType(props) {
         type: 'status',
         values: e ? [e] : []
       });
-    }
+    },
+    shouldPreventEscapePropagation: fg('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-var filterOptionOld = function filterOptionOld(option, inputValue) {
-  return option.data.text.toLowerCase().includes(inputValue.toLowerCase());
-};
-var filterOptionNew = function filterOptionNew(option, inputValue) {
+var filterOption = function filterOption(option, inputValue) {
   var _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
   return (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.text) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue));
 };

package/dist/esm/ui/issue-like-table/edit-type/user/index.js

@@ -76,7 +76,7 @@ var UserEditType = function UserEditType(props) {
     options: options,
     isLoading: isLoading,
     testId: "inline-edit-user",
-    filterOption: fg('navx-sllv-fix-inline-edit-error') ? filterOptionNew : filterOptionOld,
+    filterOption: filterOption,
     menuPlacement: "auto",
     onInputChange: handleUserInputDebounced,
     value: currentValue === null || currentValue === void 0 || (_currentValue$values = currentValue.values) === null || _currentValue$values === void 0 ? void 0 : _currentValue$values[0],
@@ -106,19 +106,12 @@ var UserEditType = function UserEditType(props) {
         type: 'user',
         values: e ? [e] : []
       });
-    }
+    },
+    shouldPreventEscapePropagation: fg('platform_navx_sllv_dropdown_escape_and_focus_fix') ? true : undefined
   })));
 };
-
-/**
- * Remove on navx-sllv-fix-inline-edit-error cleanup
- */
-var filterOptionOld = function filterOptionOld(option, inputValue) {
-  var _option$data$displayN, _option$data$displayN2;
-  return (_option$data$displayN = (_option$data$displayN2 = option.data.displayName) === null || _option$data$displayN2 === void 0 ? void 0 : _option$data$displayN2.toLowerCase().includes(inputValue.toLowerCase())) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
-};
-var filterOptionNew = function filterOptionNew(option, inputValue) {
-  var _option$data$displayN3, _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
-  return (_option$data$displayN3 = (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.displayName) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN3 !== void 0 ? _option$data$displayN3 : false;
+var filterOption = function filterOption(option, inputValue) {
+  var _option$data$displayN, _option$data, _option$data$toLowerC, _inputValue$toLowerCa;
+  return (_option$data$displayN = (_option$data = option.data) === null || _option$data === void 0 || (_option$data = _option$data.displayName) === null || _option$data === void 0 || (_option$data$toLowerC = _option$data.toLowerCase) === null || _option$data$toLowerC === void 0 || (_option$data$toLowerC = _option$data$toLowerC.call(_option$data)) === null || _option$data$toLowerC === void 0 ? void 0 : _option$data$toLowerC.includes(inputValue === null || inputValue === void 0 || (_inputValue$toLowerCa = inputValue.toLowerCase) === null || _inputValue$toLowerCa === void 0 ? void 0 : _inputValue$toLowerCa.call(inputValue))) !== null && _option$data$displayN !== void 0 ? _option$data$displayN : false;
 };
 export default UserEditType;

package/dist/types/ui/common/modal/popup-select/trigger.d.ts

@@ -8,5 +8,5 @@ export interface PopupTriggerProps {
     selectedOptions?: ReadonlyArray<SelectOption>;
     testId?: string;
 }
-declare const PopupTrigger: React.ForwardRefExoticComponent<PopupTriggerProps & React.RefAttributes<HTMLElement>>;
+declare const PopupTrigger: React.ForwardRefExoticComponent<PopupTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export default PopupTrigger;

package/dist/types-ts4.5/ui/common/modal/popup-select/trigger.d.ts

@@ -8,5 +8,5 @@ export interface PopupTriggerProps {
     selectedOptions?: ReadonlyArray<SelectOption>;
     testId?: string;
 }
-declare const PopupTrigger: React.ForwardRefExoticComponent<PopupTriggerProps & React.RefAttributes<HTMLElement>>;
+declare const PopupTrigger: React.ForwardRefExoticComponent<PopupTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export default PopupTrigger;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "4.32.1",
+	"version": "4.32.3",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -67,9 +67,9 @@
 		"@atlaskit/link-provider": "^4.1.0",
 		"@atlaskit/linking-common": "^9.9.0",
 		"@atlaskit/linking-types": "^14.2.0",
-		"@atlaskit/logo": "^19.9.0",
+		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.3.0",
-		"@atlaskit/modal-dialog": "^14.9.0",
+		"@atlaskit/modal-dialog": "^14.10.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.13.0",
@@ -81,13 +81,13 @@
 		"@atlaskit/react-select": "^3.13.0",
 		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/smart-card": "^43.20.0",
-		"@atlaskit/smart-user-picker": "^8.8.0",
+		"@atlaskit/smart-user-picker": "^8.9.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/tag": "^14.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.12.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -113,6 +113,7 @@
 		"@atlaskit/json-ld-types": "^1.4.0",
 		"@atlaskit/link-test-helpers": "^9.0.0",
 		"@atlaskit/ssr": "workspace:^",
+		"@atlassian/a11y-jest-testing": "^0.6.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@faker-js/faker": "^7.5.0",
 		"@testing-library/dom": "^10.1.0",
@@ -175,9 +176,6 @@
 		"navx-1895-new-logo-design": {
 			"type": "boolean"
 		},
-		"navx-sllv-fix-inline-edit-error": {
-			"type": "boolean"
-		},
 		"platform_navx_jira_sllv_rich_text_gate": {
 			"type": "boolean"
 		},
@@ -187,6 +185,9 @@
 		"lp_disable_datasource_table_max_height_restriction": {
 			"type": "boolean"
 		},
+		"platform_navx_sllv_dropdown_escape_and_focus_fix": {
+			"type": "boolean"
+		},
 		"platform_navx_sllv_j2ws_dropdown_for_single_row": {
 			"type": "boolean"
 		}