@atlaskit/dropdown-menu 12.1.2 → 12.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/dropdown-menu
 
+## 12.1.4
+
+### Patch Changes
+
+- [#41898](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41898) [`b3c84e42159`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3c84e42159) - Fix loss of autofocus when opening with Enter and Space keys.
+
+## 12.1.3
+
+### Patch Changes
+
+- [#41628](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41628) [`b05664f7aba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b05664f7aba) - Use feature flag to toggle if we enable UNSAFE_LAYERING
+
 ## 12.1.2
 
 ### Patch Changes

package/dist/cjs/dropdown-menu.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.KEY_SPACE = exports.KEY_ENTER = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -42,6 +42,8 @@ var opposites = {
   auto: 'auto',
   end: 'start'
 };
+var KEY_SPACE = exports.KEY_SPACE = ' ';
+var KEY_ENTER = exports.KEY_ENTER = 'Enter';
 var getFallbackPlacements = function getFallbackPlacements(placement) {
   var placementPieces = placement.split('-');
   var mainAxis = placementPieces[0];
@@ -163,7 +165,8 @@ var DropdownMenu = function DropdownMenu(_ref) {
     return (0, _bindEventListener.bind)(window, {
       type: 'keydown',
       listener: function openOnKeyDown(e) {
-        if (e.key === _keycodes.KEY_DOWN) {
+        // KEY_ENTER and KEY_SPACE are required to correctly recognize the keydown event in Safari
+        if (e.key === _keycodes.KEY_DOWN || e.key === KEY_ENTER || e.key === KEY_SPACE) {
           // prevent page scroll
           e.preventDefault();
           handleTriggerClicked(e);

package/dist/es2019/dropdown-menu.js

@@ -27,6 +27,8 @@ const opposites = {
   auto: 'auto',
   end: 'start'
 };
+export const KEY_SPACE = ' ';
+export const KEY_ENTER = 'Enter';
 const getFallbackPlacements = placement => {
   const placementPieces = placement.split('-');
   const mainAxis = placementPieces[0];
@@ -134,7 +136,8 @@ const DropdownMenu = ({
     return bind(window, {
       type: 'keydown',
       listener: function openOnKeyDown(e) {
-        if (e.key === KEY_DOWN) {
+        // KEY_ENTER and KEY_SPACE are required to correctly recognize the keydown event in Safari
+        if (e.key === KEY_DOWN || e.key === KEY_ENTER || e.key === KEY_SPACE) {
           // prevent page scroll
           e.preventDefault();
           handleTriggerClicked(e);

package/dist/esm/dropdown-menu.js

@@ -33,6 +33,8 @@ var opposites = {
   auto: 'auto',
   end: 'start'
 };
+export var KEY_SPACE = ' ';
+export var KEY_ENTER = 'Enter';
 var getFallbackPlacements = function getFallbackPlacements(placement) {
   var placementPieces = placement.split('-');
   var mainAxis = placementPieces[0];
@@ -154,7 +156,8 @@ var DropdownMenu = function DropdownMenu(_ref) {
     return bind(window, {
       type: 'keydown',
       listener: function openOnKeyDown(e) {
-        if (e.key === KEY_DOWN) {
+        // KEY_ENTER and KEY_SPACE are required to correctly recognize the keydown event in Safari
+        if (e.key === KEY_DOWN || e.key === KEY_ENTER || e.key === KEY_SPACE) {
           // prevent page scroll
           e.preventDefault();
           handleTriggerClicked(e);

package/dist/types/dropdown-menu.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { DropdownMenuProps } from './types';
+export declare const KEY_SPACE = " ";
+export declare const KEY_ENTER = "Enter";
 /**
  * __Dropdown menu__
  *

package/dist/types-ts4.5/dropdown-menu.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { DropdownMenuProps } from './types';
+export declare const KEY_SPACE = " ";
+export declare const KEY_ENTER = "Enter";
 /**
  * __Dropdown menu__
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "12.1.2",
+  "version": "12.1.4",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -23,18 +23,18 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^16.10.0",
+    "@atlaskit/button": "^16.11.0",
     "@atlaskit/codemod-utils": "^4.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/layering": "^0.2.0",
-    "@atlaskit/menu": "^2.0.0",
+    "@atlaskit/menu": "^2.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.2",
     "@atlaskit/popup": "^1.11.0",
     "@atlaskit/primitives": "^1.6.0",
     "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.26.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "bind-event-listener": "^2.1.1"
@@ -109,7 +109,7 @@
       "type": "boolean",
       "referenceOnly": "true"
     },
-    "platform.design-system-team.layering_qmiw3": {
+    "platform.design-system-team.layering_popup_1cnzt": {
       "type": "boolean"
     }
   },