@atlaskit/dropdown-menu 16.9.7 → 16.10.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/dropdown-menu
 
+## 16.10.0
+
+### Minor Changes
+
+- [`f6ef9f1fc7454`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f6ef9f1fc7454) -
+  Add an optional close-event ignore predicate to popup and dropdown menu so consumers can treat
+  external overlays as part of popup interactions.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.9.7
 
 ### Patch Changes

package/dist/cjs/dropdown-menu.js

@@ -99,7 +99,8 @@ function DropdownMenuLegacy(_ref) {
     strategy = _ref.strategy,
     menuLabel = _ref.menuLabel,
     _ref$shouldPreventEsc = _ref.shouldPreventEscapePropagation,
-    shouldPreventEscapePropagation = _ref$shouldPreventEsc === void 0 ? false : _ref$shouldPreventEsc;
+    shouldPreventEscapePropagation = _ref$shouldPreventEsc === void 0 ? false : _ref$shouldPreventEsc,
+    shouldIgnoreCloseEvent = _ref.shouldIgnoreCloseEvent;
   var _useControlledState = (0, _useControlled.default)(isOpen, function () {
       return defaultOpen;
     }),
@@ -280,7 +281,8 @@ function DropdownMenuLegacy(_ref) {
     role: shouldRenderToParent && currentLevel > 0 ? 'group' : undefined,
     fallbackPlacements: fallbackPlacements,
     testId: testId && "".concat(testId, "--content"),
-    shouldUseCaptureOnOutsideClick: true
+    shouldUseCaptureOnOutsideClick: true,
+    shouldIgnoreCloseEvent: shouldIgnoreCloseEvent
   }, conditionalProps, {
     shouldDisableFocusLock: true,
     trigger: function trigger(_ref2) {

package/dist/es2019/dropdown-menu.js

@@ -75,7 +75,8 @@ function DropdownMenuLegacy({
   interactionName,
   strategy,
   menuLabel,
-  shouldPreventEscapePropagation = false
+  shouldPreventEscapePropagation = false,
+  shouldIgnoreCloseEvent
 }) {
   const [isLocalOpen, setLocalIsOpen] = useControlledState(isOpen, () => defaultOpen);
   const triggerRef = useRef(null);
@@ -251,7 +252,8 @@ function DropdownMenuLegacy({
     role: shouldRenderToParent && currentLevel > 0 ? 'group' : undefined,
     fallbackPlacements: fallbackPlacements,
     testId: testId && `${testId}--content`,
-    shouldUseCaptureOnOutsideClick: true
+    shouldUseCaptureOnOutsideClick: true,
+    shouldIgnoreCloseEvent: shouldIgnoreCloseEvent
   }, conditionalProps, {
     shouldDisableFocusLock: true,
     trigger: ({

package/dist/esm/dropdown-menu.js

@@ -91,7 +91,8 @@ function DropdownMenuLegacy(_ref) {
     strategy = _ref.strategy,
     menuLabel = _ref.menuLabel,
     _ref$shouldPreventEsc = _ref.shouldPreventEscapePropagation,
-    shouldPreventEscapePropagation = _ref$shouldPreventEsc === void 0 ? false : _ref$shouldPreventEsc;
+    shouldPreventEscapePropagation = _ref$shouldPreventEsc === void 0 ? false : _ref$shouldPreventEsc,
+    shouldIgnoreCloseEvent = _ref.shouldIgnoreCloseEvent;
   var _useControlledState = useControlledState(isOpen, function () {
       return defaultOpen;
     }),
@@ -272,7 +273,8 @@ function DropdownMenuLegacy(_ref) {
     role: shouldRenderToParent && currentLevel > 0 ? 'group' : undefined,
     fallbackPlacements: fallbackPlacements,
     testId: testId && "".concat(testId, "--content"),
-    shouldUseCaptureOnOutsideClick: true
+    shouldUseCaptureOnOutsideClick: true,
+    shouldIgnoreCloseEvent: shouldIgnoreCloseEvent
   }, conditionalProps, {
     shouldDisableFocusLock: true,
     trigger: function trigger(_ref2) {

package/dist/types/types.d.ts

@@ -201,6 +201,11 @@ interface InternalDropdownMenuProps<TriggerElement extends HTMLElement = any> {
      * Provide an accessible label for the menu element for assistive technology.
      */
     menuLabel?: string;
+    /**
+     * Allows consumers to ignore specific close events, for example when an external overlay
+     * should be treated as part of the dropdown interaction.
+     */
+    shouldIgnoreCloseEvent?: (event: Event | MouseEvent | KeyboardEvent) => boolean;
     /**
      * When set to true, will call stopPropagation on the ESCAPE key event.
      * This prevents the ESCAPE event from bubbling up to parent elements.

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

@@ -201,6 +201,11 @@ interface InternalDropdownMenuProps<TriggerElement extends HTMLElement = any> {
      * Provide an accessible label for the menu element for assistive technology.
      */
     menuLabel?: string;
+    /**
+     * Allows consumers to ignore specific close events, for example when an external overlay
+     * should be treated as part of the dropdown interaction.
+     */
+    shouldIgnoreCloseEvent?: (event: Event | MouseEvent | KeyboardEvent) => boolean;
     /**
      * When set to true, will call stopPropagation on the ESCAPE key event.
      * This prevents the ESCAPE event from bubbling up to parent elements.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "16.9.7",
+	"version": "16.10.0",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,15 +34,15 @@
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^7.0.0",
-		"@atlaskit/icon": "^35.1.0",
+		"@atlaskit/icon": "^35.3.0",
 		"@atlaskit/layering": "^3.7.0",
 		"@atlaskit/menu": "^8.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^4.22.0",
+		"@atlaskit/popup": "^4.23.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/tokens": "^13.1.0",
 		"@atlaskit/top-layer": "^0.12.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -69,7 +69,7 @@
 		"@atlaskit/modal-dialog": "^15.2.0",
 		"@atlaskit/section-message": "^8.13.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/toggle": "^16.0.0",
+		"@atlaskit/toggle": "^16.1.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/react-compiler-gating": "workspace:^",