@atlaskit/select 21.6.2 → 21.6.4

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/select
 
+## 21.6.4
+
+### Patch Changes
+
+- [`99876f547dece`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/99876f547dece) -
+  Adds support for `shouldPreventEscapePropagation` prop in PopupSelect to stop Escape keydown event
+  propagation when closing the popup. This is useful when PopupSelect is inside a modal or other
+  component that also listens for Escape key events. Feature is behind
+  `platform_navx_sllv_dropdown_escape_and_focus_fix` feature flag.
+- Updated dependencies
+
+## 21.6.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 21.6.2
 
 ### Patch Changes

package/dist/cjs/PopupSelect/PopupSelect.js

@@ -160,6 +160,9 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
         case 'Escape':
         case 'Esc':
           _this.close();
+          if (_this.props.shouldPreventEscapePropagation && (0, _platformFeatureFlags.fg)('platform_navx_sllv_dropdown_escape_and_focus_fix')) {
+            event.stopPropagation();
+          }
           break;
         default:
       }
@@ -360,10 +363,10 @@ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
         maxMenuWidth = _this$props5.maxMenuWidth,
         minMenuWidth = _this$props5.minMenuWidth,
         placeholder = _this$props5.placeholder,
-        target = _this$props5.target,
+        _target = _this$props5.target,
         testId = _this$props5.testId,
-        onMenuOpen = _this$props5.onMenuOpen,
-        onMenuClose = _this$props5.onMenuClose,
+        _onMenuOpen = _this$props5.onMenuOpen,
+        _onMenuClose = _this$props5.onMenuClose,
         props = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
       var _this$state = _this.state,
         focusLockEnabled = _this$state.focusLockEnabled,

package/dist/cjs/Select.js

@@ -11,7 +11,7 @@ var _createSelect = _interopRequireDefault(require("./createSelect"));
 /* eslint-disable @repo/internal/react/require-jsdoc */
 
 var packageName = "@atlaskit/select";
-var packageVersion = "21.6.1";
+var packageVersion = "21.6.4";
 var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_async.default);
 var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
 var Select = (0, _analyticsNext.withAnalyticsContext)({

package/dist/es2019/PopupSelect/PopupSelect.js

@@ -131,6 +131,9 @@ export default class PopupSelect extends PureComponent {
         case 'Escape':
         case 'Esc':
           this.close();
+          if (this.props.shouldPreventEscapePropagation && fg('platform_navx_sllv_dropdown_escape_and_focus_fix')) {
+            event.stopPropagation();
+          }
           break;
         default:
       }
@@ -336,10 +339,10 @@ export default class PopupSelect extends PureComponent {
         maxMenuWidth,
         minMenuWidth,
         placeholder,
-        target,
+        target: _target,
         testId,
-        onMenuOpen,
-        onMenuClose,
+        onMenuOpen: _onMenuOpen,
+        onMenuClose: _onMenuClose,
         ...props
       } = this.props;
       const {

package/dist/es2019/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 const packageName = "@atlaskit/select";
-const packageVersion = "21.6.1";
+const packageVersion = "21.6.4";
 export const SelectWithoutAnalytics = createSelect(AsyncSelect);
 const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 const Select = withAnalyticsContext({

package/dist/esm/PopupSelect/PopupSelect.js

@@ -152,6 +152,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         case 'Escape':
         case 'Esc':
           _this.close();
+          if (_this.props.shouldPreventEscapePropagation && fg('platform_navx_sllv_dropdown_escape_and_focus_fix')) {
+            event.stopPropagation();
+          }
           break;
         default:
       }
@@ -352,10 +355,10 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
         maxMenuWidth = _this$props5.maxMenuWidth,
         minMenuWidth = _this$props5.minMenuWidth,
         placeholder = _this$props5.placeholder,
-        target = _this$props5.target,
+        _target = _this$props5.target,
         testId = _this$props5.testId,
-        onMenuOpen = _this$props5.onMenuOpen,
-        onMenuClose = _this$props5.onMenuClose,
+        _onMenuOpen = _this$props5.onMenuOpen,
+        _onMenuClose = _this$props5.onMenuClose,
         props = _objectWithoutProperties(_this$props5, _excluded);
       var _this$state = _this.state,
         focusLockEnabled = _this$state.focusLockEnabled,

package/dist/esm/Select.js

@@ -3,7 +3,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import AsyncSelect from '@atlaskit/react-select/async';
 import createSelect from './createSelect';
 var packageName = "@atlaskit/select";
-var packageVersion = "21.6.1";
+var packageVersion = "21.6.4";
 export var SelectWithoutAnalytics = createSelect(AsyncSelect);
 var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
 var Select = withAnalyticsContext({

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/select",
-	"version": "21.6.2",
+	"version": "21.6.4",
 	"description": "Select allows users to make a single selection or multiple selections from a list of options.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,12 +34,12 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/ds-lib": "^5.3.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^16.4.0",
-		"@atlaskit/react-select": "^3.12.0",
+		"@atlaskit/primitives": "^17.0.0",
+		"@atlaskit/react-select": "^3.13.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.6.0",
+		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -57,16 +57,16 @@
 		"@af/accessibility-testing": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/button": "^23.8.0",
-		"@atlaskit/checkbox": "^17.2.0",
+		"@atlaskit/button": "^23.9.0",
+		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/docs": "^11.2.0",
 		"@atlaskit/drawer": "^11.0.0",
-		"@atlaskit/form": "^15.1.0",
-		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/form": "^15.3.0",
+		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
-		"@atlaskit/radio": "^8.3.0",
-		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/radio": "^8.4.0",
+		"@atlaskit/section-message": "^8.12.0",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",
@@ -102,6 +102,9 @@
 		},
 		"platform-dst-shape-theme-default": {
 			"type": "boolean"
+		},
+		"platform_navx_sllv_dropdown_escape_and_focus_fix": {
+			"type": "boolean"
 		}
 	},
 	"homepage": "https://atlassian.design/components/select/"