Add MenuBar to Elements Which Can Have Children (#181)

* Fix Bug in MenuBar

* Change files

* Update Codegen Files

* Change files

* Address Feedback

* Address Feedaback

* Fix Format

* Change files

* Bump Version

Co-authored-by: Alexander Sklar <asklar@microsoft.com>

Author: chiaramooney

USAGE.md

@@ -73,6 +73,17 @@ If you have questions about a scenario you don't see below, please [file an issu
   setIsOpen(true); }} />
 ```
 
+## MenuBar
+```jsx
+<MenuBar>
+  <MenuBarItem title="File">
+    <MenuFlyoutItem text="Help"/>
+    <MenuFlyoutItem text="Settings"/>
+  </MenuBarItem>
+  <MenuBarItem title="View"/>
+</MenuBar>
+```
+
 ## Image
 
 - For Image, note that you should specify its size so that RN reserves space for it, otherwise the image won't show.

package/CHANGELOG.json

@@ -1,6 +1,21 @@
 {
   "name": "react-native-xaml",
   "entries": [
+    {
+      "date": "Thu, 10 Feb 2022 17:17:17 GMT",
+      "tag": "react-native-xaml_v0.0.60",
+      "version": "0.0.60",
+      "comments": {
+        "patch": [
+          {
+            "author": "34109996+chiaramooney@users.noreply.github.com",
+            "package": "react-native-xaml",
+            "comment": "Fix Bug in MenuBar",
+            "commit": "cf1ef86e2bd57787ea5de17a49a2d2f84e0470ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 27 Jan 2022 14:11:26 GMT",
       "tag": "react-native-xaml_v0.0.59",

package/CHANGELOG.md

@@ -1,9 +1,17 @@
 # Change Log - react-native-xaml
 
-This log was last generated on Thu, 27 Jan 2022 14:11:26 GMT and should not be manually modified.
+This log was last generated on Thu, 10 Feb 2022 17:17:17 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.0.60
+
+Thu, 10 Feb 2022 17:17:17 GMT
+
+### Patches
+
+- Fix Bug in MenuBar (34109996+chiaramooney@users.noreply.github.com)
+
 ## 0.0.59
 
 Thu, 27 Jan 2022 14:11:26 GMT

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-xaml",
   "title": "React Native Xaml",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "description": "Allows using XAML directly, inside of a React Native Windows app",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

package/windows/ReactNativeXaml/Codegen/Version.g.h

@@ -7,4 +7,4 @@ THIS FILE WAS AUTOMATICALLY GENERATED, DO NOT MODIFY MANUALLY
 #define VERSION_MAJOR               0
 #define VERSION_MINOR               0
 #define VERSION_REVISION            0
-#define VERSION_BUILD               59
+#define VERSION_BUILD               60

package/windows/ReactNativeXaml/XamlViewManager.cpp

@@ -307,6 +307,26 @@ namespace winrt::ReactNativeXaml {
         return infoBar.ActionButton(buttonBase);
       }
     }
+    if (auto menuBar = e.try_as<MenuBar>()) {
+        if (auto mbi = child.try_as<MenuBarItem>()) {
+            return menuBar.Items().InsertAt(index, mbi);
+        }
+    }
+    if (auto muxMenuBar = e.try_as<mux::Controls::MenuBar>()) {
+        if (auto mbi = child.try_as<mux::Controls::MenuBarItem>()) {
+            return muxMenuBar.Items().InsertAt(index, mbi);
+        }
+    }
+    if (auto menuBarItem = e.try_as<MenuBarItem>()) {
+        if (auto mfi = child.try_as<MenuFlyoutItemBase>()) {
+            return menuBarItem.Items().InsertAt(index,mfi);
+        }
+    }
+    if (auto muxMenuBarItem = e.try_as<mux::Controls::MenuBarItem>()) {
+        if (auto mfi = child.try_as<MenuFlyoutItemBase>()) {
+            return muxMenuBarItem.Items().InsertAt(index, mfi);
+        }
+    }
     //else 
     {
       auto cn = winrt::get_class_name(e);