@fluentui-react-native/menu 0.15.0 → 0.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.
- package/CHANGELOG.json +16 -1
- package/CHANGELOG.md +10 -2
- package/lib/Menu/Menu.types.d.ts +9 -0
- package/lib/Menu/Menu.types.d.ts.map +1 -1
- package/lib/MenuItem/MenuItem.types.d.ts +15 -4
- package/lib/MenuItem/MenuItem.types.d.ts.map +1 -1
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +18 -4
- package/lib/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
- package/lib/MenuList/MenuList.types.d.ts +17 -0
- package/lib/MenuList/MenuList.types.d.ts.map +1 -1
- package/lib-commonjs/Menu/Menu.types.d.ts +9 -0
- package/lib-commonjs/Menu/Menu.types.d.ts.map +1 -1
- package/lib-commonjs/MenuItem/MenuItem.types.d.ts +15 -4
- package/lib-commonjs/MenuItem/MenuItem.types.d.ts.map +1 -1
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts +18 -4
- package/lib-commonjs/MenuItemCheckbox/MenuItemCheckbox.types.d.ts.map +1 -1
- package/lib-commonjs/MenuList/MenuList.types.d.ts +17 -0
- package/lib-commonjs/MenuList/MenuList.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Menu/Menu.types.ts +15 -0
- package/src/MenuItem/MenuItem.types.ts +18 -5
- package/src/MenuItemCheckbox/MenuItemCheckbox.types.ts +22 -5
- package/src/MenuList/MenuList.types.ts +20 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/menu",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 17 Jun 2022 00:26:55 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/menu_v0.15.1",
|
|
7
|
+
"version": "0.15.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/menu",
|
|
13
|
+
"commit": "90f04c4334bf46ae5b359f226177e0a8a22349c5",
|
|
14
|
+
"comment": "Update comments"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Thu, 16 Jun 2022 20:44:45 GMT",
|
|
6
21
|
"tag": "@fluentui-react-native/menu_v0.15.0",
|
|
7
22
|
"version": "0.15.0",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/menu
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 17 Jun 2022 00:26:55 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.15.1
|
|
8
|
+
|
|
9
|
+
Fri, 17 Jun 2022 00:26:55 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Update comments (ruaraki@microsoft.com)
|
|
14
|
+
|
|
7
15
|
## 0.15.0
|
|
8
16
|
|
|
9
|
-
Thu, 16 Jun 2022 20:44:
|
|
17
|
+
Thu, 16 Jun 2022 20:44:45 GMT
|
|
10
18
|
|
|
11
19
|
### Minor changes
|
|
12
20
|
|
package/lib/Menu/Menu.types.d.ts
CHANGED
|
@@ -4,8 +4,17 @@ import React from 'react';
|
|
|
4
4
|
import type { MenuListProps } from '../MenuList/MenuList.types';
|
|
5
5
|
export declare const menuName = "Menu";
|
|
6
6
|
export interface MenuProps extends MenuListProps {
|
|
7
|
+
/**
|
|
8
|
+
* Whether the popup is open on mount
|
|
9
|
+
*/
|
|
7
10
|
defaultOpen?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Whether the popup is open
|
|
13
|
+
*/
|
|
8
14
|
open?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Call back when the component requests to change value
|
|
17
|
+
*/
|
|
9
18
|
onOpenChange?: (e: InteractionEvent, isOpen: boolean) => void;
|
|
10
19
|
openOnHover?: boolean;
|
|
11
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAK9D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;CAC9C"}
|
|
@@ -7,20 +7,31 @@ import { IFocusable, InteractionEvent, IPressableHooks, IWithPressableOptions }
|
|
|
7
7
|
import { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
|
|
8
8
|
export declare const menuItemName = "MenuItem";
|
|
9
9
|
export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
|
|
10
|
+
/**
|
|
11
|
+
* Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
|
|
12
|
+
*/
|
|
10
13
|
checkmarkSize?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Amount of space in pixels around the indicator that shows that an item has a submenu
|
|
16
|
+
*/
|
|
11
17
|
submenuIndicatorPadding?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Height and width in pixels of the indicator that shows that an item has a submenu
|
|
20
|
+
*/
|
|
12
21
|
submenuIndicatorSize?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Space between parts of the item control in pixels
|
|
24
|
+
*/
|
|
13
25
|
gap?: number;
|
|
26
|
+
/**
|
|
27
|
+
* States of the item control
|
|
28
|
+
*/
|
|
14
29
|
disabled?: MenuItemTokens;
|
|
15
30
|
focused?: MenuItemTokens;
|
|
16
31
|
hovered?: MenuItemTokens;
|
|
17
32
|
pressed?: MenuItemTokens;
|
|
18
33
|
}
|
|
19
34
|
export interface MenuItemProps extends Omit<IWithPressableOptions<ViewProps>, 'onPress'> {
|
|
20
|
-
/**
|
|
21
|
-
* Applies disabled styles to menu item but remains focusable
|
|
22
|
-
*/
|
|
23
|
-
disabled?: boolean;
|
|
24
35
|
/**
|
|
25
36
|
* A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
|
|
26
37
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAChI,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IAC3F,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAChI,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,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,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;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,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,CAAC,aAAa,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,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"}
|
|
@@ -7,11 +7,29 @@ import { IFocusable, IPressableHooks, IWithPressableOptions } from '@fluentui-re
|
|
|
7
7
|
import { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
|
|
8
8
|
export declare const menuItemCheckboxName = "MenuItemCheckbox";
|
|
9
9
|
export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
|
|
10
|
+
/**
|
|
11
|
+
* Color of the checkmark icon
|
|
12
|
+
*/
|
|
10
13
|
checkmarkColor?: ColorValue;
|
|
14
|
+
/**
|
|
15
|
+
* Amount of space in pixels around the checkmark icon
|
|
16
|
+
*/
|
|
11
17
|
checkmarkPadding?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Height and width in pixels of the checkmark icon
|
|
20
|
+
*/
|
|
12
21
|
checkmarkSize?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Visibility of the checkmark icon from 0 to 1
|
|
24
|
+
*/
|
|
13
25
|
checkmarkVisibility?: number;
|
|
26
|
+
/**
|
|
27
|
+
* Space between parts of the item control in pixels
|
|
28
|
+
*/
|
|
14
29
|
gap?: number;
|
|
30
|
+
/**
|
|
31
|
+
* States of the item control
|
|
32
|
+
*/
|
|
15
33
|
checked?: MenuItemCheckboxTokens;
|
|
16
34
|
disabled?: MenuItemCheckboxTokens;
|
|
17
35
|
focused?: MenuItemCheckboxTokens;
|
|
@@ -19,10 +37,6 @@ export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorde
|
|
|
19
37
|
pressed?: MenuItemCheckboxTokens;
|
|
20
38
|
}
|
|
21
39
|
export interface MenuItemCheckboxProps extends Omit<IWithPressableOptions<ViewProps>, 'onPress'> {
|
|
22
|
-
/**
|
|
23
|
-
* Applies disabled styles to menu item but remains focusable
|
|
24
|
-
*/
|
|
25
|
-
disabled?: boolean;
|
|
26
40
|
/**
|
|
27
41
|
* A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
|
|
28
42
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemCheckbox.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IACnG,cAAc,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,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IACnG;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;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,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC9F;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;CAAG;AAE3H,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,yBAAyB,CAAC;CACtC"}
|
|
@@ -4,12 +4,29 @@ import { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tok
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
export declare const menuListName = "MenuList";
|
|
6
6
|
export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
|
|
7
|
+
/**
|
|
8
|
+
* Space between items in pixels
|
|
9
|
+
*/
|
|
7
10
|
gap?: number;
|
|
8
11
|
}
|
|
9
12
|
export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
|
|
13
|
+
/**
|
|
14
|
+
* Array of all checked items
|
|
15
|
+
*/
|
|
10
16
|
checked?: string[];
|
|
17
|
+
/**
|
|
18
|
+
* Default items to be checked on mount
|
|
19
|
+
*/
|
|
11
20
|
defaultChecked?: string[];
|
|
21
|
+
/**
|
|
22
|
+
* States that menu items can contain selectable items and reserves space for item alignment
|
|
23
|
+
*/
|
|
12
24
|
hasCheckmarks?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Callback when checked items change
|
|
27
|
+
*
|
|
28
|
+
* @param checked Array of all currently checked values
|
|
29
|
+
*/
|
|
13
30
|
onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
|
|
14
31
|
}
|
|
15
32
|
export interface MenuListState extends Omit<MenuListProps, 'checked' | 'onCheckedChange'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;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;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpE;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,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;CACzC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzD;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,iBAAiB,CAAC;CAC9B"}
|
|
@@ -4,8 +4,17 @@ import React from 'react';
|
|
|
4
4
|
import type { MenuListProps } from '../MenuList/MenuList.types';
|
|
5
5
|
export declare const menuName = "Menu";
|
|
6
6
|
export interface MenuProps extends MenuListProps {
|
|
7
|
+
/**
|
|
8
|
+
* Whether the popup is open on mount
|
|
9
|
+
*/
|
|
7
10
|
defaultOpen?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Whether the popup is open
|
|
13
|
+
*/
|
|
8
14
|
open?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Call back when the component requests to change value
|
|
17
|
+
*/
|
|
9
18
|
onOpenChange?: (e: InteractionEvent, isOpen: boolean) => void;
|
|
10
19
|
openOnHover?: boolean;
|
|
11
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAK9D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;CAC9C"}
|
|
@@ -7,20 +7,31 @@ import { IFocusable, InteractionEvent, IPressableHooks, IWithPressableOptions }
|
|
|
7
7
|
import { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
|
|
8
8
|
export declare const menuItemName = "MenuItem";
|
|
9
9
|
export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
|
|
10
|
+
/**
|
|
11
|
+
* Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
|
|
12
|
+
*/
|
|
10
13
|
checkmarkSize?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Amount of space in pixels around the indicator that shows that an item has a submenu
|
|
16
|
+
*/
|
|
11
17
|
submenuIndicatorPadding?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Height and width in pixels of the indicator that shows that an item has a submenu
|
|
20
|
+
*/
|
|
12
21
|
submenuIndicatorSize?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Space between parts of the item control in pixels
|
|
24
|
+
*/
|
|
13
25
|
gap?: number;
|
|
26
|
+
/**
|
|
27
|
+
* States of the item control
|
|
28
|
+
*/
|
|
14
29
|
disabled?: MenuItemTokens;
|
|
15
30
|
focused?: MenuItemTokens;
|
|
16
31
|
hovered?: MenuItemTokens;
|
|
17
32
|
pressed?: MenuItemTokens;
|
|
18
33
|
}
|
|
19
34
|
export interface MenuItemProps extends Omit<IWithPressableOptions<ViewProps>, 'onPress'> {
|
|
20
|
-
/**
|
|
21
|
-
* Applies disabled styles to menu item but remains focusable
|
|
22
|
-
*/
|
|
23
|
-
disabled?: boolean;
|
|
24
35
|
/**
|
|
25
36
|
* A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
|
|
26
37
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAChI,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IAC3F,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../src/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAChI,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,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,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;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,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtF;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,CAAC,aAAa,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,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"}
|
|
@@ -7,11 +7,29 @@ import { IFocusable, IPressableHooks, IWithPressableOptions } from '@fluentui-re
|
|
|
7
7
|
import { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
|
|
8
8
|
export declare const menuItemCheckboxName = "MenuItemCheckbox";
|
|
9
9
|
export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
|
|
10
|
+
/**
|
|
11
|
+
* Color of the checkmark icon
|
|
12
|
+
*/
|
|
10
13
|
checkmarkColor?: ColorValue;
|
|
14
|
+
/**
|
|
15
|
+
* Amount of space in pixels around the checkmark icon
|
|
16
|
+
*/
|
|
11
17
|
checkmarkPadding?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Height and width in pixels of the checkmark icon
|
|
20
|
+
*/
|
|
12
21
|
checkmarkSize?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Visibility of the checkmark icon from 0 to 1
|
|
24
|
+
*/
|
|
13
25
|
checkmarkVisibility?: number;
|
|
26
|
+
/**
|
|
27
|
+
* Space between parts of the item control in pixels
|
|
28
|
+
*/
|
|
14
29
|
gap?: number;
|
|
30
|
+
/**
|
|
31
|
+
* States of the item control
|
|
32
|
+
*/
|
|
15
33
|
checked?: MenuItemCheckboxTokens;
|
|
16
34
|
disabled?: MenuItemCheckboxTokens;
|
|
17
35
|
focused?: MenuItemCheckboxTokens;
|
|
@@ -19,10 +37,6 @@ export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorde
|
|
|
19
37
|
pressed?: MenuItemCheckboxTokens;
|
|
20
38
|
}
|
|
21
39
|
export interface MenuItemCheckboxProps extends Omit<IWithPressableOptions<ViewProps>, 'onPress'> {
|
|
22
|
-
/**
|
|
23
|
-
* Applies disabled styles to menu item but remains focusable
|
|
24
|
-
*/
|
|
25
|
-
disabled?: boolean;
|
|
26
40
|
/**
|
|
27
41
|
* A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
|
|
28
42
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItemCheckbox.types.d.ts","sourceRoot":"","sources":["../../src/MenuItemCheckbox/MenuItemCheckbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IACnG,cAAc,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,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAC9G,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEtG,eAAO,MAAM,oBAAoB,qBAAqB,CAAC;AAEvD,MAAM,WAAW,sBAAuB,SAAQ,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY;IACnG;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;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,IAAI,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC9F;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;CAAG;AAE3H,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,SAAS,EAAE,yBAAyB,CAAC;CACtC"}
|
|
@@ -4,12 +4,29 @@ import { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tok
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
export declare const menuListName = "MenuList";
|
|
6
6
|
export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
|
|
7
|
+
/**
|
|
8
|
+
* Space between items in pixels
|
|
9
|
+
*/
|
|
7
10
|
gap?: number;
|
|
8
11
|
}
|
|
9
12
|
export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
|
|
13
|
+
/**
|
|
14
|
+
* Array of all checked items
|
|
15
|
+
*/
|
|
10
16
|
checked?: string[];
|
|
17
|
+
/**
|
|
18
|
+
* Default items to be checked on mount
|
|
19
|
+
*/
|
|
11
20
|
defaultChecked?: string[];
|
|
21
|
+
/**
|
|
22
|
+
* States that menu items can contain selectable items and reserves space for item alignment
|
|
23
|
+
*/
|
|
12
24
|
hasCheckmarks?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Callback when checked items change
|
|
27
|
+
*
|
|
28
|
+
* @param checked Array of all currently checked values
|
|
29
|
+
*/
|
|
13
30
|
onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
|
|
14
31
|
}
|
|
15
32
|
export interface MenuListState extends Omit<MenuListProps, 'checked' | 'onCheckedChange'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuList.types.d.ts","sourceRoot":"","sources":["../../src/MenuList/MenuList.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY,aAAa,CAAC;AAEvC,MAAM,WAAW,cAAe,SAAQ,YAAY,EAAE,sBAAsB;IAC1E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;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;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpE;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,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;CACzC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzD;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.types.ts
CHANGED
|
@@ -5,9 +5,24 @@ import type { MenuListProps } from '../MenuList/MenuList.types';
|
|
|
5
5
|
export const menuName = 'Menu';
|
|
6
6
|
|
|
7
7
|
export interface MenuProps extends MenuListProps {
|
|
8
|
+
/**
|
|
9
|
+
* Whether the popup is open on mount
|
|
10
|
+
*/
|
|
8
11
|
defaultOpen?: boolean;
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Whether the popup is open
|
|
15
|
+
*/
|
|
9
16
|
open?: boolean;
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Call back when the component requests to change value
|
|
20
|
+
*/
|
|
10
21
|
onOpenChange?: (e: InteractionEvent, isOpen: boolean) => void;
|
|
22
|
+
|
|
23
|
+
/*
|
|
24
|
+
* Opens the menu on hovering over the trigger
|
|
25
|
+
*/
|
|
11
26
|
openOnHover?: boolean;
|
|
12
27
|
}
|
|
13
28
|
|
|
@@ -9,11 +9,29 @@ import { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui
|
|
|
9
9
|
export const menuItemName = 'MenuItem';
|
|
10
10
|
|
|
11
11
|
export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
|
|
12
|
+
/**
|
|
13
|
+
* Height and width in pixels of the space that is reserved to align the item's text with other items which have checkmarks
|
|
14
|
+
*/
|
|
12
15
|
checkmarkSize?: number;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Amount of space in pixels around the indicator that shows that an item has a submenu
|
|
19
|
+
*/
|
|
13
20
|
submenuIndicatorPadding?: number;
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Height and width in pixels of the indicator that shows that an item has a submenu
|
|
24
|
+
*/
|
|
14
25
|
submenuIndicatorSize?: number;
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Space between parts of the item control in pixels
|
|
29
|
+
*/
|
|
15
30
|
gap?: number;
|
|
16
31
|
|
|
32
|
+
/**
|
|
33
|
+
* States of the item control
|
|
34
|
+
*/
|
|
17
35
|
disabled?: MenuItemTokens;
|
|
18
36
|
focused?: MenuItemTokens;
|
|
19
37
|
hovered?: MenuItemTokens;
|
|
@@ -21,11 +39,6 @@ export interface MenuItemTokens extends LayoutTokens, FontTokens, IBorderTokens,
|
|
|
21
39
|
}
|
|
22
40
|
|
|
23
41
|
export interface MenuItemProps extends Omit<IWithPressableOptions<ViewProps>, 'onPress'> {
|
|
24
|
-
/**
|
|
25
|
-
* Applies disabled styles to menu item but remains focusable
|
|
26
|
-
*/
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
|
|
29
42
|
/**
|
|
30
43
|
* A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
|
|
31
44
|
*/
|
|
@@ -9,12 +9,34 @@ import { FontTokens, IBorderTokens, IColorTokens, LayoutTokens } from '@fluentui
|
|
|
9
9
|
export const menuItemCheckboxName = 'MenuItemCheckbox';
|
|
10
10
|
|
|
11
11
|
export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorderTokens, IColorTokens {
|
|
12
|
+
/**
|
|
13
|
+
* Color of the checkmark icon
|
|
14
|
+
*/
|
|
12
15
|
checkmarkColor?: ColorValue;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Amount of space in pixels around the checkmark icon
|
|
19
|
+
*/
|
|
13
20
|
checkmarkPadding?: number;
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Height and width in pixels of the checkmark icon
|
|
24
|
+
*/
|
|
14
25
|
checkmarkSize?: number;
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Visibility of the checkmark icon from 0 to 1
|
|
29
|
+
*/
|
|
15
30
|
checkmarkVisibility?: number;
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Space between parts of the item control in pixels
|
|
34
|
+
*/
|
|
16
35
|
gap?: number;
|
|
17
36
|
|
|
37
|
+
/**
|
|
38
|
+
* States of the item control
|
|
39
|
+
*/
|
|
18
40
|
checked?: MenuItemCheckboxTokens;
|
|
19
41
|
disabled?: MenuItemCheckboxTokens;
|
|
20
42
|
focused?: MenuItemCheckboxTokens;
|
|
@@ -23,11 +45,6 @@ export interface MenuItemCheckboxTokens extends LayoutTokens, FontTokens, IBorde
|
|
|
23
45
|
}
|
|
24
46
|
|
|
25
47
|
export interface MenuItemCheckboxProps extends Omit<IWithPressableOptions<ViewProps>, 'onPress'> {
|
|
26
|
-
/**
|
|
27
|
-
* Applies disabled styles to menu item but remains focusable
|
|
28
|
-
*/
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
|
|
31
48
|
/**
|
|
32
49
|
* A RefObject to access the IButton interface. Use this to access the public methods and properties of the component.
|
|
33
50
|
*/
|
|
@@ -6,13 +6,33 @@ import React from 'react';
|
|
|
6
6
|
export const menuListName = 'MenuList';
|
|
7
7
|
|
|
8
8
|
export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
|
|
9
|
+
/**
|
|
10
|
+
* Space between items in pixels
|
|
11
|
+
*/
|
|
9
12
|
gap?: number;
|
|
10
13
|
}
|
|
11
14
|
|
|
12
15
|
export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
|
|
16
|
+
/**
|
|
17
|
+
* Array of all checked items
|
|
18
|
+
*/
|
|
13
19
|
checked?: string[];
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Default items to be checked on mount
|
|
23
|
+
*/
|
|
14
24
|
defaultChecked?: string[];
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* States that menu items can contain selectable items and reserves space for item alignment
|
|
28
|
+
*/
|
|
15
29
|
hasCheckmarks?: boolean;
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Callback when checked items change
|
|
33
|
+
*
|
|
34
|
+
* @param checked Array of all currently checked values
|
|
35
|
+
*/
|
|
16
36
|
onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
|
|
17
37
|
}
|
|
18
38
|
|