@fluentui-react-native/menu 1.15.0 → 1.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (369) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/SPEC.md +8 -4
  3. package/lib/Menu/Menu.d.ts +2 -2
  4. package/lib/Menu/Menu.js +12 -12
  5. package/lib/Menu/Menu.types.d.ts +47 -47
  6. package/lib/Menu/Menu.types.js +4 -4
  7. package/lib/Menu/index.d.ts +1 -1
  8. package/lib/Menu/index.js +1 -1
  9. package/lib/Menu/renderMenu.android.d.ts +2 -6
  10. package/lib/Menu/renderMenu.android.js +10 -17
  11. package/lib/Menu/renderMenu.d.ts +2 -6
  12. package/lib/Menu/renderMenu.js +5 -8
  13. package/lib/Menu/useMenu.android.d.ts +1 -1
  14. package/lib/Menu/useMenu.android.js +245 -251
  15. package/lib/Menu/useMenu.d.ts +1 -1
  16. package/lib/Menu/useMenu.js +70 -75
  17. package/lib/Menu/useMenuContextValue.d.ts +1 -1
  18. package/lib/Menu/useMenuContextValue.js +4 -4
  19. package/lib/MenuCallout/MenuCallout.android.d.ts +2 -2
  20. package/lib/MenuCallout/MenuCallout.android.js +19 -39
  21. package/lib/MenuCallout/MenuCallout.d.ts +2 -2
  22. package/lib/MenuCallout/MenuCallout.js +7 -7
  23. package/lib/MenuCallout/MenuCallout.types.d.ts +13 -13
  24. package/lib/MenuCallout/MenuCallout.types.d.ts.map +1 -1
  25. package/lib/MenuCallout/MenuCallout.types.js +1 -1
  26. package/lib/MenuCallout/index.d.ts +1 -1
  27. package/lib/MenuCallout/index.js +1 -1
  28. package/lib/MenuDivider/MenuDivider.d.ts +2 -7
  29. package/lib/MenuDivider/MenuDivider.js +13 -13
  30. package/lib/MenuDivider/MenuDivider.styling.d.ts +1 -1
  31. package/lib/MenuDivider/MenuDivider.styling.js +16 -19
  32. package/lib/MenuDivider/MenuDivider.types.d.ts +12 -12
  33. package/lib/MenuDivider/MenuDivider.types.js +1 -1
  34. package/lib/MenuDivider/MenuDividerTokens.android.d.ts +1 -1
  35. package/lib/MenuDivider/MenuDividerTokens.android.js +4 -4
  36. package/lib/MenuDivider/MenuDividerTokens.d.ts +1 -1
  37. package/lib/MenuDivider/MenuDividerTokens.js +4 -4
  38. package/lib/MenuDivider/MenuDividerTokens.macos.d.ts +1 -1
  39. package/lib/MenuDivider/MenuDividerTokens.macos.js +4 -4
  40. package/lib/MenuDivider/MenuDividerTokens.win32.d.ts +1 -1
  41. package/lib/MenuDivider/MenuDividerTokens.win32.js +4 -4
  42. package/lib/MenuDivider/index.d.ts +1 -1
  43. package/lib/MenuDivider/index.js +1 -1
  44. package/lib/MenuGroup/MenuGroup.d.ts +2 -7
  45. package/lib/MenuGroup/MenuGroup.js +51 -63
  46. package/lib/MenuGroup/MenuGroup.types.d.ts +7 -7
  47. package/lib/MenuGroup/MenuGroup.types.js +1 -1
  48. package/lib/MenuGroup/index.d.ts +1 -1
  49. package/lib/MenuGroup/index.js +1 -1
  50. package/lib/MenuGroupHeader/MenuGroupHeader.d.ts +2 -7
  51. package/lib/MenuGroupHeader/MenuGroupHeader.js +14 -14
  52. package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts +1 -1
  53. package/lib/MenuGroupHeader/MenuGroupHeader.styling.js +13 -16
  54. package/lib/MenuGroupHeader/MenuGroupHeader.types.d.ts +7 -7
  55. package/lib/MenuGroupHeader/MenuGroupHeader.types.js +1 -1
  56. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +1 -1
  57. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js +7 -7
  58. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +1 -1
  59. package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +8 -8
  60. package/lib/MenuGroupHeader/index.d.ts +1 -1
  61. package/lib/MenuGroupHeader/index.js +1 -1
  62. package/lib/MenuItem/MenuItem.d.ts +2 -7
  63. package/lib/MenuItem/MenuItem.js +41 -63
  64. package/lib/MenuItem/MenuItem.styling.d.ts +1 -1
  65. package/lib/MenuItem/MenuItem.styling.js +52 -70
  66. package/lib/MenuItem/MenuItem.types.d.ts +83 -83
  67. package/lib/MenuItem/MenuItem.types.js +1 -1
  68. package/lib/MenuItem/MenuItemTokens.android.d.ts +1 -1
  69. package/lib/MenuItem/MenuItemTokens.android.js +17 -17
  70. package/lib/MenuItem/MenuItemTokens.d.ts +1 -1
  71. package/lib/MenuItem/MenuItemTokens.js +35 -35
  72. package/lib/MenuItem/MenuItemTokens.macos.d.ts +1 -1
  73. package/lib/MenuItem/MenuItemTokens.macos.js +34 -34
  74. package/lib/MenuItem/MenuItemTokens.win32.d.ts +1 -1
  75. package/lib/MenuItem/MenuItemTokens.win32.js +36 -36
  76. package/lib/MenuItem/index.d.ts +1 -1
  77. package/lib/MenuItem/index.js +1 -1
  78. package/lib/MenuItem/useMenuItem.d.ts +1 -1
  79. package/lib/MenuItem/useMenuItem.js +101 -111
  80. package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts +3 -11
  81. package/lib/MenuItemCheckbox/MenuItemCheckbox.js +26 -54
  82. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +1 -1
  83. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js +62 -81
  84. package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +89 -90
  85. package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
  86. package/lib/MenuItemCheckbox/MenuItemCheckbox.types.js +1 -1
  87. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.android.d.ts +1 -1
  88. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.android.js +35 -35
  89. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts +1 -1
  90. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.js +44 -44
  91. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +1 -1
  92. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +42 -42
  93. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +1 -1
  94. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +45 -45
  95. package/lib/MenuItemCheckbox/index.d.ts +2 -8
  96. package/lib/MenuItemCheckbox/index.js +1 -1
  97. package/lib/MenuItemCheckbox/useMenuItemCheckbox.d.ts +2 -5
  98. package/lib/MenuItemCheckbox/useMenuItemCheckbox.js +104 -129
  99. package/lib/MenuItemRadio/MenuItemRadio.d.ts +3 -11
  100. package/lib/MenuItemRadio/MenuItemRadio.js +26 -54
  101. package/lib/MenuItemRadio/MenuItemRadio.styling.android.d.ts +1 -1
  102. package/lib/MenuItemRadio/MenuItemRadio.styling.android.js +60 -78
  103. package/lib/MenuItemRadio/MenuItemRadio.styling.d.ts +1 -1
  104. package/lib/MenuItemRadio/MenuItemRadio.styling.js +44 -59
  105. package/lib/MenuItemRadio/MenuItemRadio.types.d.ts +120 -121
  106. package/lib/MenuItemRadio/MenuItemRadio.types.d.ts.map +1 -1
  107. package/lib/MenuItemRadio/MenuItemRadio.types.js +1 -1
  108. package/lib/MenuItemRadio/MenuItemRadioTokens.android.d.ts +1 -1
  109. package/lib/MenuItemRadio/MenuItemRadioTokens.android.js +38 -38
  110. package/lib/MenuItemRadio/MenuItemRadioTokens.d.ts +1 -1
  111. package/lib/MenuItemRadio/MenuItemRadioTokens.js +45 -45
  112. package/lib/MenuItemRadio/MenuItemRadioTokens.macos.d.ts +1 -1
  113. package/lib/MenuItemRadio/MenuItemRadioTokens.macos.js +43 -43
  114. package/lib/MenuItemRadio/index.d.ts +2 -8
  115. package/lib/MenuItemRadio/index.js +1 -1
  116. package/lib/MenuItemRadio/useMenuItemRadio.d.ts +1 -1
  117. package/lib/MenuItemRadio/useMenuItemRadio.js +23 -26
  118. package/lib/MenuList/MenuList.d.ts +2 -7
  119. package/lib/MenuList/MenuList.js +54 -70
  120. package/lib/MenuList/MenuList.styling.d.ts +1 -1
  121. package/lib/MenuList/MenuList.styling.js +21 -27
  122. package/lib/MenuList/MenuList.types.d.ts +72 -72
  123. package/lib/MenuList/MenuList.types.js +1 -1
  124. package/lib/MenuList/MenuListTokens.android.d.ts +1 -1
  125. package/lib/MenuList/MenuListTokens.android.js +4 -4
  126. package/lib/MenuList/MenuListTokens.d.ts +1 -1
  127. package/lib/MenuList/MenuListTokens.js +6 -6
  128. package/lib/MenuList/MenuListTokens.macos.d.ts +1 -1
  129. package/lib/MenuList/MenuListTokens.macos.js +4 -4
  130. package/lib/MenuList/MenuListTokens.win32.d.ts +1 -1
  131. package/lib/MenuList/MenuListTokens.win32.js +9 -9
  132. package/lib/MenuList/index.d.ts +1 -1
  133. package/lib/MenuList/index.js +1 -1
  134. package/lib/MenuList/useMenuList.d.ts +1 -1
  135. package/lib/MenuList/useMenuList.js +142 -159
  136. package/lib/MenuList/useMenuListContextValue.d.ts +1 -1
  137. package/lib/MenuList/useMenuListContextValue.js +2 -2
  138. package/lib/MenuPopover/MenuPopover.d.ts +3 -9
  139. package/lib/MenuPopover/MenuPopover.d.ts.map +1 -1
  140. package/lib/MenuPopover/MenuPopover.js +35 -35
  141. package/lib/MenuPopover/MenuPopover.types.d.ts +14 -14
  142. package/lib/MenuPopover/MenuPopover.types.d.ts.map +1 -1
  143. package/lib/MenuPopover/MenuPopover.types.js +1 -1
  144. package/lib/MenuPopover/MenuPopoverTokens.android.d.ts +3 -7
  145. package/lib/MenuPopover/MenuPopoverTokens.android.d.ts.map +1 -1
  146. package/lib/MenuPopover/MenuPopoverTokens.android.js +3 -6
  147. package/lib/MenuPopover/MenuPopoverTokens.d.ts +3 -7
  148. package/lib/MenuPopover/MenuPopoverTokens.d.ts.map +1 -1
  149. package/lib/MenuPopover/MenuPopoverTokens.js +2 -5
  150. package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts +3 -7
  151. package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -1
  152. package/lib/MenuPopover/MenuPopoverTokens.macos.js +7 -10
  153. package/lib/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
  154. package/lib/MenuPopover/index.d.ts +1 -1
  155. package/lib/MenuPopover/index.js +1 -1
  156. package/lib/MenuPopover/useMenuPopover.d.ts +2 -2
  157. package/lib/MenuPopover/useMenuPopover.js +79 -96
  158. package/lib/MenuPopover/useMenuPopover.js.map +1 -1
  159. package/lib/MenuTrigger/MenuTrigger.d.ts +3 -3
  160. package/lib/MenuTrigger/MenuTrigger.js +16 -16
  161. package/lib/MenuTrigger/MenuTrigger.types.d.ts +13 -13
  162. package/lib/MenuTrigger/MenuTrigger.types.js +1 -1
  163. package/lib/MenuTrigger/index.d.ts +1 -1
  164. package/lib/MenuTrigger/index.js +1 -1
  165. package/lib/MenuTrigger/useMenuTrigger.d.ts +1 -1
  166. package/lib/MenuTrigger/useMenuTrigger.js +70 -99
  167. package/lib/MenuTrigger/useMergeRefs.d.ts +1 -1
  168. package/lib/MenuTrigger/useMergeRefs.js +14 -16
  169. package/lib/__tests__/Menu.test.d.ts +1 -1
  170. package/lib/__tests__/Menu.test.js +122 -230
  171. package/lib/consts.d.ts +1 -1
  172. package/lib/consts.js +3 -3
  173. package/lib/context/index.d.ts +1 -1
  174. package/lib/context/index.js +1 -1
  175. package/lib/context/menuContext.d.ts +5 -5
  176. package/lib/context/menuContext.js +15 -15
  177. package/lib/context/menuListContext.d.ts +4 -4
  178. package/lib/context/menuListContext.js +12 -12
  179. package/lib/context/menuTriggerContext.d.ts +1 -1
  180. package/lib/context/menuTriggerContext.js +1 -1
  181. package/lib/index.d.ts +4 -26
  182. package/lib/index.js +2 -12
  183. package/lib-commonjs/Menu/Menu.d.ts +2 -2
  184. package/lib-commonjs/Menu/Menu.js +23 -25
  185. package/lib-commonjs/Menu/Menu.types.d.ts +47 -47
  186. package/lib-commonjs/Menu/Menu.types.js +6 -6
  187. package/lib-commonjs/Menu/index.d.ts +1 -1
  188. package/lib-commonjs/Menu/index.js +11 -31
  189. package/lib-commonjs/Menu/renderMenu.android.d.ts +2 -6
  190. package/lib-commonjs/Menu/renderMenu.android.js +14 -26
  191. package/lib-commonjs/Menu/renderMenu.d.ts +2 -6
  192. package/lib-commonjs/Menu/renderMenu.js +8 -11
  193. package/lib-commonjs/Menu/useMenu.android.d.ts +1 -1
  194. package/lib-commonjs/Menu/useMenu.android.js +280 -303
  195. package/lib-commonjs/Menu/useMenu.d.ts +1 -1
  196. package/lib-commonjs/Menu/useMenu.js +79 -86
  197. package/lib-commonjs/Menu/useMenuContextValue.d.ts +1 -1
  198. package/lib-commonjs/Menu/useMenuContextValue.js +10 -12
  199. package/lib-commonjs/MenuCallout/MenuCallout.android.d.ts +2 -2
  200. package/lib-commonjs/MenuCallout/MenuCallout.android.js +25 -48
  201. package/lib-commonjs/MenuCallout/MenuCallout.d.ts +2 -2
  202. package/lib-commonjs/MenuCallout/MenuCallout.js +12 -12
  203. package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts +13 -13
  204. package/lib-commonjs/MenuCallout/MenuCallout.types.d.ts.map +1 -1
  205. package/lib-commonjs/MenuCallout/MenuCallout.types.js +3 -3
  206. package/lib-commonjs/MenuCallout/index.d.ts +1 -1
  207. package/lib-commonjs/MenuCallout/index.js +7 -17
  208. package/lib-commonjs/MenuDivider/MenuDivider.d.ts +2 -7
  209. package/lib-commonjs/MenuDivider/MenuDivider.js +19 -19
  210. package/lib-commonjs/MenuDivider/MenuDivider.styling.d.ts +1 -1
  211. package/lib-commonjs/MenuDivider/MenuDivider.styling.js +22 -25
  212. package/lib-commonjs/MenuDivider/MenuDivider.types.d.ts +12 -12
  213. package/lib-commonjs/MenuDivider/MenuDivider.types.js +3 -3
  214. package/lib-commonjs/MenuDivider/MenuDividerTokens.android.d.ts +1 -1
  215. package/lib-commonjs/MenuDivider/MenuDividerTokens.android.js +7 -7
  216. package/lib-commonjs/MenuDivider/MenuDividerTokens.d.ts +1 -1
  217. package/lib-commonjs/MenuDivider/MenuDividerTokens.js +7 -7
  218. package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.d.ts +1 -1
  219. package/lib-commonjs/MenuDivider/MenuDividerTokens.macos.js +7 -7
  220. package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.d.ts +1 -1
  221. package/lib-commonjs/MenuDivider/MenuDividerTokens.win32.js +7 -7
  222. package/lib-commonjs/MenuDivider/index.d.ts +1 -1
  223. package/lib-commonjs/MenuDivider/index.js +7 -17
  224. package/lib-commonjs/MenuGroup/MenuGroup.d.ts +2 -7
  225. package/lib-commonjs/MenuGroup/MenuGroup.js +62 -78
  226. package/lib-commonjs/MenuGroup/MenuGroup.types.d.ts +7 -7
  227. package/lib-commonjs/MenuGroup/MenuGroup.types.js +3 -3
  228. package/lib-commonjs/MenuGroup/index.d.ts +1 -1
  229. package/lib-commonjs/MenuGroup/index.js +7 -17
  230. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.d.ts +2 -7
  231. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.js +20 -20
  232. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.d.ts +1 -1
  233. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.styling.js +19 -22
  234. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.d.ts +7 -7
  235. package/lib-commonjs/MenuGroupHeader/MenuGroupHeader.types.js +3 -3
  236. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.d.ts +1 -1
  237. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.js +10 -10
  238. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts +1 -1
  239. package/lib-commonjs/MenuGroupHeader/MenuGroupHeaderTokens.macos.js +11 -11
  240. package/lib-commonjs/MenuGroupHeader/index.d.ts +1 -1
  241. package/lib-commonjs/MenuGroupHeader/index.js +7 -17
  242. package/lib-commonjs/MenuItem/MenuItem.d.ts +2 -7
  243. package/lib-commonjs/MenuItem/MenuItem.js +51 -73
  244. package/lib-commonjs/MenuItem/MenuItem.styling.d.ts +1 -1
  245. package/lib-commonjs/MenuItem/MenuItem.styling.js +59 -80
  246. package/lib-commonjs/MenuItem/MenuItem.types.d.ts +83 -83
  247. package/lib-commonjs/MenuItem/MenuItem.types.js +3 -3
  248. package/lib-commonjs/MenuItem/MenuItemTokens.android.d.ts +1 -1
  249. package/lib-commonjs/MenuItem/MenuItemTokens.android.js +20 -20
  250. package/lib-commonjs/MenuItem/MenuItemTokens.d.ts +1 -1
  251. package/lib-commonjs/MenuItem/MenuItemTokens.js +38 -38
  252. package/lib-commonjs/MenuItem/MenuItemTokens.macos.d.ts +1 -1
  253. package/lib-commonjs/MenuItem/MenuItemTokens.macos.js +37 -37
  254. package/lib-commonjs/MenuItem/MenuItemTokens.win32.d.ts +1 -1
  255. package/lib-commonjs/MenuItem/MenuItemTokens.win32.js +39 -39
  256. package/lib-commonjs/MenuItem/index.d.ts +1 -1
  257. package/lib-commonjs/MenuItem/index.js +9 -24
  258. package/lib-commonjs/MenuItem/useMenuItem.d.ts +1 -1
  259. package/lib-commonjs/MenuItem/useMenuItem.js +140 -169
  260. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.d.ts +3 -11
  261. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.js +37 -65
  262. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +1 -1
  263. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.styling.js +69 -91
  264. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +89 -90
  265. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
  266. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.js +3 -3
  267. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.android.d.ts +1 -1
  268. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.android.js +38 -38
  269. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts +1 -1
  270. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.js +47 -47
  271. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +1 -1
  272. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +45 -45
  273. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +1 -1
  274. package/lib-commonjs/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +48 -48
  275. package/lib-commonjs/MenuItemCheckbox/index.d.ts +2 -8
  276. package/lib-commonjs/MenuItemCheckbox/index.js +10 -30
  277. package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.d.ts +2 -5
  278. package/lib-commonjs/MenuItemCheckbox/useMenuItemCheckbox.js +143 -185
  279. package/lib-commonjs/MenuItemRadio/MenuItemRadio.d.ts +3 -11
  280. package/lib-commonjs/MenuItemRadio/MenuItemRadio.js +37 -65
  281. package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.d.ts +1 -1
  282. package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.android.js +67 -88
  283. package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.d.ts +1 -1
  284. package/lib-commonjs/MenuItemRadio/MenuItemRadio.styling.js +51 -69
  285. package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.d.ts +120 -121
  286. package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.d.ts.map +1 -1
  287. package/lib-commonjs/MenuItemRadio/MenuItemRadio.types.js +3 -3
  288. package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.android.d.ts +1 -1
  289. package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.android.js +41 -41
  290. package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.d.ts +1 -1
  291. package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.js +48 -48
  292. package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.d.ts +1 -1
  293. package/lib-commonjs/MenuItemRadio/MenuItemRadioTokens.macos.js +46 -46
  294. package/lib-commonjs/MenuItemRadio/index.d.ts +2 -8
  295. package/lib-commonjs/MenuItemRadio/index.js +9 -24
  296. package/lib-commonjs/MenuItemRadio/useMenuItemRadio.d.ts +1 -1
  297. package/lib-commonjs/MenuItemRadio/useMenuItemRadio.js +58 -78
  298. package/lib-commonjs/MenuList/MenuList.d.ts +2 -7
  299. package/lib-commonjs/MenuList/MenuList.js +69 -87
  300. package/lib-commonjs/MenuList/MenuList.styling.d.ts +1 -1
  301. package/lib-commonjs/MenuList/MenuList.styling.js +28 -34
  302. package/lib-commonjs/MenuList/MenuList.types.d.ts +72 -72
  303. package/lib-commonjs/MenuList/MenuList.types.js +3 -3
  304. package/lib-commonjs/MenuList/MenuListTokens.android.d.ts +1 -1
  305. package/lib-commonjs/MenuList/MenuListTokens.android.js +7 -7
  306. package/lib-commonjs/MenuList/MenuListTokens.d.ts +1 -1
  307. package/lib-commonjs/MenuList/MenuListTokens.js +9 -9
  308. package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts +1 -1
  309. package/lib-commonjs/MenuList/MenuListTokens.macos.js +7 -7
  310. package/lib-commonjs/MenuList/MenuListTokens.win32.d.ts +1 -1
  311. package/lib-commonjs/MenuList/MenuListTokens.win32.js +12 -12
  312. package/lib-commonjs/MenuList/index.d.ts +1 -1
  313. package/lib-commonjs/MenuList/index.js +11 -31
  314. package/lib-commonjs/MenuList/useMenuList.d.ts +1 -1
  315. package/lib-commonjs/MenuList/useMenuList.js +151 -170
  316. package/lib-commonjs/MenuList/useMenuListContextValue.d.ts +1 -1
  317. package/lib-commonjs/MenuList/useMenuListContextValue.js +4 -4
  318. package/lib-commonjs/MenuPopover/MenuPopover.d.ts +3 -9
  319. package/lib-commonjs/MenuPopover/MenuPopover.d.ts.map +1 -1
  320. package/lib-commonjs/MenuPopover/MenuPopover.js +48 -50
  321. package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts +14 -14
  322. package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts.map +1 -1
  323. package/lib-commonjs/MenuPopover/MenuPopover.types.js +3 -3
  324. package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts +3 -7
  325. package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts.map +1 -1
  326. package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js +9 -12
  327. package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts +3 -7
  328. package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts.map +1 -1
  329. package/lib-commonjs/MenuPopover/MenuPopoverTokens.js +6 -9
  330. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts +3 -7
  331. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts.map +1 -1
  332. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js +12 -15
  333. package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js.map +1 -1
  334. package/lib-commonjs/MenuPopover/index.d.ts +1 -1
  335. package/lib-commonjs/MenuPopover/index.js +9 -24
  336. package/lib-commonjs/MenuPopover/useMenuPopover.d.ts +2 -2
  337. package/lib-commonjs/MenuPopover/useMenuPopover.js +87 -106
  338. package/lib-commonjs/MenuPopover/useMenuPopover.js.map +1 -1
  339. package/lib-commonjs/MenuTrigger/MenuTrigger.d.ts +3 -3
  340. package/lib-commonjs/MenuTrigger/MenuTrigger.js +52 -69
  341. package/lib-commonjs/MenuTrigger/MenuTrigger.types.d.ts +13 -13
  342. package/lib-commonjs/MenuTrigger/MenuTrigger.types.js +3 -3
  343. package/lib-commonjs/MenuTrigger/index.d.ts +1 -1
  344. package/lib-commonjs/MenuTrigger/index.js +9 -24
  345. package/lib-commonjs/MenuTrigger/useMenuTrigger.d.ts +1 -1
  346. package/lib-commonjs/MenuTrigger/useMenuTrigger.js +80 -111
  347. package/lib-commonjs/MenuTrigger/useMergeRefs.d.ts +1 -1
  348. package/lib-commonjs/MenuTrigger/useMergeRefs.js +46 -65
  349. package/lib-commonjs/__tests__/Menu.test.d.ts +1 -1
  350. package/lib-commonjs/__tests__/Menu.test.js +169 -333
  351. package/lib-commonjs/consts.d.ts +1 -1
  352. package/lib-commonjs/consts.js +6 -6
  353. package/lib-commonjs/context/index.d.ts +1 -1
  354. package/lib-commonjs/context/index.js +16 -70
  355. package/lib-commonjs/context/menuContext.d.ts +5 -5
  356. package/lib-commonjs/context/menuContext.js +47 -64
  357. package/lib-commonjs/context/menuListContext.d.ts +4 -4
  358. package/lib-commonjs/context/menuListContext.js +44 -61
  359. package/lib-commonjs/context/menuTriggerContext.d.ts +1 -1
  360. package/lib-commonjs/context/menuTriggerContext.js +7 -9
  361. package/lib-commonjs/index.d.ts +4 -26
  362. package/lib-commonjs/index.js +56 -296
  363. package/package.json +28 -27
  364. package/src/MenuCallout/MenuCallout.types.ts +12 -13
  365. package/src/MenuItemCheckbox/MenuItemCheckbox.types.ts +4 -2
  366. package/src/MenuItemRadio/MenuItemRadio.types.ts +4 -2
  367. package/src/MenuPopover/MenuPopover.types.ts +12 -13
  368. package/src/MenuPopover/MenuPopoverTokens.macos.ts +2 -2
  369. package/src/MenuPopover/useMenuPopover.ts +1 -1
@@ -1,87 +1,67 @@
1
- 'use strict';
2
- var __createBinding =
3
- (this && this.__createBinding) ||
4
- (Object.create
5
- ? function (o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- var desc = Object.getOwnPropertyDescriptor(m, k);
8
- if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
- desc = {
10
- enumerable: true,
11
- get: function () {
12
- return m[k];
13
- },
14
- };
15
- }
16
- Object.defineProperty(o, k2, desc);
17
- }
18
- : function (o, m, k, k2) {
19
- if (k2 === undefined) k2 = k;
20
- o[k2] = m[k];
21
- });
22
- var __setModuleDefault =
23
- (this && this.__setModuleDefault) ||
24
- (Object.create
25
- ? function (o, v) {
26
- Object.defineProperty(o, 'default', { enumerable: true, value: v });
27
- }
28
- : function (o, v) {
29
- o['default'] = v;
30
- });
31
- var __importStar =
32
- (this && this.__importStar) ||
33
- (function () {
34
- var ownKeys = function (o) {
35
- ownKeys =
36
- Object.getOwnPropertyNames ||
37
- function (o) {
38
- var ar = [];
39
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
40
- return ar;
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
41
24
  };
42
- return ownKeys(o);
25
+ return ownKeys(o);
43
26
  };
44
27
  return function (mod) {
45
- if (mod && mod.__esModule) return mod;
46
- var result = {};
47
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
48
- __setModuleDefault(result, mod);
49
- return result;
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
50
33
  };
51
- })();
52
- Object.defineProperty(exports, '__esModule', { value: true });
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
53
36
  exports.useMenuCheckboxInteraction = exports.useMenuItemCheckbox = void 0;
54
- const React = __importStar(require('react'));
55
- const react_native_1 = require('react-native');
56
- const framework_1 = require('@fluentui-react-native/framework');
57
- const interactive_hooks_1 = require('@fluentui-react-native/interactive-hooks');
58
- const menuContext_1 = require('../context/menuContext');
59
- const menuListContext_1 = require('../context/menuListContext');
60
- const useMenuItem_1 = require('../MenuItem/useMenuItem');
61
- const useMenuList_1 = require('../MenuList/useMenuList');
37
+ const React = __importStar(require("react"));
38
+ const react_native_1 = require("react-native");
39
+ const framework_1 = require("@fluentui-react-native/framework");
40
+ const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
41
+ const menuContext_1 = require("../context/menuContext");
42
+ const menuListContext_1 = require("../context/menuListContext");
43
+ const useMenuItem_1 = require("../MenuItem/useMenuItem");
44
+ const useMenuList_1 = require("../MenuList/useMenuList");
62
45
  const defaultAccessibilityActions = [{ name: 'Toggle' }];
63
46
  const useMenuItemCheckbox = (props) => {
64
- const { disabled = false, name } = props;
65
- const context = (0, menuListContext_1.useMenuListContext)();
66
- const checked = context.checked?.[name];
67
- const onCheckedChange = context.onCheckedChange;
68
- const toggleChecked = React.useCallback(
69
- (e) => {
70
- if (!disabled) {
71
- onCheckedChange(e, name, !checked);
72
- }
73
- },
74
- [checked, disabled, name, onCheckedChange],
75
- );
76
- return (0, exports.useMenuCheckboxInteraction)(props, toggleChecked);
47
+ const { disabled = false, name } = props;
48
+ const context = (0, menuListContext_1.useMenuListContext)();
49
+ const checked = context.checked?.[name];
50
+ const onCheckedChange = context.onCheckedChange;
51
+ const toggleChecked = React.useCallback((e) => {
52
+ if (!disabled) {
53
+ onCheckedChange(e, name, !checked);
54
+ }
55
+ }, [checked, disabled, name, onCheckedChange]);
56
+ return (0, exports.useMenuCheckboxInteraction)(props, toggleChecked);
77
57
  };
78
58
  exports.useMenuItemCheckbox = useMenuItemCheckbox;
79
59
  const getAccessibilityState = (0, framework_1.memoize)(getAccessibilityStateWorker);
80
60
  function getAccessibilityStateWorker(disabled, checked, accessibilityState) {
81
- if (accessibilityState) {
82
- return { disabled, checked, ...accessibilityState };
83
- }
84
- return { disabled, checked };
61
+ if (accessibilityState) {
62
+ return { disabled, checked, ...accessibilityState };
63
+ }
64
+ return { disabled, checked };
85
65
  }
86
66
  /**
87
67
  * Create interactivity and accessibility props to be passed into the inner render.
@@ -92,118 +72,96 @@ function getAccessibilityStateWorker(disabled, checked, accessibilityState) {
92
72
  * @returns Props and additional state needed to render the component
93
73
  */
94
74
  const useMenuCheckboxInteraction = (props, toggleCallback) => {
95
- const defaultComponentRef = React.useRef(null);
96
- const {
97
- accessibilityActions,
98
- accessibilityLabel,
99
- accessibilityState,
100
- accessible,
101
- componentRef = defaultComponentRef,
102
- disabled = false,
103
- name,
104
- onAccessibilityAction,
105
- ...rest
106
- } = props;
107
- const isSubmenu = (0, menuContext_1.useMenuContext)().isSubmenu;
108
- const { checked, hasIcons, hasTooltips, onArrowClose } = (0, menuListContext_1.useMenuListContext)();
109
- const isChecked = checked?.[name];
110
- // Ensure focus is placed on checkbox after click
111
- const toggleCheckedWithFocus = (0, interactive_hooks_1.useOnPressWithFocus)(componentRef, toggleCallback);
112
- const pressable = (0, interactive_hooks_1.usePressableState)({ ...rest, onPress: toggleCheckedWithFocus });
113
- const buttonRef = (0, interactive_hooks_1.useViewCommandFocus)(componentRef);
114
- const onKeysPressed = React.useCallback(
115
- (e) => {
116
- const invokeKey = e.nativeEvent.key === ' ' || e.nativeEvent.key === 'Enter';
117
- if (!disabled && invokeKey) {
118
- toggleCallback(e);
119
- return;
120
- }
121
- const isRtl = react_native_1.I18nManager.isRTL;
122
- const isArrowClose = isSubmenu && ((isRtl && e.nativeEvent.key === 'ArrowRight') || (!isRtl && e.nativeEvent.key === 'ArrowLeft'));
123
- if (isArrowClose) {
124
- onArrowClose?.(e);
125
- }
126
- },
127
- [disabled, isSubmenu, onArrowClose, toggleCallback],
128
- );
129
- const keys = disabled ? [] : isSubmenu ? useMenuItem_1.submenuTriggerKeys : useMenuItem_1.triggerKeys;
130
- const onKeyProps = (0, interactive_hooks_1.useKeyDownProps)(onKeysPressed, ...keys);
131
- const accessibilityActionsProp = accessibilityActions
132
- ? [...defaultAccessibilityActions, ...accessibilityActions]
133
- : defaultAccessibilityActions;
134
- const onAccessibilityActionProp = React.useCallback(
135
- (event) => {
136
- if (!disabled) {
137
- if (event.nativeEvent.actionName === 'Toggle') {
138
- toggleCallback(event);
75
+ const defaultComponentRef = React.useRef(null);
76
+ const { accessibilityActions, accessibilityLabel, accessibilityState, accessible, componentRef = defaultComponentRef, disabled = false, name, onAccessibilityAction, ...rest } = props;
77
+ const isSubmenu = (0, menuContext_1.useMenuContext)().isSubmenu;
78
+ const { checked, hasIcons, hasTooltips, onArrowClose } = (0, menuListContext_1.useMenuListContext)();
79
+ const isChecked = checked?.[name];
80
+ // Ensure focus is placed on checkbox after click
81
+ const toggleCheckedWithFocus = (0, interactive_hooks_1.useOnPressWithFocus)(componentRef, toggleCallback);
82
+ const pressable = (0, interactive_hooks_1.usePressableState)({ ...rest, onPress: toggleCheckedWithFocus });
83
+ const buttonRef = (0, interactive_hooks_1.useViewCommandFocus)(componentRef);
84
+ const onKeysPressed = React.useCallback((e) => {
85
+ const invokeKey = e.nativeEvent.key === ' ' || e.nativeEvent.key === 'Enter';
86
+ if (!disabled && invokeKey) {
87
+ toggleCallback(e);
88
+ return;
89
+ }
90
+ const isRtl = react_native_1.I18nManager.isRTL;
91
+ const isArrowClose = isSubmenu && ((isRtl && e.nativeEvent.key === 'ArrowRight') || (!isRtl && e.nativeEvent.key === 'ArrowLeft'));
92
+ if (isArrowClose) {
93
+ onArrowClose?.(e);
94
+ }
95
+ }, [disabled, isSubmenu, onArrowClose, toggleCallback]);
96
+ const keys = disabled ? [] : isSubmenu ? useMenuItem_1.submenuTriggerKeys : useMenuItem_1.triggerKeys;
97
+ const onKeyProps = (0, interactive_hooks_1.useKeyDownProps)(onKeysPressed, ...keys);
98
+ const accessibilityActionsProp = accessibilityActions
99
+ ? [...defaultAccessibilityActions, ...accessibilityActions]
100
+ : defaultAccessibilityActions;
101
+ const onAccessibilityActionProp = React.useCallback((event) => {
102
+ if (!disabled) {
103
+ if (event.nativeEvent.actionName === 'Toggle') {
104
+ toggleCallback(event);
105
+ }
106
+ onAccessibilityAction && onAccessibilityAction(event);
139
107
  }
140
- onAccessibilityAction && onAccessibilityAction(event);
141
- }
142
- },
143
- [disabled, toggleCallback, onAccessibilityAction],
144
- );
145
- (0, useMenuItem_1.useHoverFocusEffect)(pressable.state.hovered, componentRef);
146
- const [enableFocusRing, setEnableFocusRing] = React.useState(!pressable.state.hovered);
147
- const onHoverIn = React.useCallback(
148
- (e) => {
149
- pressable.props.onHoverIn(e);
150
- // when it's a hover focus, set enableFocusRing explicitly to false
151
- if (!pressable.state.focused) {
152
- setEnableFocusRing(false);
153
- }
154
- },
155
- [pressable],
156
- );
157
- const onFocus = React.useCallback(
158
- (e) => {
159
- pressable.props.onFocus(e);
160
- // when it's not a hover focus, set enableFocusRing explicitly to true
161
- if (!pressable.state.focused) {
162
- setEnableFocusRing(true);
163
- }
164
- },
165
- [pressable],
166
- );
167
- // Track the ref and disabled props on this menu item so the MenuList can handle Home and End keypresses.
168
- (0, useMenuList_1.useMenuItemTracking)(componentRef, disabled);
169
- const state = {
170
- ...pressable.state,
171
- checked: isChecked,
172
- disabled,
173
- hasIcons,
174
- hasTooltips,
175
- };
176
- return {
177
- props: {
178
- ...pressable.props,
179
- onHoverIn: react_native_1.Platform.select({
180
- macos: pressable.props.onHoverIn,
181
- default: onHoverIn, // win32
182
- }),
183
- onFocus: react_native_1.Platform.select({
184
- macos: pressable.props.onFocus,
185
- default: onFocus, // win32
186
- }),
187
- accessible: accessible ?? true,
188
- accessibilityActions: accessibilityActionsProp,
189
- accessibilityLabel,
190
- accessibilityRole: 'menuitem',
191
- accessibilityState: getAccessibilityState(disabled, state.checked, accessibilityState),
192
- disabled,
193
- enableFocusRing: react_native_1.Platform.select({
194
- macos: false,
195
- default: enableFocusRing, // win32
196
- }),
197
- focusable: react_native_1.Platform.select({
198
- macos: !disabled,
199
- default: true, // win32
200
- }),
201
- onAccessibilityAction: onAccessibilityActionProp,
202
- ref: buttonRef,
203
- ...onKeyProps,
204
- },
205
- state: state,
206
- };
108
+ }, [disabled, toggleCallback, onAccessibilityAction]);
109
+ (0, useMenuItem_1.useHoverFocusEffect)(pressable.state.hovered, componentRef);
110
+ const [enableFocusRing, setEnableFocusRing] = React.useState(!pressable.state.hovered);
111
+ const onHoverIn = React.useCallback((e) => {
112
+ pressable.props.onHoverIn(e);
113
+ // when it's a hover focus, set enableFocusRing explicitly to false
114
+ if (!pressable.state.focused) {
115
+ setEnableFocusRing(false);
116
+ }
117
+ }, [pressable]);
118
+ const onFocus = React.useCallback((e) => {
119
+ pressable.props.onFocus(e);
120
+ // when it's not a hover focus, set enableFocusRing explicitly to true
121
+ if (!pressable.state.focused) {
122
+ setEnableFocusRing(true);
123
+ }
124
+ }, [pressable]);
125
+ // Track the ref and disabled props on this menu item so the MenuList can handle Home and End keypresses.
126
+ (0, useMenuList_1.useMenuItemTracking)(componentRef, disabled);
127
+ const state = {
128
+ ...pressable.state,
129
+ checked: isChecked,
130
+ disabled,
131
+ hasIcons,
132
+ hasTooltips,
133
+ };
134
+ return {
135
+ props: {
136
+ ...pressable.props,
137
+ onHoverIn: react_native_1.Platform.select({
138
+ macos: pressable.props.onHoverIn,
139
+ default: onHoverIn, // win32
140
+ }),
141
+ onFocus: react_native_1.Platform.select({
142
+ macos: pressable.props.onFocus,
143
+ default: onFocus, // win32
144
+ }),
145
+ accessible: accessible ?? true,
146
+ accessibilityActions: accessibilityActionsProp,
147
+ accessibilityLabel,
148
+ accessibilityRole: 'menuitem',
149
+ accessibilityState: getAccessibilityState(disabled, state.checked, accessibilityState),
150
+ disabled,
151
+ enableFocusRing: react_native_1.Platform.select({
152
+ macos: false,
153
+ default: enableFocusRing, // win32
154
+ }),
155
+ focusable: react_native_1.Platform.select({
156
+ macos: !disabled,
157
+ default: true, // win32
158
+ }),
159
+ onAccessibilityAction: onAccessibilityActionProp,
160
+ ref: buttonRef,
161
+ ...onKeyProps,
162
+ },
163
+ state: state,
164
+ };
207
165
  };
208
166
  exports.useMenuCheckboxInteraction = useMenuCheckboxInteraction;
209
- //# sourceMappingURL=useMenuItemCheckbox.js.map
167
+ //# sourceMappingURL=useMenuItemCheckbox.js.map
@@ -1,13 +1,5 @@
1
1
  import type { Slots, FinalRender } from '@fluentui-react-native/framework';
2
2
  import type { MenuItemRadioInfo, MenuItemRadioProps, MenuItemRadioSlotProps } from './MenuItemRadio.types';
3
- export declare const MenuItemRadio: import('@fluentui-react-native/framework').ComposableComponent<
4
- MenuItemRadioProps,
5
- MenuItemRadioSlotProps,
6
- import('./MenuItemRadio.types').MenuItemRadioTokens,
7
- import('@fluentui-react-native/framework').ObjectBase
8
- >;
9
- export declare const menuItemRadioFinalRender: (
10
- menuItem: MenuItemRadioInfo,
11
- Slots: Slots<MenuItemRadioSlotProps>,
12
- ) => FinalRender<MenuItemRadioProps>;
13
- //# sourceMappingURL=MenuItemRadio.d.ts.map
3
+ export declare const MenuItemRadio: import("@fluentui-react-native/framework").ComposableComponent<MenuItemRadioProps, MenuItemRadioSlotProps, import("./MenuItemRadio.types").MenuItemRadioTokens, import("@fluentui-react-native/framework").ObjectBase>;
4
+ export declare const menuItemRadioFinalRender: (menuItem: MenuItemRadioInfo, Slots: Slots<MenuItemRadioSlotProps>) => FinalRender<MenuItemRadioProps>;
5
+ //# sourceMappingURL=MenuItemRadio.d.ts.map
@@ -1,74 +1,46 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', { value: true });
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.menuItemRadioFinalRender = exports.MenuItemRadio = void 0;
4
- const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
5
- const react_native_1 = require('react-native');
6
- const framework_1 = require('@fluentui-react-native/framework');
7
- const icon_1 = require('@fluentui-react-native/icon');
8
- const text_1 = require('@fluentui-react-native/text');
9
- const react_native_svg_1 = require('react-native-svg');
10
- const MenuItemRadio_styling_1 = require('./MenuItemRadio.styling');
11
- const MenuItemRadio_types_1 = require('./MenuItemRadio.types');
12
- const useMenuItemRadio_1 = require('./useMenuItemRadio');
13
- const MenuItem_1 = require('../MenuItem/MenuItem');
4
+ const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
5
+ const react_native_1 = require("react-native");
6
+ const framework_1 = require("@fluentui-react-native/framework");
7
+ const icon_1 = require("@fluentui-react-native/icon");
8
+ const text_1 = require("@fluentui-react-native/text");
9
+ const react_native_svg_1 = require("react-native-svg");
10
+ const MenuItemRadio_styling_1 = require("./MenuItemRadio.styling");
11
+ const MenuItemRadio_types_1 = require("./MenuItemRadio.types");
12
+ const useMenuItemRadio_1 = require("./useMenuItemRadio");
13
+ const MenuItem_1 = require("../MenuItem/MenuItem");
14
14
  exports.MenuItemRadio = (0, framework_1.compose)({
15
- displayName: MenuItemRadio_types_1.menuItemRadioName,
16
- ...MenuItemRadio_styling_1.stylingSettings,
17
- slots: {
18
- root: react_native_1.Pressable,
19
- radioInnerCircle: react_native_1.View,
20
- radioButton: react_native_1.Pressable,
21
- checkmark: react_native_svg_1.SvgXml,
22
- content: text_1.TextV1,
23
- iconPlaceholder: react_native_1.View,
24
- imgIcon: react_native_1.Image,
25
- fontOrSvgIcon: icon_1.IconV1,
26
- },
27
- useRender: (userProps, useSlots) => {
28
- const menuItem = (0, useMenuItemRadio_1.useMenuItemRadio)(userProps);
29
- const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
30
- return (0, exports.menuItemRadioFinalRender)(menuItem, Slots);
31
- },
15
+ displayName: MenuItemRadio_types_1.menuItemRadioName,
16
+ ...MenuItemRadio_styling_1.stylingSettings,
17
+ slots: {
18
+ root: react_native_1.Pressable,
19
+ radioInnerCircle: react_native_1.View,
20
+ radioButton: react_native_1.Pressable,
21
+ checkmark: react_native_svg_1.SvgXml,
22
+ content: text_1.TextV1,
23
+ iconPlaceholder: react_native_1.View,
24
+ imgIcon: react_native_1.Image,
25
+ fontOrSvgIcon: icon_1.IconV1,
26
+ },
27
+ useRender: (userProps, useSlots) => {
28
+ const menuItem = (0, useMenuItemRadio_1.useMenuItemRadio)(userProps);
29
+ const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
30
+ return (0, exports.menuItemRadioFinalRender)(menuItem, Slots);
31
+ },
32
32
  });
33
33
  const menuItemRadioFinalRender = (menuItem, Slots) => {
34
- return (final, ...children) => {
35
- const { accessibilityLabel, icon, tooltip, ...mergedProps } = (0, framework_1.mergeProps)(menuItem.props, final);
36
- const checkmarkXml = `
34
+ return (final, ...children) => {
35
+ const { accessibilityLabel, icon, tooltip, ...mergedProps } = (0, framework_1.mergeProps)(menuItem.props, final);
36
+ const checkmarkXml = `
37
37
  <svg>
38
38
  <path fill='currentColor' d='M9.85355 3.14645C10.0488 3.34171 10.0488 3.65829 9.85355 3.85355L5.35355 8.35355C5.15829 8.54882 4.84171 8.54882 4.64645 8.35355L2.64645 6.35355C2.45118 6.15829 2.45118 5.84171 2.64645 5.64645C2.84171 5.45118 3.15829 5.45118 3.35355 5.64645L5 7.29289L9.14645 3.14645C9.34171 2.95118 9.65829 2.95118 9.85355 3.14645Z' />
39
39
  </svg>`;
40
- const label = (0, MenuItem_1.getAccessibilityLabel)(accessibilityLabel, children[0]);
41
- const tooltipResult = (0, MenuItem_1.getTooltip)(tooltip, menuItem.state.hasTooltips, children[0]);
42
- return jsx_runtime_1.jsxs(Slots.root, {
43
- ...mergedProps,
44
- accessibilityLabel: label,
45
- children: [
46
- react_native_1.Platform.OS === 'android'
47
- ? jsx_runtime_1.jsx(Slots.radioButton, {
48
- onPress: mergedProps.onPress,
49
- accessible: false,
50
- focusable: false,
51
- children: jsx_runtime_1.jsx(Slots.radioInnerCircle, {}),
52
- })
53
- : jsx_runtime_1.jsx(Slots.checkmark, { accessible: false, xml: checkmarkXml }),
54
- (icon || menuItem.state.hasIcons) &&
55
- jsx_runtime_1.jsxs(Slots.iconPlaceholder, {
56
- accessible: false,
57
- children: [
58
- icon && icon.source && jsx_runtime_1.jsx(Slots.imgIcon, { accessible: false, ...icon }),
59
- icon && (icon.svgSource || icon.fontSource) && jsx_runtime_1.jsx(Slots.fontOrSvgIcon, { accessible: false, ...icon }),
60
- ],
61
- }),
62
- children &&
63
- jsx_runtime_1.jsx(Slots.content, {
64
- accessible: false,
65
- tooltip: tooltipResult,
66
- ...(tooltipResult && { alwaysShowToolTip: true }),
67
- children: children,
68
- }),
69
- ],
70
- });
71
- };
40
+ const label = (0, MenuItem_1.getAccessibilityLabel)(accessibilityLabel, children[0]);
41
+ const tooltipResult = (0, MenuItem_1.getTooltip)(tooltip, menuItem.state.hasTooltips, children[0]);
42
+ return (jsx_runtime_1.jsxs(Slots.root, { ...mergedProps, accessibilityLabel: label, children: [react_native_1.Platform.OS === 'android' ? (jsx_runtime_1.jsx(Slots.radioButton, { onPress: mergedProps.onPress, accessible: false, focusable: false, children: jsx_runtime_1.jsx(Slots.radioInnerCircle, {}) })) : (jsx_runtime_1.jsx(Slots.checkmark, { accessible: false, xml: checkmarkXml })), (icon || menuItem.state.hasIcons) && (jsx_runtime_1.jsxs(Slots.iconPlaceholder, { accessible: false, children: [icon && icon.source && jsx_runtime_1.jsx(Slots.imgIcon, { accessible: false, ...icon }), icon && (icon.svgSource || icon.fontSource) && jsx_runtime_1.jsx(Slots.fontOrSvgIcon, { accessible: false, ...icon })] })), children && (jsx_runtime_1.jsx(Slots.content, { accessible: false, tooltip: tooltipResult, ...(tooltipResult && { alwaysShowToolTip: true }), children: children }))] }));
43
+ };
72
44
  };
73
45
  exports.menuItemRadioFinalRender = menuItemRadioFinalRender;
74
- //# sourceMappingURL=MenuItemRadio.js.map
46
+ //# sourceMappingURL=MenuItemRadio.js.map
@@ -3,4 +3,4 @@ import type { MenuItemRadioProps, MenuItemRadioSlotProps } from './MenuItemRadio
3
3
  import type { MenuItemRadioTokens } from '../MenuItemRadio/MenuItemRadio.types';
4
4
  export declare const menuItemRadioStates: (keyof MenuItemRadioTokens)[];
5
5
  export declare const stylingSettings: UseStylingOptions<MenuItemRadioProps, MenuItemRadioSlotProps, MenuItemRadioTokens>;
6
- //# sourceMappingURL=MenuItemRadio.styling.android.d.ts.map
6
+ //# sourceMappingURL=MenuItemRadio.styling.android.d.ts.map