@fluentui-react-native/menu 1.4.29 → 1.4.31
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.
- package/CHANGELOG.json +31 -1
- package/CHANGELOG.md +18 -2
- package/SPEC.md +46 -0
- package/lib/Menu/Menu.d.ts.map +1 -1
- package/lib/Menu/Menu.js +1 -9
- package/lib/Menu/Menu.js.map +1 -1
- package/lib/MenuItem/MenuItem.types.d.ts +12 -0
- package/lib/MenuItem/MenuItem.types.d.ts.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +6 -0
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
- package/lib/MenuList/MenuList.types.d.ts +3 -0
- package/lib/MenuList/MenuList.types.d.ts.map +1 -1
- package/lib-commonjs/Menu/Menu.d.ts.map +1 -1
- package/lib-commonjs/Menu/Menu.js +1 -9
- package/lib-commonjs/Menu/Menu.js.map +1 -1
- package/lib-commonjs/MenuItem/MenuItem.types.d.ts +12 -0
- package/lib-commonjs/MenuItem/MenuItem.types.d.ts.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +6 -0
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
- package/lib-commonjs/MenuList/MenuList.types.d.ts +3 -0
- package/lib-commonjs/MenuList/MenuList.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Menu/Menu.tsx +1 -18
- package/src/MenuItem/MenuItem.types.ts +14 -0
- package/src/MenuItemCheckbox/MenuItemCheckbox.types.ts +8 -0
- package/src/MenuList/MenuList.types.ts +4 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,37 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/menu",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Thu, 23 Mar 2023 13:35:34 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/menu_v1.4.31",
|
|
7
|
+
"version": "1.4.31",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "krsiler@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/menu",
|
|
13
|
+
"commit": "776a6d6c4b1514eca4e8a6435b80bddef2a1fce5",
|
|
14
|
+
"comment": "Revert n of m implementation for submenus"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Thu, 23 Mar 2023 06:05:12 GMT",
|
|
21
|
+
"tag": "@fluentui-react-native/menu_v1.4.30",
|
|
22
|
+
"version": "1.4.30",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "ruaraki@microsoft.com",
|
|
27
|
+
"package": "@fluentui-react-native/menu",
|
|
28
|
+
"commit": "6821628b9c22887c01da2224c8c76558158a8939",
|
|
29
|
+
"comment": "Update Menu documentation"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Tue, 21 Mar 2023 21:53:47 GMT",
|
|
6
36
|
"tag": "@fluentui-react-native/menu_v1.4.29",
|
|
7
37
|
"version": "1.4.29",
|
|
8
38
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/menu
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 23 Mar 2023 13:35:34 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 1.4.31
|
|
8
|
+
|
|
9
|
+
Thu, 23 Mar 2023 13:35:34 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Revert n of m implementation for submenus (krsiler@microsoft.com)
|
|
14
|
+
|
|
15
|
+
## 1.4.30
|
|
16
|
+
|
|
17
|
+
Thu, 23 Mar 2023 06:05:12 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Update Menu documentation (ruaraki@microsoft.com)
|
|
22
|
+
|
|
7
23
|
## 1.4.29
|
|
8
24
|
|
|
9
|
-
Tue, 21 Mar 2023 21:
|
|
25
|
+
Tue, 21 Mar 2023 21:53:47 GMT
|
|
10
26
|
|
|
11
27
|
### Patches
|
|
12
28
|
|
package/SPEC.md
CHANGED
|
@@ -218,6 +218,11 @@ export type MenuListProps = {
|
|
|
218
218
|
*/
|
|
219
219
|
defaultChecked?: string[];
|
|
220
220
|
|
|
221
|
+
/**
|
|
222
|
+
* States that menu items can contain icons and reserves space for item alignment
|
|
223
|
+
*/
|
|
224
|
+
hasIcons?: boolean;
|
|
225
|
+
|
|
221
226
|
/**
|
|
222
227
|
* States that menu items can contain selectable items and reserves space for item alignment
|
|
223
228
|
*/
|
|
@@ -249,6 +254,11 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
|
|
|
249
254
|
* Space between items in pixels
|
|
250
255
|
*/
|
|
251
256
|
gap?: number;
|
|
257
|
+
|
|
258
|
+
/**
|
|
259
|
+
* States of the list control
|
|
260
|
+
*/
|
|
261
|
+
hasMaxHeight?: MenuListTokens;
|
|
252
262
|
}
|
|
253
263
|
```
|
|
254
264
|
|
|
@@ -271,6 +281,11 @@ export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress'> {
|
|
|
271
281
|
*/
|
|
272
282
|
componentRef?: React.RefObject<IFocusable>;
|
|
273
283
|
|
|
284
|
+
/*
|
|
285
|
+
* Source URL or name of the icon to show on the Button.
|
|
286
|
+
*/
|
|
287
|
+
icon?: IconProps | ImageProps;
|
|
288
|
+
|
|
274
289
|
/**
|
|
275
290
|
* A callback to call on button click event
|
|
276
291
|
*/
|
|
@@ -297,6 +312,16 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
|
|
|
297
312
|
*/
|
|
298
313
|
gap?: number;
|
|
299
314
|
|
|
315
|
+
/**
|
|
316
|
+
* Color of the icon
|
|
317
|
+
*/
|
|
318
|
+
iconColor?: ColorValue;
|
|
319
|
+
|
|
320
|
+
/**
|
|
321
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
322
|
+
*/
|
|
323
|
+
iconSize?: number;
|
|
324
|
+
|
|
300
325
|
/**
|
|
301
326
|
* Color of the indicator that shows that an item has a submenu
|
|
302
327
|
*/
|
|
@@ -327,6 +352,9 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
|
|
|
327
352
|
- `root` - The outer container representing the `MenuItem` itself that wraps everything passed via the `children` prop.
|
|
328
353
|
- `content` - If specified, renders the `content` prop as text.
|
|
329
354
|
- `checkmark` - If specified, renders space such that the `content` aligns with other items which have checkmarks. Only used when the `Menu` has `hasCheckmarks`.
|
|
355
|
+
- `iconPlaceholder` - If specified, renders space for an icon before the content. Could be blank or contain an icon. Used when the `Menu` has `hasIcons`.
|
|
356
|
+
- `imgIcon` - If specified, renders an `Image` as an icon.
|
|
357
|
+
- `fontOrSvgIcon` - If specified, renders an `Icon` which supports font or SVG icons.
|
|
330
358
|
- `submenuIndicator` - If specified, renders an SVG which indicates that the `MenuItem` is a trigger for a nested `Menu`.
|
|
331
359
|
|
|
332
360
|
### MenuItemCheckbox/Radio
|
|
@@ -342,6 +370,11 @@ export interface MenuItemCheckboxProps extends Omit<IWithPressableOptions<ViewPr
|
|
|
342
370
|
*/
|
|
343
371
|
componentRef?: React.RefObject<IFocusable>;
|
|
344
372
|
|
|
373
|
+
/*
|
|
374
|
+
* Source URL or name of the icon to show on the Button.
|
|
375
|
+
*/
|
|
376
|
+
icon?: IconProps | ImageProps;
|
|
377
|
+
|
|
345
378
|
/**
|
|
346
379
|
* Identifier for the control
|
|
347
380
|
*/
|
|
@@ -383,6 +416,16 @@ export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorde
|
|
|
383
416
|
*/
|
|
384
417
|
gap?: number;
|
|
385
418
|
|
|
419
|
+
/**
|
|
420
|
+
* Color of the icon
|
|
421
|
+
*/
|
|
422
|
+
iconColor?: ColorValue;
|
|
423
|
+
|
|
424
|
+
/**
|
|
425
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
426
|
+
*/
|
|
427
|
+
iconSize?: number;
|
|
428
|
+
|
|
386
429
|
/**
|
|
387
430
|
* States of the item control
|
|
388
431
|
*/
|
|
@@ -399,6 +442,9 @@ export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorde
|
|
|
399
442
|
- `root` - The outer container representing the `MenuItem` itself that wraps everything passed via the `children` prop.
|
|
400
443
|
- `content` - If specified, renders the `content` prop as text.
|
|
401
444
|
- `checkmark` - If specified, renders an SVG which indicates that the `MenuItem` is selected.
|
|
445
|
+
- `iconPlaceholder` - If specified, renders space for an icon before the content. Could be blank or contain an icon. Used when the `Menu` has `hasIcons`.
|
|
446
|
+
- `imgIcon` - If specified, renders an `Image` as an icon.
|
|
447
|
+
- `fontOrSvgIcon` - If specified, renders an `Icon` which supports font or SVG icons.
|
|
402
448
|
|
|
403
449
|
## Behaviors
|
|
404
450
|
|
package/lib/Menu/Menu.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,IAAI,0EA0Bf,CAAC;AAGH,eAAe,IAAI,CAAC"}
|
package/lib/Menu/Menu.js
CHANGED
|
@@ -8,9 +8,7 @@ export var Menu = stagedComponent(function (props) {
|
|
|
8
8
|
var state = useMenu(props);
|
|
9
9
|
var contextValue = useMenuContextValue(state);
|
|
10
10
|
return function (_rest, children) {
|
|
11
|
-
var _a, _b;
|
|
12
11
|
var childrenArray = React.Children.toArray(children);
|
|
13
|
-
var accessibilityPositionInSet = state.accessibilityPositionInSet, accessibilitySetSize = state.accessibilitySetSize;
|
|
14
12
|
if (__DEV__) {
|
|
15
13
|
if (childrenArray.length !== 2) {
|
|
16
14
|
// eslint-disable-next-line no-console
|
|
@@ -19,14 +17,8 @@ export var Menu = stagedComponent(function (props) {
|
|
|
19
17
|
}
|
|
20
18
|
var menuTrigger = childrenArray[0];
|
|
21
19
|
var menuPopover = childrenArray[1];
|
|
22
|
-
var menuTriggerChild = menuTrigger.props.children;
|
|
23
|
-
var menuTriggerChildWithSet = React.cloneElement(menuTriggerChild, {
|
|
24
|
-
accessibilityPositionInSet: (_a = menuTriggerChild.props.accessibilityPositionInSet) !== null && _a !== void 0 ? _a : accessibilityPositionInSet,
|
|
25
|
-
accessibilitySetSize: (_b = menuTriggerChild.props.accessibilitySetSize) !== null && _b !== void 0 ? _b : accessibilitySetSize, //win32
|
|
26
|
-
});
|
|
27
|
-
var menuTriggerWithSet = React.cloneElement(menuTrigger, {}, menuTriggerChildWithSet);
|
|
28
20
|
return (React.createElement(MenuProvider, { value: contextValue },
|
|
29
|
-
|
|
21
|
+
menuTrigger,
|
|
30
22
|
state.open && state.shouldFocusOnContainer !== undefined && menuPopover));
|
|
31
23
|
};
|
|
32
24
|
});
|
package/lib/Menu/Menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,CAAC,IAAM,IAAI,GAAG,eAAe,CAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,MAAM,CAAC,IAAM,IAAI,GAAG,eAAe,CAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB;QACjD,IAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAyB,CAAC;QAE/E,IAAI,OAAO,EAAE;YACX,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;aAChD;SACF;QAED,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACrC,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAErC,OAAO,CACL,oBAAC,YAAY,IAAC,KAAK,EAAE,YAAY;YAC9B,WAAW;YAGX,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,sBAAsB,KAAK,SAAS,IAAI,WAAW,CAC3D,CAChB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE5B,eAAe,IAAI,CAAC"}
|
|
@@ -16,7 +16,13 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
|
|
|
16
16
|
* Space between parts of the item control in pixels
|
|
17
17
|
*/
|
|
18
18
|
gap?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Color of the icon
|
|
21
|
+
*/
|
|
19
22
|
iconColor?: ColorValue;
|
|
23
|
+
/**
|
|
24
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
25
|
+
*/
|
|
20
26
|
iconSize?: number;
|
|
21
27
|
/**
|
|
22
28
|
* Color of the indicator that shows that an item has a submenu
|
|
@@ -54,7 +60,13 @@ export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress'> {
|
|
|
54
60
|
persistOnClick?: boolean;
|
|
55
61
|
}
|
|
56
62
|
export interface MenuItemState extends PressableState {
|
|
63
|
+
/**
|
|
64
|
+
* Whether Menu has other items that are checkbox or radio.
|
|
65
|
+
*/
|
|
57
66
|
hasCheckmarks?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Whether Menu has items with icons.
|
|
69
|
+
*/
|
|
58
70
|
hasIcons?: boolean;
|
|
59
71
|
/**
|
|
60
72
|
* If the menu item is a trigger for a submenu
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,13 @@ export interface MenuItemCheckboxTokens extends Omit<MenuItemTokens, 'submenuInd
|
|
|
20
20
|
* Visibility of the checkmark icon from 0 to 1
|
|
21
21
|
*/
|
|
22
22
|
checkmarkVisibility?: number;
|
|
23
|
+
/**
|
|
24
|
+
* Color of the icon
|
|
25
|
+
*/
|
|
23
26
|
iconColor?: ColorValue;
|
|
27
|
+
/**
|
|
28
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
29
|
+
*/
|
|
24
30
|
iconSize?: number;
|
|
25
31
|
/**
|
|
26
32
|
* States of the item control
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemCheckbox.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.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,sBAAsB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEhF,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACjI;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,SAAS,CAAC,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuItemCheckbox.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.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,sBAAsB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEhF,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACjI;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAChE,KAAK,EAAE,cAAc,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAAC;CACrE;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,yBAAyB,CAAC;CACtC"}
|
|
@@ -10,6 +10,9 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
|
|
|
10
10
|
* Space between items in pixels
|
|
11
11
|
*/
|
|
12
12
|
gap?: number;
|
|
13
|
+
/**
|
|
14
|
+
* States of the list control
|
|
15
|
+
*/
|
|
13
16
|
hasMaxHeight?: MenuListTokens;
|
|
14
17
|
}
|
|
15
18
|
export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM9C,eAAO,MAAM,IAAI,0EA0Bf,CAAC;AAGH,eAAe,IAAI,CAAC"}
|
|
@@ -12,9 +12,7 @@ exports.Menu = (0, framework_1.stagedComponent)(function (props) {
|
|
|
12
12
|
var state = (0, useMenu_1.useMenu)(props);
|
|
13
13
|
var contextValue = (0, useMenuContextValue_1.useMenuContextValue)(state);
|
|
14
14
|
return function (_rest, children) {
|
|
15
|
-
var _a, _b;
|
|
16
15
|
var childrenArray = react_1.default.Children.toArray(children);
|
|
17
|
-
var accessibilityPositionInSet = state.accessibilityPositionInSet, accessibilitySetSize = state.accessibilitySetSize;
|
|
18
16
|
if (__DEV__) {
|
|
19
17
|
if (childrenArray.length !== 2) {
|
|
20
18
|
// eslint-disable-next-line no-console
|
|
@@ -23,14 +21,8 @@ exports.Menu = (0, framework_1.stagedComponent)(function (props) {
|
|
|
23
21
|
}
|
|
24
22
|
var menuTrigger = childrenArray[0];
|
|
25
23
|
var menuPopover = childrenArray[1];
|
|
26
|
-
var menuTriggerChild = menuTrigger.props.children;
|
|
27
|
-
var menuTriggerChildWithSet = react_1.default.cloneElement(menuTriggerChild, {
|
|
28
|
-
accessibilityPositionInSet: (_a = menuTriggerChild.props.accessibilityPositionInSet) !== null && _a !== void 0 ? _a : accessibilityPositionInSet,
|
|
29
|
-
accessibilitySetSize: (_b = menuTriggerChild.props.accessibilitySetSize) !== null && _b !== void 0 ? _b : accessibilitySetSize, //win32
|
|
30
|
-
});
|
|
31
|
-
var menuTriggerWithSet = react_1.default.cloneElement(menuTrigger, {}, menuTriggerChildWithSet);
|
|
32
24
|
return (react_1.default.createElement(menuContext_1.MenuProvider, { value: contextValue },
|
|
33
|
-
|
|
25
|
+
menuTrigger,
|
|
34
26
|
state.open && state.shouldFocusOnContainer !== undefined && menuPopover));
|
|
35
27
|
};
|
|
36
28
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,8DAAmE;AAGnE,2CAAwC;AACxC,qCAAoC;AACpC,6DAA4D;AAC5D,sDAAsD;AAEzC,QAAA,IAAI,GAAG,IAAA,2BAAe,EAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,IAAA,yCAAmB,EAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,8DAAmE;AAGnE,2CAAwC;AACxC,qCAAoC;AACpC,6DAA4D;AAC5D,sDAAsD;AAEzC,QAAA,IAAI,GAAG,IAAA,2BAAe,EAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,IAAA,yCAAmB,EAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB;QACjD,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAyB,CAAC;QAE/E,IAAI,OAAO,EAAE;YACX,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;aAChD;SACF;QAED,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACrC,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAErC,OAAO,CACL,8BAAC,0BAAY,IAAC,KAAK,EAAE,YAAY;YAC9B,WAAW;YAGX,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,sBAAsB,KAAK,SAAS,IAAI,WAAW,CAC3D,CAChB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,YAAI,CAAC,WAAW,GAAG,qBAAQ,CAAC;AAE5B,kBAAe,YAAI,CAAC"}
|
|
@@ -16,7 +16,13 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
|
|
|
16
16
|
* Space between parts of the item control in pixels
|
|
17
17
|
*/
|
|
18
18
|
gap?: number;
|
|
19
|
+
/**
|
|
20
|
+
* Color of the icon
|
|
21
|
+
*/
|
|
19
22
|
iconColor?: ColorValue;
|
|
23
|
+
/**
|
|
24
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
25
|
+
*/
|
|
20
26
|
iconSize?: number;
|
|
21
27
|
/**
|
|
22
28
|
* Color of the indicator that shows that an item has a submenu
|
|
@@ -54,7 +60,13 @@ export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress'> {
|
|
|
54
60
|
persistOnClick?: boolean;
|
|
55
61
|
}
|
|
56
62
|
export interface MenuItemState extends PressableState {
|
|
63
|
+
/**
|
|
64
|
+
* Whether Menu has other items that are checkbox or radio.
|
|
65
|
+
*/
|
|
57
66
|
hasCheckmarks?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Whether Menu has items with icons.
|
|
69
|
+
*/
|
|
58
70
|
hasIcons?: boolean;
|
|
59
71
|
/**
|
|
60
72
|
* If the menu item is a trigger for a submenu
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,13 @@ export interface MenuItemCheckboxTokens extends Omit<MenuItemTokens, 'submenuInd
|
|
|
20
20
|
* Visibility of the checkmark icon from 0 to 1
|
|
21
21
|
*/
|
|
22
22
|
checkmarkVisibility?: number;
|
|
23
|
+
/**
|
|
24
|
+
* Color of the icon
|
|
25
|
+
*/
|
|
23
26
|
iconColor?: ColorValue;
|
|
27
|
+
/**
|
|
28
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
29
|
+
*/
|
|
24
30
|
iconSize?: number;
|
|
25
31
|
/**
|
|
26
32
|
* States of the item control
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemCheckbox.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.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,sBAAsB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEhF,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACjI;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,SAAS,CAAC,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuItemCheckbox.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.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,sBAAsB,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEhF,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,yBAAyB,GAAG,sBAAsB,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACjI;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa;IAC1D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAChE,KAAK,EAAE,cAAc,GAAG;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,WAAW,EAAE,OAAO,CAAA;KAAE,CAAC;CACrE;AAED,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACjD,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,yBAAyB,CAAC;CACtC"}
|
|
@@ -10,6 +10,9 @@ export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
|
|
|
10
10
|
* Space between items in pixels
|
|
11
11
|
*/
|
|
12
12
|
gap?: number;
|
|
13
|
+
/**
|
|
14
|
+
* States of the list control
|
|
15
|
+
*/
|
|
13
16
|
hasMaxHeight?: MenuListTokens;
|
|
14
17
|
}
|
|
15
18
|
export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE1F,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,iBAAiB,CAAC;IACvF,KAAK,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACxD,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
|
package/package.json
CHANGED
package/src/Menu/Menu.tsx
CHANGED
|
@@ -14,7 +14,6 @@ export const Menu = stagedComponent((props: MenuProps) => {
|
|
|
14
14
|
|
|
15
15
|
return (_rest: MenuProps, children: React.ReactNode) => {
|
|
16
16
|
const childrenArray = React.Children.toArray(children) as React.ReactElement[];
|
|
17
|
-
const { accessibilityPositionInSet, accessibilitySetSize } = state;
|
|
18
17
|
|
|
19
18
|
if (__DEV__) {
|
|
20
19
|
if (childrenArray.length !== 2) {
|
|
@@ -26,25 +25,9 @@ export const Menu = stagedComponent((props: MenuProps) => {
|
|
|
26
25
|
const menuTrigger = childrenArray[0];
|
|
27
26
|
const menuPopover = childrenArray[1];
|
|
28
27
|
|
|
29
|
-
const menuTriggerChild = menuTrigger.props.children;
|
|
30
|
-
|
|
31
|
-
const menuTriggerChildWithSet = React.cloneElement(
|
|
32
|
-
menuTriggerChild as React.ReactElement<unknown, string | React.JSXElementConstructor<any>>,
|
|
33
|
-
{
|
|
34
|
-
accessibilityPositionInSet: menuTriggerChild.props.accessibilityPositionInSet ?? accessibilityPositionInSet, // win32
|
|
35
|
-
accessibilitySetSize: menuTriggerChild.props.accessibilitySetSize ?? accessibilitySetSize, //win32
|
|
36
|
-
} as any,
|
|
37
|
-
);
|
|
38
|
-
|
|
39
|
-
const menuTriggerWithSet = React.cloneElement(
|
|
40
|
-
menuTrigger as React.ReactElement<unknown, string | React.JSXElementConstructor<any>>,
|
|
41
|
-
{} as any,
|
|
42
|
-
menuTriggerChildWithSet,
|
|
43
|
-
);
|
|
44
|
-
|
|
45
28
|
return (
|
|
46
29
|
<MenuProvider value={contextValue}>
|
|
47
|
-
{
|
|
30
|
+
{menuTrigger}
|
|
48
31
|
{/* GH#2661: Make sure that shouldFocusOnContainer is defined before initializing
|
|
49
32
|
the popover so that focus is put in the correct place */}
|
|
50
33
|
{state.open && state.shouldFocusOnContainer !== undefined && menuPopover}
|
|
@@ -21,7 +21,14 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
|
|
|
21
21
|
*/
|
|
22
22
|
gap?: number;
|
|
23
23
|
|
|
24
|
+
/**
|
|
25
|
+
* Color of the icon
|
|
26
|
+
*/
|
|
24
27
|
iconColor?: ColorValue;
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
31
|
+
*/
|
|
25
32
|
iconSize?: number;
|
|
26
33
|
|
|
27
34
|
/**
|
|
@@ -71,7 +78,14 @@ export interface MenuItemProps extends Omit<PressablePropsExtended, 'onPress'> {
|
|
|
71
78
|
}
|
|
72
79
|
|
|
73
80
|
export interface MenuItemState extends PressableState {
|
|
81
|
+
/**
|
|
82
|
+
* Whether Menu has other items that are checkbox or radio.
|
|
83
|
+
*/
|
|
74
84
|
hasCheckmarks?: boolean;
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Whether Menu has items with icons.
|
|
88
|
+
*/
|
|
75
89
|
hasIcons?: boolean;
|
|
76
90
|
|
|
77
91
|
/**
|
|
@@ -28,7 +28,14 @@ export interface MenuItemCheckboxTokens
|
|
|
28
28
|
*/
|
|
29
29
|
checkmarkVisibility?: number;
|
|
30
30
|
|
|
31
|
+
/**
|
|
32
|
+
* Color of the icon
|
|
33
|
+
*/
|
|
31
34
|
iconColor?: ColorValue;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Size of the icon. Pixels for SVG and points for font icon.
|
|
38
|
+
*/
|
|
32
39
|
iconSize?: number;
|
|
33
40
|
|
|
34
41
|
/**
|
|
@@ -47,6 +54,7 @@ export interface MenuItemCheckboxProps extends MenuItemProps {
|
|
|
47
54
|
*/
|
|
48
55
|
name: string;
|
|
49
56
|
}
|
|
57
|
+
|
|
50
58
|
export interface MenuItemCheckboxInfo {
|
|
51
59
|
props: MenuItemCheckboxProps & React.ComponentPropsWithRef<any>;
|
|
52
60
|
state: PressableState & { hasIcons: boolean; hasTooltips: boolean };
|