@atlaskit/dropdown-menu 16.8.11 → 16.9.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/dropdown-menu
 
+## 16.9.0
+
+### Minor Changes
+
+- [`43e486948865a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/43e486948865a) -
+  When `platform-dst-top-layer` is enabled, the dropdown menu now uses the updated `widthFromAnchor`
+  prop (with string values `'min-anchor'` | `'none'`) on `Popup.Content` instead of the previous
+  `width` prop, to control whether the dropdown matches the width of its trigger.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.8.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.8.11
 
 ### Patch Changes

package/dist/cjs/dropdown-menu-top-layer.js

@@ -252,9 +252,6 @@ function DropdownMenuTopLayer(_ref2) {
     });
   }, [isLocalOpen, isTriggeredUsingKeyboard, autoFocus]);
 
-  // shouldFitContainer is handled by the width prop on Popup.Content below.
-  var popupContentWidth = shouldFitContainer ? 'min-trigger' : 'content';
-
   // ── Close on menu item click ──
   // Close when a regular menuitem is clicked, but not checkboxes/radios
   // and not nested triggers (items with aria-haspopup).
@@ -325,7 +322,7 @@ function DropdownMenuTopLayer(_ref2) {
     label: (_ref6 = menuLabel !== null && menuLabel !== void 0 ? menuLabel : label) !== null && _ref6 !== void 0 ? _ref6 : typeof trigger === 'string' ? trigger : 'Menu',
     isOpen: isLocalOpen,
     animate: animation,
-    width: popupContentWidth,
+    widthFromAnchor: shouldFitContainer ? 'min-anchor' : 'none',
     testId: testId && "".concat(testId, "--content")
   }, /*#__PURE__*/React.createElement("div", {
     ref: menuRef,

package/dist/es2019/dropdown-menu-top-layer.js

@@ -227,9 +227,6 @@ function DropdownMenuTopLayer({
     });
   }, [isLocalOpen, isTriggeredUsingKeyboard, autoFocus]);
 
-  // shouldFitContainer is handled by the width prop on Popup.Content below.
-  const popupContentWidth = shouldFitContainer ? 'min-trigger' : 'content';
-
   // ── Close on menu item click ──
   // Close when a regular menuitem is clicked, but not checkboxes/radios
   // and not nested triggers (items with aria-haspopup).
@@ -301,7 +298,7 @@ function DropdownMenuTopLayer({
     label: (_ref = menuLabel !== null && menuLabel !== void 0 ? menuLabel : label) !== null && _ref !== void 0 ? _ref : typeof trigger === 'string' ? trigger : 'Menu',
     isOpen: isLocalOpen,
     animate: animation,
-    width: popupContentWidth,
+    widthFromAnchor: shouldFitContainer ? 'min-anchor' : 'none',
     testId: testId && `${testId}--content`
   }, /*#__PURE__*/React.createElement("div", {
     ref: menuRef,

package/dist/esm/dropdown-menu-top-layer.js

@@ -243,9 +243,6 @@ function DropdownMenuTopLayer(_ref2) {
     });
   }, [isLocalOpen, isTriggeredUsingKeyboard, autoFocus]);
 
-  // shouldFitContainer is handled by the width prop on Popup.Content below.
-  var popupContentWidth = shouldFitContainer ? 'min-trigger' : 'content';
-
   // ── Close on menu item click ──
   // Close when a regular menuitem is clicked, but not checkboxes/radios
   // and not nested triggers (items with aria-haspopup).
@@ -316,7 +313,7 @@ function DropdownMenuTopLayer(_ref2) {
     label: (_ref6 = menuLabel !== null && menuLabel !== void 0 ? menuLabel : label) !== null && _ref6 !== void 0 ? _ref6 : typeof trigger === 'string' ? trigger : 'Menu',
     isOpen: isLocalOpen,
     animate: animation,
-    width: popupContentWidth,
+    widthFromAnchor: shouldFitContainer ? 'min-anchor' : 'none',
     testId: testId && "".concat(testId, "--content")
   }, /*#__PURE__*/React.createElement("div", {
     ref: menuRef,

package/dist/types/internal/use-arrow-navigation/index.d.ts

@@ -1,2 +1,2 @@
-export { useArrowNavigation, isAtCurrentMenuLevel, type TUseArrowNavigationArgs } from './use-arrow-navigation';
+export { useArrowNavigation, isAtCurrentMenuLevel, type TUseArrowNavigationArgs, } from './use-arrow-navigation';
 export { getFirstFocusable } from '@atlaskit/top-layer/focus';

package/dist/types-ts4.5/internal/use-arrow-navigation/index.d.ts

@@ -1,2 +1,2 @@
-export { useArrowNavigation, isAtCurrentMenuLevel, type TUseArrowNavigationArgs } from './use-arrow-navigation';
+export { useArrowNavigation, isAtCurrentMenuLevel, type TUseArrowNavigationArgs, } from './use-arrow-navigation';
 export { getFirstFocusable } from '@atlaskit/top-layer/focus';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "16.8.11",
+	"version": "16.9.0",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,16 +34,16 @@
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^34.5.0",
+		"@atlaskit/icon": "^35.0.0",
 		"@atlaskit/layering": "^3.7.0",
 		"@atlaskit/menu": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.19.0",
+		"@atlaskit/popup": "^4.20.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/theme": "^23.2.0",
 		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/top-layer": "^0.6.0",
+		"@atlaskit/top-layer": "^0.7.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -66,7 +66,7 @@
 		"@atlaskit/heading": "^5.4.0",
 		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/lozenge": "^13.8.0",
-		"@atlaskit/modal-dialog": "^15.0.0",
+		"@atlaskit/modal-dialog": "^15.1.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/textfield": "^8.3.0",
 		"@atlaskit/toggle": "^15.6.0",