@fluentui-react-native/callout 0.19.22 → 0.19.26

package/CHANGELOG.json

@@ -2,7 +2,73 @@
   "name": "@fluentui-react-native/callout",
   "entries": [
     {
-      "date": "Wed, 02 Feb 2022 02:26:23 GMT",
+      "date": "Thu, 17 Feb 2022 02:11:28 GMT",
+      "tag": "@fluentui-react-native/callout_v0.19.26",
+      "version": "0.19.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/callout",
+            "comment": "Bump @fluentui-react-native/interactive-hooks to v0.13.2",
+            "commit": "616c894f75769553fe97f8f2d4550bbd615f2396"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 17 Feb 2022 01:22:02 GMT",
+      "tag": "@fluentui-react-native/callout_v0.19.25",
+      "version": "0.19.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/callout",
+            "comment": "Bump @fluentui-react-native/interactive-hooks to v0.13.1",
+            "commit": "039a993d13ae01ff2212e8b91295d1ed5676c82d"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/callout",
+            "comment": "Bump @uifabricshared/foundation-compose to v1.11.10",
+            "commit": "039a993d13ae01ff2212e8b91295d1ed5676c82d"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 10 Feb 2022 17:13:16 GMT",
+      "tag": "@fluentui-react-native/callout_v0.19.24",
+      "version": "0.19.24",
+      "comments": {
+        "patch": [
+          {
+            "author": "sanajmi@microsoft.com",
+            "package": "@fluentui-react-native/callout",
+            "commit": "83351e09339212a1bfd1e76bce25251726082372",
+            "comment": "macOS: Add Childwindow support"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 09 Feb 2022 20:14:50 GMT",
+      "tag": "@fluentui-react-native/callout_v0.19.23",
+      "version": "0.19.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/callout",
+            "comment": "Bump @fluentui-react-native/interactive-hooks to v0.13.0",
+            "commit": "f7264338409e4a7e4cbb4f4fb815d4ab32276d8a"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 02 Feb 2022 02:29:07 GMT",
       "tag": "@fluentui-react-native/callout_v0.19.22",
       "version": "0.19.22",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,45 @@
 # Change Log - @fluentui-react-native/callout
 
-This log was last generated on Wed, 02 Feb 2022 02:26:23 GMT and should not be manually modified.
+This log was last generated on Thu, 17 Feb 2022 02:11:28 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.19.26
+
+Thu, 17 Feb 2022 02:11:28 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/interactive-hooks to v0.13.2
+
+## 0.19.25
+
+Thu, 17 Feb 2022 01:22:02 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/interactive-hooks to v0.13.1
+- Bump @uifabricshared/foundation-compose to v1.11.10
+
+## 0.19.24
+
+Thu, 10 Feb 2022 17:13:16 GMT
+
+### Patches
+
+- macOS: Add Childwindow support (sanajmi@microsoft.com)
+
+## 0.19.23
+
+Wed, 09 Feb 2022 20:14:50 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/interactive-hooks to v0.13.0
+
 ## 0.19.22
 
-Wed, 02 Feb 2022 02:26:23 GMT
+Wed, 02 Feb 2022 02:29:07 GMT
 
 ### Patches
 

package/macos/Callout.swift

@@ -304,7 +304,9 @@ class CalloutView: RCTView, CalloutWindowLifeCycleDelegate {
 		}
 
 		contentView.addSubview(proxyView)
-		window.initialFirstResponder = proxyView
+		if let parentWindow = self.window {
+			parentWindow.addChildWindow(window, ordered: .above)
+		}
 
 		return window
 	}()

package/macos/CalloutWindow.swift

@@ -22,11 +22,31 @@ class CalloutWindow: NSWindow {
 		// Dismiss the Callout if the window is no longer active.
 		NotificationCenter.default.addObserver(self, selector: #selector(dismissCallout), name: NSApplication.didResignActiveNotification, object: nil)
 
-		// Dismiss the Callout if the user touched/clicked outside the bounds of the callout.
+		// Dismiss the Callout if the user clicked outside the Callout Window or any of our child windows.
 		mouseEventMonitor = NSEvent.addLocalMonitorForEvents(matching: .leftMouseUp, handler: { [weak self] (event) -> NSEvent? in
-			if (event.window != self) {
+			guard let clickedWindow = event.window else {
+				return event
+			}
+
+			var shouldDismissCallout = true
+			
+			// Did the click happened in our own window?
+			if (clickedWindow.isEqual(to: self) ) {
+				shouldDismissCallout = false
+
+			// Are we a child window of a Callout (e.g: a ContextualMenu submenu), where the click happened in our parent?
+			} else if (clickedWindow.isEqual(to: self?.parent as? CalloutWindow)) {
+				shouldDismissCallout = false
+
+			// Did the click happened in any of our child windows (e.g: our submenus)?
+			} else if (self?.childWindows?.contains(clickedWindow) ?? false) {
+				shouldDismissCallout = false
+			}
+
+			if (shouldDismissCallout) {
 				self?.dismissCallout()
 			}
+
 			return event
 		})
 	}
@@ -47,7 +67,12 @@ class CalloutWindow: NSWindow {
 
 	@objc private func dismissCallout() {
 		lifeCycleDelegate?.calloutWillDismiss(window: self)
-		close()
+
+		if let monitor = mouseEventMonitor {
+			NSEvent.removeMonitor(monitor)
+		}
+
+		orderOut(self)
 	}
 
 	private var mouseEventMonitor: Any?

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/callout",
-  "version": "0.19.22",
+  "version": "0.19.26",
   "description": "A cross-platform Callout component using the Fluent Design System",
   "license": "MIT",
   "author": "",
@@ -27,10 +27,10 @@
   "dependencies": {
     "@fluentui-react-native/adapters": "^0.8.2",
     "@fluentui-react-native/component-cache": "^1.3.1",
-    "@fluentui-react-native/interactive-hooks": ">=0.12.2 <1.0.0",
+    "@fluentui-react-native/interactive-hooks": ">=0.13.2 <1.0.0",
     "@fluentui-react-native/tokens": ">=0.11.5 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.10.2 <1.0.0",
-    "@uifabricshared/foundation-compose": "^1.11.9",
+    "@uifabricshared/foundation-compose": "^1.11.10",
     "@uifabricshared/foundation-settings": ">=0.11.2 <1.0.0"
   },
   "devDependencies": {