@fluentui-react-native/menu 1.4.26 → 1.4.28

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 (231) hide show
  1. package/CHANGELOG.json +79 -1
  2. package/CHANGELOG.md +26 -2
  3. package/package.json +9 -9
  4. package/lib/Menu/Menu.d.ts +0 -4
  5. package/lib/Menu/Menu.d.ts.map +0 -1
  6. package/lib/Menu/Menu.js +0 -35
  7. package/lib/Menu/Menu.js.map +0 -1
  8. package/lib/Menu/Menu.types.d.ts +0 -40
  9. package/lib/Menu/Menu.types.d.ts.map +0 -1
  10. package/lib/Menu/Menu.types.js +0 -2
  11. package/lib/Menu/Menu.types.js.map +0 -1
  12. package/lib/Menu/index.d.ts +0 -6
  13. package/lib/Menu/index.d.ts.map +0 -1
  14. package/lib/Menu/index.js +0 -5
  15. package/lib/Menu/index.js.map +0 -1
  16. package/lib/Menu/useMenu.d.ts +0 -3
  17. package/lib/Menu/useMenu.d.ts.map +0 -1
  18. package/lib/Menu/useMenu.js +0 -76
  19. package/lib/Menu/useMenu.js.map +0 -1
  20. package/lib/Menu/useMenuContextValue.d.ts +0 -4
  21. package/lib/Menu/useMenuContextValue.d.ts.map +0 -1
  22. package/lib/Menu/useMenuContextValue.js +0 -8
  23. package/lib/Menu/useMenuContextValue.js.map +0 -1
  24. package/lib/MenuDivider/MenuDivider.d.ts +0 -2
  25. package/lib/MenuDivider/MenuDivider.d.ts.map +0 -1
  26. package/lib/MenuDivider/MenuDivider.js +0 -15
  27. package/lib/MenuDivider/MenuDivider.js.map +0 -1
  28. package/lib/MenuDivider/MenuDivider.styling.d.ts +0 -4
  29. package/lib/MenuDivider/MenuDivider.styling.d.ts.map +0 -1
  30. package/lib/MenuDivider/MenuDivider.styling.js +0 -19
  31. package/lib/MenuDivider/MenuDivider.styling.js.map +0 -1
  32. package/lib/MenuDivider/MenuDivider.types.d.ts +0 -21
  33. package/lib/MenuDivider/MenuDivider.types.d.ts.map +0 -1
  34. package/lib/MenuDivider/MenuDivider.types.js +0 -2
  35. package/lib/MenuDivider/MenuDivider.types.js.map +0 -1
  36. package/lib/MenuDivider/MenuDividerTokens.d.ts +0 -5
  37. package/lib/MenuDivider/MenuDividerTokens.d.ts.map +0 -1
  38. package/lib/MenuDivider/MenuDividerTokens.js +0 -7
  39. package/lib/MenuDivider/MenuDividerTokens.js.map +0 -1
  40. package/lib/MenuDivider/MenuDividerTokens.macos.d.ts +0 -5
  41. package/lib/MenuDivider/MenuDividerTokens.macos.d.ts.map +0 -1
  42. package/lib/MenuDivider/MenuDividerTokens.macos.js +0 -7
  43. package/lib/MenuDivider/MenuDividerTokens.macos.js.map +0 -1
  44. package/lib/MenuDivider/MenuDividerTokens.win32.d.ts +0 -5
  45. package/lib/MenuDivider/MenuDividerTokens.win32.d.ts.map +0 -1
  46. package/lib/MenuDivider/MenuDividerTokens.win32.js +0 -7
  47. package/lib/MenuDivider/MenuDividerTokens.win32.js.map +0 -1
  48. package/lib/MenuDivider/index.d.ts +0 -4
  49. package/lib/MenuDivider/index.d.ts.map +0 -1
  50. package/lib/MenuDivider/index.js +0 -3
  51. package/lib/MenuDivider/index.js.map +0 -1
  52. package/lib/MenuItem/MenuItem.d.ts +0 -7
  53. package/lib/MenuItem/MenuItem.d.ts.map +0 -1
  54. package/lib/MenuItem/MenuItem.js +0 -58
  55. package/lib/MenuItem/MenuItem.js.map +0 -1
  56. package/lib/MenuItem/MenuItem.styling.d.ts +0 -5
  57. package/lib/MenuItem/MenuItem.styling.d.ts.map +0 -1
  58. package/lib/MenuItem/MenuItem.styling.js +0 -50
  59. package/lib/MenuItem/MenuItem.styling.js.map +0 -1
  60. package/lib/MenuItem/MenuItem.types.d.ts +0 -86
  61. package/lib/MenuItem/MenuItem.types.d.ts.map +0 -1
  62. package/lib/MenuItem/MenuItem.types.js +0 -2
  63. package/lib/MenuItem/MenuItem.types.js.map +0 -1
  64. package/lib/MenuItem/MenuItemTokens.d.ts +0 -5
  65. package/lib/MenuItem/MenuItemTokens.d.ts.map +0 -1
  66. package/lib/MenuItem/MenuItemTokens.js +0 -39
  67. package/lib/MenuItem/MenuItemTokens.js.map +0 -1
  68. package/lib/MenuItem/MenuItemTokens.macos.d.ts +0 -5
  69. package/lib/MenuItem/MenuItemTokens.macos.d.ts.map +0 -1
  70. package/lib/MenuItem/MenuItemTokens.macos.js +0 -34
  71. package/lib/MenuItem/MenuItemTokens.macos.js.map +0 -1
  72. package/lib/MenuItem/MenuItemTokens.win32.d.ts +0 -5
  73. package/lib/MenuItem/MenuItemTokens.win32.d.ts.map +0 -1
  74. package/lib/MenuItem/MenuItemTokens.win32.js +0 -40
  75. package/lib/MenuItem/MenuItemTokens.win32.js.map +0 -1
  76. package/lib/MenuItem/index.d.ts +0 -5
  77. package/lib/MenuItem/index.d.ts.map +0 -1
  78. package/lib/MenuItem/index.js +0 -4
  79. package/lib/MenuItem/index.js.map +0 -1
  80. package/lib/MenuItem/useMenuItem.d.ts +0 -7
  81. package/lib/MenuItem/useMenuItem.d.ts.map +0 -1
  82. package/lib/MenuItem/useMenuItem.js +0 -74
  83. package/lib/MenuItem/useMenuItem.js.map +0 -1
  84. package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts +0 -7
  85. package/lib/MenuItemCheckbox/MenuItemCheckbox.d.ts.map +0 -1
  86. package/lib/MenuItemCheckbox/MenuItemCheckbox.js +0 -37
  87. package/lib/MenuItemCheckbox/MenuItemCheckbox.js.map +0 -1
  88. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts +0 -5
  89. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.d.ts.map +0 -1
  90. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js +0 -40
  91. package/lib/MenuItemCheckbox/MenuItemCheckbox.styling.js.map +0 -1
  92. package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +0 -60
  93. package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +0 -1
  94. package/lib/MenuItemCheckbox/MenuItemCheckbox.types.js +0 -2
  95. package/lib/MenuItemCheckbox/MenuItemCheckbox.types.js.map +0 -1
  96. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts +0 -5
  97. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.d.ts.map +0 -1
  98. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.js +0 -51
  99. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.js.map +0 -1
  100. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts +0 -5
  101. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.d.ts.map +0 -1
  102. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js +0 -49
  103. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.macos.js.map +0 -1
  104. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts +0 -5
  105. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.d.ts.map +0 -1
  106. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js +0 -52
  107. package/lib/MenuItemCheckbox/MenuItemCheckboxTokens.win32.js.map +0 -1
  108. package/lib/MenuItemCheckbox/index.d.ts +0 -5
  109. package/lib/MenuItemCheckbox/index.d.ts.map +0 -1
  110. package/lib/MenuItemCheckbox/index.js +0 -4
  111. package/lib/MenuItemCheckbox/index.js.map +0 -1
  112. package/lib/MenuItemCheckbox/useMenuItemCheckbox.d.ts +0 -13
  113. package/lib/MenuItemCheckbox/useMenuItemCheckbox.d.ts.map +0 -1
  114. package/lib/MenuItemCheckbox/useMenuItemCheckbox.js +0 -85
  115. package/lib/MenuItemCheckbox/useMenuItemCheckbox.js.map +0 -1
  116. package/lib/MenuItemRadio/MenuItemRadio.d.ts +0 -4
  117. package/lib/MenuItemRadio/MenuItemRadio.d.ts.map +0 -1
  118. package/lib/MenuItemRadio/MenuItemRadio.js +0 -12
  119. package/lib/MenuItemRadio/MenuItemRadio.js.map +0 -1
  120. package/lib/MenuItemRadio/index.d.ts +0 -3
  121. package/lib/MenuItemRadio/index.d.ts.map +0 -1
  122. package/lib/MenuItemRadio/index.js +0 -3
  123. package/lib/MenuItemRadio/index.js.map +0 -1
  124. package/lib/MenuItemRadio/useMenuItemRadio.d.ts +0 -3
  125. package/lib/MenuItemRadio/useMenuItemRadio.d.ts.map +0 -1
  126. package/lib/MenuItemRadio/useMenuItemRadio.js +0 -30
  127. package/lib/MenuItemRadio/useMenuItemRadio.js.map +0 -1
  128. package/lib/MenuList/MenuList.d.ts +0 -4
  129. package/lib/MenuList/MenuList.d.ts.map +0 -1
  130. package/lib/MenuList/MenuList.js +0 -68
  131. package/lib/MenuList/MenuList.js.map +0 -1
  132. package/lib/MenuList/MenuList.styling.d.ts +0 -5
  133. package/lib/MenuList/MenuList.styling.d.ts.map +0 -1
  134. package/lib/MenuList/MenuList.styling.js +0 -17
  135. package/lib/MenuList/MenuList.styling.js.map +0 -1
  136. package/lib/MenuList/MenuList.types.d.ts +0 -74
  137. package/lib/MenuList/MenuList.types.d.ts.map +0 -1
  138. package/lib/MenuList/MenuList.types.js +0 -2
  139. package/lib/MenuList/MenuList.types.js.map +0 -1
  140. package/lib/MenuList/MenuListTokens.d.ts +0 -5
  141. package/lib/MenuList/MenuListTokens.d.ts.map +0 -1
  142. package/lib/MenuList/MenuListTokens.js +0 -9
  143. package/lib/MenuList/MenuListTokens.js.map +0 -1
  144. package/lib/MenuList/MenuListTokens.macos.d.ts +0 -5
  145. package/lib/MenuList/MenuListTokens.macos.d.ts.map +0 -1
  146. package/lib/MenuList/MenuListTokens.macos.js +0 -7
  147. package/lib/MenuList/MenuListTokens.macos.js.map +0 -1
  148. package/lib/MenuList/MenuListTokens.win32.d.ts +0 -5
  149. package/lib/MenuList/MenuListTokens.win32.d.ts.map +0 -1
  150. package/lib/MenuList/MenuListTokens.win32.js +0 -12
  151. package/lib/MenuList/MenuListTokens.win32.js.map +0 -1
  152. package/lib/MenuList/index.d.ts +0 -6
  153. package/lib/MenuList/index.d.ts.map +0 -1
  154. package/lib/MenuList/index.js +0 -5
  155. package/lib/MenuList/index.js.map +0 -1
  156. package/lib/MenuList/useMenuList.d.ts +0 -3
  157. package/lib/MenuList/useMenuList.d.ts.map +0 -1
  158. package/lib/MenuList/useMenuList.js +0 -109
  159. package/lib/MenuList/useMenuList.js.map +0 -1
  160. package/lib/MenuList/useMenuListContextValue.d.ts +0 -4
  161. package/lib/MenuList/useMenuListContextValue.d.ts.map +0 -1
  162. package/lib/MenuList/useMenuListContextValue.js +0 -5
  163. package/lib/MenuList/useMenuListContextValue.js.map +0 -1
  164. package/lib/MenuPopover/MenuPopover.d.ts +0 -4
  165. package/lib/MenuPopover/MenuPopover.d.ts.map +0 -1
  166. package/lib/MenuPopover/MenuPopover.js +0 -44
  167. package/lib/MenuPopover/MenuPopover.js.map +0 -1
  168. package/lib/MenuPopover/MenuPopover.types.d.ts +0 -10
  169. package/lib/MenuPopover/MenuPopover.types.d.ts.map +0 -1
  170. package/lib/MenuPopover/MenuPopover.types.js +0 -2
  171. package/lib/MenuPopover/MenuPopover.types.js.map +0 -1
  172. package/lib/MenuPopover/MenuPopoverTokens.d.ts +0 -3
  173. package/lib/MenuPopover/MenuPopoverTokens.d.ts.map +0 -1
  174. package/lib/MenuPopover/MenuPopoverTokens.js +0 -4
  175. package/lib/MenuPopover/MenuPopoverTokens.js.map +0 -1
  176. package/lib/MenuPopover/index.d.ts +0 -5
  177. package/lib/MenuPopover/index.d.ts.map +0 -1
  178. package/lib/MenuPopover/index.js +0 -4
  179. package/lib/MenuPopover/index.js.map +0 -1
  180. package/lib/MenuPopover/useMenuPopover.d.ts +0 -3
  181. package/lib/MenuPopover/useMenuPopover.d.ts.map +0 -1
  182. package/lib/MenuPopover/useMenuPopover.js +0 -92
  183. package/lib/MenuPopover/useMenuPopover.js.map +0 -1
  184. package/lib/MenuTrigger/MenuTrigger.d.ts +0 -5
  185. package/lib/MenuTrigger/MenuTrigger.d.ts.map +0 -1
  186. package/lib/MenuTrigger/MenuTrigger.js +0 -20
  187. package/lib/MenuTrigger/MenuTrigger.js.map +0 -1
  188. package/lib/MenuTrigger/MenuTrigger.types.d.ts +0 -28
  189. package/lib/MenuTrigger/MenuTrigger.types.d.ts.map +0 -1
  190. package/lib/MenuTrigger/MenuTrigger.types.js +0 -2
  191. package/lib/MenuTrigger/MenuTrigger.types.js.map +0 -1
  192. package/lib/MenuTrigger/index.d.ts +0 -5
  193. package/lib/MenuTrigger/index.d.ts.map +0 -1
  194. package/lib/MenuTrigger/index.js +0 -4
  195. package/lib/MenuTrigger/index.js.map +0 -1
  196. package/lib/MenuTrigger/useMenuTrigger.d.ts +0 -3
  197. package/lib/MenuTrigger/useMenuTrigger.d.ts.map +0 -1
  198. package/lib/MenuTrigger/useMenuTrigger.js +0 -79
  199. package/lib/MenuTrigger/useMenuTrigger.js.map +0 -1
  200. package/lib/MenuTrigger/useMergeRefs.d.ts +0 -20
  201. package/lib/MenuTrigger/useMergeRefs.d.ts.map +0 -1
  202. package/lib/MenuTrigger/useMergeRefs.js +0 -36
  203. package/lib/MenuTrigger/useMergeRefs.js.map +0 -1
  204. package/lib/__tests__/Menu.test.d.ts +0 -2
  205. package/lib/__tests__/Menu.test.d.ts.map +0 -1
  206. package/lib/__tests__/Menu.test.js +0 -145
  207. package/lib/__tests__/Menu.test.js.map +0 -1
  208. package/lib/consts.d.ts +0 -2
  209. package/lib/consts.d.ts.map +0 -1
  210. package/lib/consts.js +0 -6
  211. package/lib/consts.js.map +0 -1
  212. package/lib/context/index.d.ts +0 -4
  213. package/lib/context/index.d.ts.map +0 -1
  214. package/lib/context/index.js +0 -4
  215. package/lib/context/index.js.map +0 -1
  216. package/lib/context/menuContext.d.ts +0 -16
  217. package/lib/context/menuContext.d.ts.map +0 -1
  218. package/lib/context/menuContext.js +0 -20
  219. package/lib/context/menuContext.js.map +0 -1
  220. package/lib/context/menuListContext.d.ts +0 -14
  221. package/lib/context/menuListContext.d.ts.map +0 -1
  222. package/lib/context/menuListContext.js +0 -15
  223. package/lib/context/menuListContext.js.map +0 -1
  224. package/lib/context/menuTriggerContext.d.ts +0 -9
  225. package/lib/context/menuTriggerContext.d.ts.map +0 -1
  226. package/lib/context/menuTriggerContext.js +0 -9
  227. package/lib/context/menuTriggerContext.js.map +0 -1
  228. package/lib/index.d.ts +0 -10
  229. package/lib/index.d.ts.map +0 -1
  230. package/lib/index.js +0 -10
  231. package/lib/index.js.map +0 -1
@@ -1,58 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import { I18nManager, Image, Pressable, View } from 'react-native';
3
- import { compose, memoize, mergeProps, withSlots } from '@fluentui-react-native/framework';
4
- import { IconV1 as Icon } from '@fluentui-react-native/icon';
5
- import { TextV1 as Text } from '@fluentui-react-native/text';
6
- import { SvgXml } from 'react-native-svg';
7
- import { stylingSettings } from './MenuItem.styling';
8
- import { menuItemName } from './MenuItem.types';
9
- import { useMenuItem } from './useMenuItem';
10
- export var MenuItem = compose(__assign(__assign({ displayName: menuItemName }, stylingSettings), { slots: {
11
- root: Pressable,
12
- checkmark: View,
13
- content: Text,
14
- iconPlaceholder: View,
15
- imgIcon: Image,
16
- fontOrSvgIcon: Icon,
17
- submenuIndicator: SvgXml,
18
- }, useRender: function (userProps, useSlots) {
19
- var menuItem = useMenuItem(userProps);
20
- var Slots = useSlots(userProps, function (layer) { return menuItem.state[layer] || userProps[layer]; });
21
- return function (final, children) {
22
- var _a = mergeProps(menuItem.props, final), accessibilityLabel = _a.accessibilityLabel, icon = _a.icon, tooltip = _a.tooltip, mergedProps = __rest(_a, ["accessibilityLabel", "icon", "tooltip"]);
23
- var chevronXml = I18nManager.isRTL
24
- ? "\n <svg>\n <path fill='currentColor' d=\"M10.2603 3.20041C10.5639 3.48226 10.5814 3.95681 10.2996 4.26034L6.77348 8L10.2996 11.7397C10.5814 12.0432 10.5639 12.5177 10.2603 12.7996C9.9568 13.0815 9.48226 13.0639 9.2004 12.7603L5.2004 8.51034C4.9332 8.22258 4.9332 7.77743 5.2004 7.48966L9.20041 3.23966C9.48226 2.93613 9.95681 2.91856 10.2603 3.20041Z\"/>\n </svg>"
25
- : "\n <svg>\n <path fill='currentColor' d=\"M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z\"/>\n </svg>";
26
- // We only automatically support the one child string.
27
- var label = getAccessibilityLabel(accessibilityLabel, children[0]);
28
- var tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
29
- return (withSlots(Slots.root, __assign({}, mergedProps, { accessibilityLabel: label }),
30
- menuItem.state.hasCheckmarks && withSlots(Slots.checkmark, { accessible: false }),
31
- (icon || menuItem.state.hasIcons) && (withSlots(Slots.iconPlaceholder, { accessible: false },
32
- icon && icon.source && withSlots(Slots.imgIcon, __assign({ accessible: false }, icon)),
33
- icon && (icon.svgSource || icon.fontSource) && withSlots(Slots.fontOrSvgIcon, __assign({ accessible: false }, icon)))),
34
- children && (withSlots(Slots.content, { accessible: false, tooltip: tooltipResult }, children)),
35
- menuItem.state.hasSubmenu && withSlots(Slots.submenuIndicator, { accessible: false, xml: chevronXml })));
36
- };
37
- } }));
38
- var getAccessibilityLabelWorker = function (accessibilityLabel, child) {
39
- if (accessibilityLabel !== undefined) {
40
- return accessibilityLabel;
41
- }
42
- if (typeof child === 'string') {
43
- return child;
44
- }
45
- return undefined;
46
- };
47
- export var getAccessibilityLabel = memoize(getAccessibilityLabelWorker);
48
- var getTooltipWorker = function (tooltip, hasTooltips, child) {
49
- if (tooltip !== undefined) {
50
- return tooltip;
51
- }
52
- if (hasTooltips && typeof child === 'string') {
53
- return child;
54
- }
55
- return undefined;
56
- };
57
- export var getTooltip = memoize(getTooltipWorker);
58
- //# sourceMappingURL=MenuItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import type { UseStylingOptions } from '@fluentui-react-native/framework';
2
- import type { MenuItemProps, MenuItemTokens, MenuItemSlotProps } from './MenuItem.types';
3
- export declare const menuItemStates: (keyof MenuItemTokens)[];
4
- export declare const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps, MenuItemTokens>;
5
- //# sourceMappingURL=MenuItem.styling.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.styling.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAIjF,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIzF,eAAO,MAAM,cAAc,EAAE,CAAC,MAAM,cAAc,CAAC,EAAkD,CAAC;AAEtG,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,EAAE,iBAAiB,EAAE,cAAc,CAyE/F,CAAC"}
@@ -1,50 +0,0 @@
1
- import { __assign, __spreadArray } from "tslib";
2
- import { buildProps } from '@fluentui-react-native/framework';
3
- import { borderStyles, fontStyles, layoutStyles } from '@fluentui-react-native/tokens';
4
- import { menuItemName } from './MenuItem.types';
5
- import { defaultMenuItemTokens } from './MenuItemTokens';
6
- export var menuItemStates = ['hovered', 'focused', 'pressed', 'disabled'];
7
- export var stylingSettings = {
8
- tokens: [defaultMenuItemTokens, menuItemName],
9
- states: menuItemStates,
10
- slotProps: {
11
- root: buildProps(function (tokens, theme) { return ({
12
- style: __assign(__assign({ alignItems: 'center', backgroundColor: tokens.backgroundColor, display: 'flex', flexDirection: 'row' }, layoutStyles.from(tokens, theme)), borderStyles.from(tokens, theme)),
13
- }); }, __spreadArray(__spreadArray(['backgroundColor'], borderStyles.keys, true), layoutStyles.keys, true)),
14
- checkmark: buildProps(function (tokens) { return ({
15
- style: {
16
- height: tokens.checkmarkSize,
17
- width: tokens.checkmarkSize,
18
- marginEnd: tokens.gap,
19
- },
20
- }); }, ['checkmarkSize', 'gap']),
21
- content: buildProps(function (tokens, theme) {
22
- return {
23
- color: tokens.color,
24
- style: __assign({ flexGrow: 1 }, fontStyles.from(tokens, theme)),
25
- };
26
- }, __spreadArray(['color'], fontStyles.keys, true)),
27
- iconPlaceholder: buildProps(function (tokens) { return ({
28
- style: {
29
- minHeight: tokens.iconSize,
30
- minWidth: tokens.iconSize,
31
- alignItems: 'center',
32
- justifyContent: 'center',
33
- marginEnd: tokens.gap,
34
- },
35
- }); }, ['checkmarkSize', 'gap']),
36
- imgIcon: buildProps(function (tokens) { return ({
37
- style: { tintColor: tokens.iconColor, height: tokens.iconSize, width: tokens.iconSize },
38
- }); }, ['gap', 'iconColor', 'iconSize']),
39
- fontOrSvgIcon: buildProps(function (tokens) { return ({ color: tokens.iconColor, size: tokens.iconSize }); }, ['gap', 'iconColor', 'iconSize']),
40
- submenuIndicator: buildProps(function (tokens) {
41
- return {
42
- color: tokens.submenuIndicatorColor,
43
- height: tokens.submenuIndicatorSize,
44
- width: tokens.submenuIndicatorSize,
45
- viewBox: "0 0 ".concat(tokens.submenuIndicatorSize, " ").concat(tokens.submenuIndicatorSize),
46
- };
47
- }, ['submenuIndicatorColor', 'submenuIndicatorPadding', 'submenuIndicatorSize']),
48
- },
49
- };
50
- //# sourceMappingURL=MenuItem.styling.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.styling.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.styling.ts"],"names":[],"mappings":"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"}
@@ -1,86 +0,0 @@
1
- import type * as React from 'react';
2
- import type { ColorValue, ImageProps } from 'react-native';
3
- import type { IViewProps } from '@fluentui-react-native/adapters';
4
- import type { IconPropsV1 as IconProps } from '@fluentui-react-native/icon';
5
- import type { IFocusable, InteractionEvent, PressablePropsExtended, PressableState } from '@fluentui-react-native/interactive-hooks';
6
- import type { TextProps } from '@fluentui-react-native/text';
7
- import type { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
8
- import type { XmlProps } from 'react-native-svg';
9
- export declare const menuItemName = "MenuItem";
10
- export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
11
- /**
12
- * Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
13
- */
14
- checkmarkSize?: number;
15
- /**
16
- * Space between parts of the item control in pixels
17
- */
18
- gap?: number;
19
- iconColor?: ColorValue;
20
- iconSize?: number;
21
- /**
22
- * Color of the indicator that shows that an item has a submenu
23
- */
24
- submenuIndicatorColor?: ColorValue;
25
- /**
26
- * Amount of space in pixels around the indicator that shows that an item has a submenu
27
- */
28
- submenuIndicatorPadding?: number;
29
- /**
30
- * Height and width in pixels of the indicator that shows that an item has a submenu
31
- */
32
- submenuIndicatorSize?: number;
33
- /**
34
- * States of the item control
35
- */
36
- disabled?: MenuItemTokens;
37
- focused?: MenuItemTokens;
38
- hovered?: MenuItemTokens;
39
- pressed?: MenuItemTokens;
40
- }
41
- export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress'> {
42
- /**
43
- * A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
44
- */
45
- componentRef?: React.RefObject<IFocusable>;
46
- icon?: IconProps | ImageProps;
47
- /**
48
- * A callback to call on button click event
49
- */
50
- onClick?: (e: InteractionEvent) => void;
51
- /**
52
- * Do not dismiss the menu when a menu item is clicked
53
- */
54
- persistOnClick?: boolean;
55
- }
56
- export interface MenuItemState extends PressableState {
57
- hasCheckmarks?: boolean;
58
- hasIcons?: boolean;
59
- /**
60
- * If the menu item is a trigger for a submenu
61
- */
62
- hasSubmenu?: boolean;
63
- /**
64
- * States that menu items all have tooltips with its text by default.
65
- */
66
- hasTooltips?: boolean;
67
- }
68
- export interface MenuItemInfo {
69
- props: MenuItemProps & React.ComponentPropsWithRef<any>;
70
- state: MenuItemState;
71
- }
72
- export interface MenuItemSlotProps {
73
- root: React.PropsWithRef<PressablePropsExtended>;
74
- content?: TextProps;
75
- checkmark?: React.PropsWithRef<IViewProps>;
76
- iconPlaceholder?: React.PropsWithRef<IViewProps>;
77
- imgIcon?: ImageProps;
78
- fontOrSvgIcon?: IconProps;
79
- submenuIndicator?: XmlProps;
80
- }
81
- export interface MenuItemType {
82
- props: MenuItemProps;
83
- tokens: MenuItemTokens;
84
- slotProps: MenuItemSlotProps;
85
- }
86
- //# sourceMappingURL=MenuItem.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACrI,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC3G,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IAC3F;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,qBAAqB,CAAC,EAAE,UAAU,CAAC;IAEnC;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC;IAC5E;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAK3C,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACxD,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
@@ -1,2 +0,0 @@
1
- export var menuItemName = 'MenuItem';
2
- //# sourceMappingURL=MenuItem.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.types.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { Theme } from '@fluentui-react-native/framework';
2
- import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
- import type { MenuItemTokens } from './MenuItem.types';
4
- export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
5
- //# sourceMappingURL=MenuItemTokens.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemTokens.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAoCrE,CAAC"}
@@ -1,39 +0,0 @@
1
- import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
- export var defaultMenuItemTokens = function (t) { return ({
3
- backgroundColor: t.colors.neutralBackground1,
4
- borderRadius: globalTokens.corner.radius40,
5
- checkmarkSize: 16,
6
- color: t.colors.neutralForeground2,
7
- fontFamily: t.typography.families.primary,
8
- fontSize: globalTokens.font.size300,
9
- fontWeight: globalTokens.font.weight.regular,
10
- gap: globalTokens.size40,
11
- iconColor: t.colors.neutralForeground2,
12
- iconSize: 16,
13
- minHeight: 32,
14
- minWidth: 128,
15
- maxWidth: 300,
16
- padding: globalTokens.size60,
17
- submenuIndicatorColor: t.colors.neutralForeground2,
18
- submenuIndicatorPadding: globalTokens.sizeNone,
19
- submenuIndicatorSize: 16,
20
- hovered: {
21
- backgroundColor: t.colors.neutralBackground1Hover,
22
- color: t.colors.neutralForeground2Hover,
23
- iconColor: t.colors.neutralForeground2Hover,
24
- submenuIndicatorColor: t.colors.neutralForeground2Hover,
25
- },
26
- pressed: {
27
- backgroundColor: t.colors.neutralBackground1Pressed,
28
- color: t.colors.neutralForeground2Pressed,
29
- iconColor: t.colors.neutralForeground2Pressed,
30
- submenuIndicatorColor: t.colors.neutralForeground2Pressed,
31
- },
32
- disabled: {
33
- backgroundColor: t.colors.neutralBackground1,
34
- color: t.colors.neutralForegroundDisabled,
35
- iconColor: t.colors.neutralForegroundDisabled,
36
- submenuIndicatorColor: t.colors.neutralForegroundDisabled,
37
- },
38
- }); };
39
- //# sourceMappingURL=MenuItemTokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemTokens.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;IACnC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,YAAY,CAAC,MAAM;IAC5B,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,QAAQ;IAC9C,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QAC3C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;CACF,CAAC,EApCuG,CAoCvG,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { Theme } from '@fluentui-react-native/framework';
2
- import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
- import type { MenuItemTokens } from './MenuItem.types';
4
- export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
5
- //# sourceMappingURL=MenuItemTokens.macos.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemTokens.macos.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.macos.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CA+BrE,CAAC"}
@@ -1,34 +0,0 @@
1
- import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
- export var defaultMenuItemTokens = function (t) { return ({
3
- backgroundColor: t.colors.transparentBackground,
4
- borderRadius: 5,
5
- checkmarkSize: 16,
6
- color: t.colors.neutralForeground1,
7
- fontFamily: t.typography.families.primary,
8
- fontSize: 13,
9
- fontWeight: globalTokens.font.weight.regular,
10
- gap: globalTokens.size40,
11
- iconColor: t.colors.neutralForeground1,
12
- iconSize: 16,
13
- paddingHorizontal: 5,
14
- paddingVertical: 3,
15
- submenuIndicatorColor: t.colors.neutralForeground1,
16
- submenuIndicatorPadding: globalTokens.sizeNone,
17
- submenuIndicatorSize: 16,
18
- focused: {
19
- backgroundColor: t.colors.menuItemBackgroundHovered,
20
- color: t.colors.menuItemTextHovered,
21
- iconColor: t.colors.menuItemTextHovered,
22
- },
23
- pressed: {
24
- backgroundColor: t.colors.menuItemBackgroundPressed,
25
- color: t.colors.menuItemTextHovered,
26
- iconColor: t.colors.menuItemTextHovered,
27
- },
28
- disabled: {
29
- backgroundColor: t.colors.menuBackground,
30
- color: t.colors.disabledText,
31
- iconColor: t.colors.disabledText,
32
- },
33
- }); };
34
- //# sourceMappingURL=MenuItemTokens.macos.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemTokens.macos.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,qBAAqB;IAC/C,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,iBAAiB,EAAE,CAAC;IACpB,eAAe,EAAE,CAAC;IAClB,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,QAAQ;IAC9C,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;KACxC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;QACnC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,mBAAmB;KACxC;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,cAAc;QACxC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;QAC5B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY;KACjC;CACF,CAAC,EA/BuG,CA+BvG,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { Theme } from '@fluentui-react-native/framework';
2
- import type { TokenSettings } from '@fluentui-react-native/use-styling';
3
- import type { MenuItemTokens } from './MenuItem.types';
4
- export declare const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme>;
5
- //# sourceMappingURL=MenuItemTokens.win32.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemTokens.win32.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAE/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CAqCrE,CAAC"}
@@ -1,40 +0,0 @@
1
- import { globalTokens } from '@fluentui-react-native/theme-tokens';
2
- export var defaultMenuItemTokens = function (t) { return ({
3
- backgroundColor: t.colors.neutralBackground1,
4
- borderRadius: globalTokens.corner.radiusNone,
5
- checkmarkSize: 16,
6
- color: t.colors.neutralForeground1,
7
- fontFamily: t.typography.families.primary,
8
- fontSize: globalTokens.font.size200,
9
- fontWeight: globalTokens.font.weight.regular,
10
- gap: globalTokens.size40,
11
- iconColor: t.colors.neutralForeground1,
12
- iconSize: 16,
13
- minHeight: 24,
14
- minWidth: 128,
15
- maxWidth: 300,
16
- padding: globalTokens.size40,
17
- paddingHorizontal: globalTokens.size80,
18
- submenuIndicatorColor: t.colors.neutralForeground1,
19
- submenuIndicatorPadding: globalTokens.size20,
20
- submenuIndicatorSize: 16,
21
- pressed: {
22
- backgroundColor: t.colors.neutralBackground1Pressed,
23
- color: t.colors.neutralForeground1Pressed,
24
- iconColor: t.colors.neutralForeground1Pressed,
25
- submenuIndicatorColor: t.colors.neutralForeground1Pressed,
26
- },
27
- disabled: {
28
- backgroundColor: t.colors.neutralBackground1,
29
- color: t.colors.neutralForegroundDisabled,
30
- iconColor: t.colors.neutralForegroundDisabled,
31
- submenuIndicatorColor: t.colors.neutralForegroundDisabled,
32
- },
33
- focused: {
34
- backgroundColor: t.colors.neutralBackground1Hover,
35
- color: t.colors.neutralForeground1Hover,
36
- iconColor: t.colors.neutralForeground1Hover,
37
- submenuIndicatorColor: t.colors.neutralForeground1Hover,
38
- },
39
- }); };
40
- //# sourceMappingURL=MenuItemTokens.win32.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemTokens.win32.js","sourceRoot":"","sources":["../../src/MenuItem/MenuItemTokens.win32.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAKnE,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,CAAQ,IAAqB,OAAA,CAAC;IACxG,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAC5C,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,UAAU;IAC5C,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClC,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO;IACzC,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO;IACnC,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAA0B;IAC/D,GAAG,EAAE,YAAY,CAAC,MAAM;IACxB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IACtC,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,OAAO,EAAE,YAAY,CAAC,MAAM;IAC5B,iBAAiB,EAAE,YAAY,CAAC,MAAM;IACtC,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;IAClD,uBAAuB,EAAE,YAAY,CAAC,MAAM;IAC5C,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACnD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,kBAAkB;QAC5C,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QACzC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;QAC7C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,yBAAyB;KAC1D;IACD,OAAO,EAAE;QACP,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACjD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QACvC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;QAC3C,qBAAqB,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;KACxD;CACF,CAAC,EArCuG,CAqCvG,CAAC"}
@@ -1,5 +0,0 @@
1
- export { MenuItem } from './MenuItem';
2
- export { menuItemName } from './MenuItem.types';
3
- export type { MenuItemProps, MenuItemState, MenuItemInfo, MenuItemTokens, MenuItemSlotProps, MenuItemType } from './MenuItem.types';
4
- export { useMenuItem } from './useMenuItem';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpI,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
@@ -1,4 +0,0 @@
1
- export { MenuItem } from './MenuItem';
2
- export { menuItemName } from './MenuItem.types';
3
- export { useMenuItem } from './useMenuItem';
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import type { MenuItemProps, MenuItemInfo } from './MenuItem.types';
3
- export declare const triggerKeys: string[];
4
- export declare const submenuTriggerKeys: string[];
5
- export declare const useMenuItem: (props: MenuItemProps) => MenuItemInfo;
6
- export declare const useHoverFocusEffect: (hovered: boolean, componentRef: React.MutableRefObject<any>) => void;
7
- //# sourceMappingURL=useMenuItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useMenuItem.d.ts","sourceRoot":"","sources":["../../src/MenuItem/useMenuItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKpE,eAAO,MAAM,WAAW,UAAiB,CAAC;AAC1C,eAAO,MAAM,kBAAkB,UAA8C,CAAC;AAE9E,eAAO,MAAM,WAAW,UAAW,aAAa,KAAG,YA2ElD,CAAC;AAUF,eAAO,MAAM,mBAAmB,YAAa,OAAO,gBAAgB,MAAM,gBAAgB,CAAC,GAAG,CAAC,SAQ9F,CAAC"}
@@ -1,74 +0,0 @@
1
- import { __assign, __rest, __spreadArray } from "tslib";
2
- import * as React from 'react';
3
- import { I18nManager, Platform } from 'react-native';
4
- import { memoize } from '@fluentui-react-native/framework';
5
- import { isKeyPressEvent, usePressableState, useKeyDownProps, useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
6
- import { useMenuContext } from '../context/menuContext';
7
- import { useMenuListContext } from '../context/menuListContext';
8
- import { useMenuTriggerContext } from '../context/menuTriggerContext';
9
- export var triggerKeys = [' ', 'Enter'];
10
- export var submenuTriggerKeys = __spreadArray(['ArrowLeft', 'ArrowRight'], triggerKeys, true);
11
- export var useMenuItem = function (props) {
12
- // attach the pressable state handlers
13
- var defaultComponentRef = React.useRef(null);
14
- var accessible = props.accessible, onClick = props.onClick, accessibilityState = props.accessibilityState, _a = props.componentRef, componentRef = _a === void 0 ? defaultComponentRef : _a, disabled = props.disabled, persistOnClick = props.persistOnClick, rest = __rest(props, ["accessible", "onClick", "accessibilityState", "componentRef", "disabled", "persistOnClick"]);
15
- var _b = useMenuContext(), isSubmenu = _b.isSubmenu, persistOnItemClick = _b.persistOnItemClick, setOpen = _b.setOpen;
16
- var _c = useMenuListContext(), hasCheckmarks = _c.hasCheckmarks, hasIcons = _c.hasIcons, hasTooltips = _c.hasTooltips, onArrowClose = _c.onArrowClose;
17
- var isTrigger = useMenuTriggerContext();
18
- var shouldPersist = persistOnClick !== null && persistOnClick !== void 0 ? persistOnClick : persistOnItemClick;
19
- var hasSubmenu = isSubmenu && isTrigger;
20
- var onInvoke = React.useCallback(function (e) {
21
- var _a;
22
- var isRtl = I18nManager.isRTL;
23
- var isArrowKey = isKeyPressEvent(e) && (e.nativeEvent.key === 'ArrowLeft' || e.nativeEvent.key === 'ArrowRight');
24
- var isArrowOpen = hasSubmenu &&
25
- isKeyPressEvent(e) &&
26
- ((isRtl && e.nativeEvent.key === 'ArrowLeft') || (!isRtl && e.nativeEvent.key === 'ArrowRight'));
27
- if (!disabled && (!isArrowKey || isArrowOpen)) {
28
- (_a = componentRef === null || componentRef === void 0 ? void 0 : componentRef.current) === null || _a === void 0 ? void 0 : _a.blur();
29
- onClick === null || onClick === void 0 ? void 0 : onClick(e);
30
- }
31
- if (!hasSubmenu && !isArrowKey && !shouldPersist) {
32
- setOpen(e, false /*isOpen*/, true /*bubble*/);
33
- }
34
- var isArrowClose = isKeyPressEvent(e) && ((isRtl && e.nativeEvent.key === 'ArrowRight') || (!isRtl && e.nativeEvent.key === 'ArrowLeft'));
35
- if (isArrowClose) {
36
- onArrowClose === null || onArrowClose === void 0 ? void 0 : onArrowClose(e);
37
- }
38
- }, [componentRef, disabled, hasSubmenu, onArrowClose, onClick, setOpen, shouldPersist]);
39
- var pressable = usePressableState(__assign(__assign({}, rest), { onPress: onInvoke }));
40
- var itemRef = useViewCommandFocus(componentRef);
41
- var keys = disabled ? [] : isSubmenu ? submenuTriggerKeys : triggerKeys;
42
- // Explicitly override onKeyDown to override the native behavior of moving focus with arrow keys.
43
- var onKeyDownProps = useKeyDownProps.apply(void 0, __spreadArray([onInvoke], keys, false));
44
- useHoverFocusEffect(pressable.state.hovered, componentRef);
45
- return {
46
- props: __assign(__assign(__assign({}, pressable.props), { accessible: accessible !== null && accessible !== void 0 ? accessible : true, accessibilityRole: 'menuitem', onAccessibilityTap: props.onAccessibilityTap || onInvoke, accessibilityState: getAccessibilityState(disabled, accessibilityState), disabled: disabled, enableFocusRing: Platform.select({
47
- macos: false,
48
- default: !pressable.state.hovered, // win32
49
- }), focusable: Platform.select({
50
- macos: !disabled,
51
- default: true, // win32
52
- }), ref: itemRef }), onKeyDownProps),
53
- state: __assign(__assign({}, pressable.state), { hasSubmenu: hasSubmenu, hasIcons: hasIcons, hasCheckmarks: hasCheckmarks, hasTooltips: hasTooltips }),
54
- };
55
- };
56
- var getAccessibilityState = memoize(getAccessibilityStateWorker);
57
- function getAccessibilityStateWorker(disabled, accessibilityState) {
58
- if (accessibilityState) {
59
- return __assign({ disabled: disabled }, accessibilityState);
60
- }
61
- return { disabled: disabled };
62
- }
63
- export var useHoverFocusEffect = function (hovered, componentRef) {
64
- React.useLayoutEffect(function () {
65
- var _a, _b;
66
- if (hovered) {
67
- (_a = componentRef === null || componentRef === void 0 ? void 0 : componentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
68
- }
69
- else {
70
- (_b = componentRef === null || componentRef === void 0 ? void 0 : componentRef.current) === null || _b === void 0 ? void 0 : _b.blur();
71
- }
72
- }, [hovered, componentRef]);
73
- };
74
- //# sourceMappingURL=useMenuItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useMenuItem.js","sourceRoot":"","sources":["../../src/MenuItem/useMenuItem.ts"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- /** @jsx withSlots */
2
- import React from 'react';
3
- import type { Slots } from '@fluentui-react-native/framework';
4
- import type { MenuItemCheckboxProps, MenuItemCheckboxSlotProps, MenuItemCheckboxInfo } from './MenuItemCheckbox.types';
5
- export declare const MenuItemCheckbox: import("@fluentui-react-native/framework").ComposableComponent<MenuItemCheckboxProps, MenuItemCheckboxSlotProps, import("./MenuItemCheckbox.types").MenuItemCheckboxTokens, object>;
6
- export declare const menuItemFinalRender: (menuItem: MenuItemCheckboxInfo, Slots: Slots<MenuItemCheckboxSlotProps>) => React.FunctionComponent<MenuItemCheckboxProps>;
7
- //# sourceMappingURL=MenuItemCheckbox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemCheckbox.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.tsx"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAY,MAAM,kCAAkC,CAAC;AAOxE,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,oBAAoB,EAErB,MAAM,0BAA0B,CAAC;AAKlC,eAAO,MAAM,gBAAgB,qLAiB3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,aACpB,oBAAoB,8CAE7B,MAAM,iBAAiB,CAAC,qBAAqB,CA4B/C,CAAC"}
@@ -1,37 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import { Image, Pressable, View } from 'react-native';
3
- import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
4
- import { IconV1 as Icon } from '@fluentui-react-native/icon';
5
- import { TextV1 as Text } from '@fluentui-react-native/text';
6
- import { SvgXml } from 'react-native-svg';
7
- import { stylingSettings } from './MenuItemCheckbox.styling';
8
- import { menuItemCheckboxName } from './MenuItemCheckbox.types';
9
- import { useMenuItemCheckbox } from './useMenuItemCheckbox';
10
- import { getAccessibilityLabel, getTooltip } from '../MenuItem/MenuItem';
11
- export var MenuItemCheckbox = compose(__assign(__assign({ displayName: menuItemCheckboxName }, stylingSettings), { slots: {
12
- root: Pressable,
13
- checkmark: SvgXml,
14
- content: Text,
15
- iconPlaceholder: View,
16
- imgIcon: Image,
17
- fontOrSvgIcon: Icon,
18
- }, useRender: function (userProps, useSlots) {
19
- var menuItem = useMenuItemCheckbox(userProps);
20
- var Slots = useSlots(userProps, function (layer) { return menuItem.state[layer] || userProps[layer]; });
21
- return menuItemFinalRender(menuItem, Slots);
22
- } }));
23
- export var menuItemFinalRender = function (menuItem, Slots) {
24
- return function (final, children) {
25
- var _a = mergeProps(menuItem.props, final), accessibilityLabel = _a.accessibilityLabel, icon = _a.icon, tooltip = _a.tooltip, mergedProps = __rest(_a, ["accessibilityLabel", "icon", "tooltip"]);
26
- var checkmarkXml = "\n <svg>\n <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' />\n </svg>";
27
- var label = getAccessibilityLabel(accessibilityLabel, children[0]);
28
- var tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
29
- return (withSlots(Slots.root, __assign({}, mergedProps, { accessibilityLabel: label }),
30
- withSlots(Slots.checkmark, { accessible: false, xml: checkmarkXml }),
31
- (icon || menuItem.state.hasIcons) && (withSlots(Slots.iconPlaceholder, { accessible: false },
32
- icon && icon.source && withSlots(Slots.imgIcon, __assign({ accessible: false }, icon)),
33
- icon && (icon.svgSource || icon.fontSource) && withSlots(Slots.fontOrSvgIcon, __assign({ accessible: false }, icon)))),
34
- children && (withSlots(Slots.content, { accessible: false, tooltip: tooltipResult }, children))));
35
- };
36
- };
37
- //# sourceMappingURL=MenuItemCheckbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemCheckbox.js","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import type { UseStylingOptions } from '@fluentui-react-native/framework';
2
- import type { MenuItemCheckboxProps, MenuItemCheckboxTokens, MenuItemCheckboxSlotProps } from './MenuItemCheckbox.types';
3
- export declare const menuItemCheckboxStates: (keyof MenuItemCheckboxTokens)[];
4
- export declare const stylingSettings: UseStylingOptions<MenuItemCheckboxProps, MenuItemCheckboxSlotProps, MenuItemCheckboxTokens>;
5
- //# sourceMappingURL=MenuItemCheckbox.styling.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItemCheckbox.styling.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAIjF,OAAO,KAAK,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAIzH,eAAO,MAAM,sBAAsB,EAAE,CAAC,MAAM,sBAAsB,CAAC,EAA6D,CAAC;AAEjI,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,yBAAyB,EAAE,sBAAsB,CA6DvH,CAAC"}