@fluentui-react-native/tester 0.143.4 → 0.143.6
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/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.js +4 -4
- package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.android.d.ts +5 -0
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.android.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.android.js +19 -0
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.android.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.d.ts +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.ios.d.ts +5 -0
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.ios.d.ts.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.ios.js +47 -0
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.ios.js.map +1 -0
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.js +3 -14
- package/lib/fluent-tester/src/TestComponents/Common/MenuPicker.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/StyledPicker.js +2 -2
- package/lib/fluent-tester/src/TestComponents/Common/StyledPicker.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/TestProps.d.ts +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/TestProps.js +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.js +4 -4
- package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.android.d.ts +5 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.android.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.android.js +23 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.android.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.d.ts +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.ios.d.ts +5 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.ios.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.ios.js +51 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.ios.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.js +3 -14
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/MenuPicker.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/StyledPicker.js +2 -2
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/StyledPicker.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/TestProps.d.ts +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/TestProps.js +1 -1
- package/package.json +2 -2
- package/src/TestComponents/Avatar/BasicAvatar.tsx +22 -4
- package/src/TestComponents/Common/MenuPicker.android.tsx +43 -0
- package/src/TestComponents/Common/MenuPicker.ios.tsx +75 -0
- package/src/TestComponents/Common/MenuPicker.tsx +3 -35
- package/src/TestComponents/Common/StyledPicker.tsx +2 -2
- package/src/TestComponents/Common/TestProps.tsx +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,37 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Wed, 10 May 2023 11:58:53 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.143.6",
|
|
7
|
+
"version": "0.143.6",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"comment": "Bump @fluentui-react-native/input to v0.2.2",
|
|
14
|
+
"commit": "c853579ea512af43aa799bec32684fcb1a5d83bd"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Fri, 05 May 2023 23:13:28 GMT",
|
|
21
|
+
"tag": "@fluentui-react-native/tester_v0.143.5",
|
|
22
|
+
"version": "0.143.5",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
27
|
+
"package": "@fluentui-react-native/tester",
|
|
28
|
+
"commit": "6ca717a3d6cca9146c70c94d2f06b1e674d9b48a",
|
|
29
|
+
"comment": "Update MenuPicker to use a MenuView instead of Picker"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Fri, 05 May 2023 04:40:30 GMT",
|
|
6
36
|
"tag": "@fluentui-react-native/tester_v0.143.4",
|
|
7
37
|
"version": "0.143.4",
|
|
8
38
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 10 May 2023 11:58:53 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.143.6
|
|
8
|
+
|
|
9
|
+
Wed, 10 May 2023 11:58:53 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Bump @fluentui-react-native/input to v0.2.2
|
|
14
|
+
|
|
15
|
+
## 0.143.5
|
|
16
|
+
|
|
17
|
+
Fri, 05 May 2023 23:13:28 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Update MenuPicker to use a MenuView instead of Picker (78454019+lyzhan7@users.noreply.github.com)
|
|
22
|
+
|
|
7
23
|
## 0.143.4
|
|
8
24
|
|
|
9
|
-
Fri, 05 May 2023 04:40:
|
|
25
|
+
Fri, 05 May 2023 04:40:30 GMT
|
|
10
26
|
|
|
11
27
|
### Patches
|
|
12
28
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAsB/C,eAAO,MAAM,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAsB/C,eAAO,MAAM,aAAa,EAAE,iBAkI3B,CAAC"}
|
|
@@ -44,11 +44,11 @@ export var StandardUsage = function () {
|
|
|
44
44
|
React.createElement(ToggleButton, { onClick: function () { return setOutOfOffice(!outOfOffice); }, checked: outOfOffice, style: commonStyles.vmargin },
|
|
45
45
|
"Set ",
|
|
46
46
|
outOfOffice ? ' In office' : ' Out of office'),
|
|
47
|
-
React.createElement(StyledPicker, { prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
|
|
48
|
-
React.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
47
|
+
React.createElement(StyledPicker, { style: commonStyles.vmargin, prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
|
|
48
|
+
React.createElement(StyledPicker, { style: commonStyles.vmargin, prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
49
49
|
active === 'active' && React.createElement(Text, null, "Active appearance is ring"),
|
|
50
|
-
React.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
51
|
-
React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
50
|
+
React.createElement(StyledPicker, { style: commonStyles.vmargin, prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
51
|
+
React.createElement(StyledPicker, { style: commonStyles.vmargin, prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
52
52
|
React.createElement(View, { style: commonStyles.pickerControlled },
|
|
53
53
|
React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: imageSize === undefinedText ? undefined : imageSize }),
|
|
54
54
|
React.createElement(Avatar, { active: active, activeAppearance: activeAppearance, size: imageSize === undefinedText ? undefined : imageSize, name: "Satya Nadella", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: badgeStatus, outOfOffice: outOfOffice, accessibilityLabel: badgeStatus }, imageUrl: showImage ? satyaPhotoUrl : undefined, avatarColor: avatarColor }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
|
|
3
|
+
export { CollectionItem, MenuPickerProps };
|
|
4
|
+
export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
|
|
5
|
+
//# sourceMappingURL=MenuPicker.android.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPicker.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAO3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6B/D,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Picker } from '@react-native-picker/picker';
|
|
4
|
+
import { testProps } from './TestProps';
|
|
5
|
+
/*
|
|
6
|
+
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
7
|
+
* MenuPicker uses the community Picker package for Android
|
|
8
|
+
*/
|
|
9
|
+
export var MenuPicker = function (props) {
|
|
10
|
+
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style, testID = props.testID;
|
|
11
|
+
var selectedItemKey;
|
|
12
|
+
collection.forEach(function (item) {
|
|
13
|
+
if (item.value == selected) {
|
|
14
|
+
selectedItemKey = item.value;
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
return (React.createElement(Picker, __assign({ prompt: prompt, selectedValue: selectedItemKey, onValueChange: function (value, index) { return onChange(value, index); }, style: __assign({}, style) }, testProps(testID)), collection.map(function (item, index) { return (React.createElement(Picker.Item, __assign({ label: item.label, key: index, value: item.value }, testProps(item.testID)))); })));
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=MenuPicker.android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPicker.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.android.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAGrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC;;;GAGG;AAEH,MAAM,CAAC,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,UAAU,GAAoB,KAAK,WAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IACxE,IAAI,eAAe,CAAC;IAEpB,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,MAAM,aACL,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,eAAe,EAC9B,aAAa,EAAE,UAAC,KAAa,EAAE,KAAa,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAtB,CAAsB,EACvE,KAAK,eAAO,KAAK,KAEb,SAAS,CAAC,MAAM,CAAC,GAEpB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,oBAAC,MAAM,CAAC,IAAI,aACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,IACb,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAC1B,CACH,EAPgC,CAOhC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAM3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAG/D,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
|
|
3
|
+
export { CollectionItem, MenuPickerProps };
|
|
4
|
+
export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
|
|
5
|
+
//# sourceMappingURL=MenuPicker.ios.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPicker.ios.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAqB3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwC/D,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { View, StyleSheet } from 'react-native';
|
|
4
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
5
|
+
import { useFluentTheme } from '@fluentui-react-native/framework';
|
|
6
|
+
import { Text } from '@fluentui-react-native/text';
|
|
7
|
+
import { MenuView } from '@react-native-menu/menu';
|
|
8
|
+
import { SvgXml } from 'react-native-svg';
|
|
9
|
+
import { testProps } from './TestProps';
|
|
10
|
+
/*
|
|
11
|
+
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
12
|
+
* MenuPicker uses the community MenuView package for iOS
|
|
13
|
+
*/
|
|
14
|
+
var chevronXml = "\n<svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\">\n <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />\n</svg>";
|
|
15
|
+
var styles = StyleSheet.create({
|
|
16
|
+
menuPickerPromptText: {
|
|
17
|
+
marginBottom: 4,
|
|
18
|
+
},
|
|
19
|
+
menuPickerIconPadding: {
|
|
20
|
+
paddingLeft: 12,
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
export var MenuPicker = function (props) {
|
|
24
|
+
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style, testID = props.testID;
|
|
25
|
+
var selectedItemKey;
|
|
26
|
+
collection.forEach(function (item) {
|
|
27
|
+
if (item.value == selected) {
|
|
28
|
+
selectedItemKey = item.value;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
var pickerOptions = collection.map(function (item) { return ({
|
|
32
|
+
id: item.label,
|
|
33
|
+
title: item.label,
|
|
34
|
+
state: item.value === selected ? 'on' : 'off',
|
|
35
|
+
}); });
|
|
36
|
+
var theme = useFluentTheme();
|
|
37
|
+
return (React.createElement(MenuView, __assign({ title: prompt, onPressAction: function (_a) {
|
|
38
|
+
var nativeEvent = _a.nativeEvent;
|
|
39
|
+
onChange(nativeEvent.event);
|
|
40
|
+
}, actions: pickerOptions, style: style }, testProps(testID)),
|
|
41
|
+
React.createElement(Text, { variant: "bodySemibold", style: styles.menuPickerPromptText }, prompt),
|
|
42
|
+
React.createElement(Button, { appearance: "outline" },
|
|
43
|
+
React.createElement(Text, { variant: "bodySemibold" }, selectedItemKey),
|
|
44
|
+
React.createElement(View, { style: styles.menuPickerIconPadding },
|
|
45
|
+
React.createElement(SvgXml, { xml: chevronXml, color: theme.colors.bodyText })))));
|
|
46
|
+
};
|
|
47
|
+
//# sourceMappingURL=MenuPicker.ios.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPicker.ios.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.ios.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC;;;GAGG;AAEH,IAAM,UAAU,GAAG,obAGZ,CAAC;AAER,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,oBAAoB,EAAE;QACpB,YAAY,EAAE,CAAC;KAChB;IACD,qBAAqB,EAAE;QACrB,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,UAAU,GAAoB,KAAK,WAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IACxE,IAAI,eAAe,CAAC;IAEpB,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAiB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;QAC5D,EAAE,EAAE,IAAI,CAAC,KAAK;QACd,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAC9C,CAAC,EAJ2D,CAI3D,CAAC,CAAC;IAEJ,IAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,QAAQ,aACP,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,UAAC,EAAe;gBAAb,WAAW,iBAAA;YAC3B,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,EACD,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,IAER,SAAS,CAAC,MAAM,CAAC;QAErB,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,oBAAoB,IAC5D,MAAM,CACF;QACP,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS;YAC1B,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,IAAE,eAAe,CAAQ;YACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,qBAAqB;gBACvC,oBAAC,MAAM,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI,CACpD,CACA,CACA,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,19 +1,8 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { Picker } from '@react-native-picker/picker';
|
|
4
|
-
import { testProps } from './TestProps';
|
|
5
1
|
/*
|
|
6
2
|
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
7
|
-
* MenuPicker uses the community Picker package for iOS/Win32 and our own Picker for Win32/MacOS.
|
|
8
3
|
*/
|
|
9
|
-
export var MenuPicker = function (
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
collection.forEach(function (item) {
|
|
13
|
-
if (item.value == selected) {
|
|
14
|
-
selectedItemKey = item.value;
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
return (React.createElement(Picker, __assign({ prompt: prompt, selectedValue: selectedItemKey, onValueChange: function (value, index) { return onChange(value, index); }, style: __assign({}, style) }, testProps(testID)), collection.map(function (item, index) { return (React.createElement(Picker.Item, __assign({ label: item.label, key: index, value: item.value }, testProps(item.testID)))); })));
|
|
4
|
+
export var MenuPicker = function (_props) {
|
|
5
|
+
console.warn('Platform not supported');
|
|
6
|
+
return null;
|
|
18
7
|
};
|
|
19
8
|
//# sourceMappingURL=MenuPicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"MenuPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAGA;;GAEG;AAEH,MAAM,CAAC,IAAM,UAAU,GAA6C,UAAC,MAAuB;IAC1F,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IACvC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
|
|
@@ -4,9 +4,9 @@ import { useTheme } from '@fluentui-react-native/theme-types';
|
|
|
4
4
|
import { MenuPicker } from './MenuPicker';
|
|
5
5
|
import { commonTestStyles as commonStyles } from './styles';
|
|
6
6
|
export var StyledPicker = function (props) {
|
|
7
|
-
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
|
|
7
|
+
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style;
|
|
8
8
|
var theme = useTheme();
|
|
9
|
-
var pickerStyles = __assign({ color: theme.colors.inputText }, commonStyles.header);
|
|
9
|
+
var pickerStyles = __assign(__assign({ color: theme.colors.inputText, alignSelf: 'flex-start' }, commonStyles.header), style);
|
|
10
10
|
var styleCollection = collection.map(function (value) {
|
|
11
11
|
return {
|
|
12
12
|
label: value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/StyledPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAK;IACxB,IAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"StyledPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/StyledPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAE5D,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAK;IACxB,IAAA,MAAM,GAA4C,KAAK,OAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,QAAQ,GAAwB,KAAK,SAA7B,EAAE,UAAU,GAAY,KAAK,WAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAChE,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,YAAY,uBAAK,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,EAAE,SAAS,EAAE,YAAY,IAAK,YAAY,CAAC,MAAM,GAAK,KAAK,CAAE,CAAC;IAChI,IAAM,eAAe,GAAG,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK;QAC3C,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,GAAI,CAAC;AAClI,CAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Because of this, we're adding the testProps function that takes in a unique identifier and returns the correct prop based on the platform
|
|
4
4
|
* (testID for Win32, Windows, macOS, iOS; accessibilityId for Android).
|
|
5
5
|
*
|
|
6
|
-
* If
|
|
6
|
+
* If explicit accessibilityLabel is being used for other platforms, apply testProps after it to override it for Android.
|
|
7
7
|
* @param id The string to be used as the test identifier
|
|
8
8
|
* @returns an object with the correct test identifier prop based on platform
|
|
9
9
|
*/
|
|
@@ -5,7 +5,7 @@ import { Platform } from 'react-native';
|
|
|
5
5
|
* Because of this, we're adding the testProps function that takes in a unique identifier and returns the correct prop based on the platform
|
|
6
6
|
* (testID for Win32, Windows, macOS, iOS; accessibilityId for Android).
|
|
7
7
|
*
|
|
8
|
-
* If
|
|
8
|
+
* If explicit accessibilityLabel is being used for other platforms, apply testProps after it to override it for Android.
|
|
9
9
|
* @param id The string to be used as the test identifier
|
|
10
10
|
* @returns an object with the correct test identifier prop based on platform
|
|
11
11
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAsB/C,eAAO,MAAM,aAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAsB/C,eAAO,MAAM,aAAa,EAAE,iBAkI3B,CAAC"}
|
|
@@ -47,11 +47,11 @@ var StandardUsage = function () {
|
|
|
47
47
|
react_1.default.createElement(react_native_2.ToggleButton, { onClick: function () { return setOutOfOffice(!outOfOffice); }, checked: outOfOffice, style: styles_2.commonTestStyles.vmargin },
|
|
48
48
|
"Set ",
|
|
49
49
|
outOfOffice ? ' In office' : ' Out of office'),
|
|
50
|
-
react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
|
|
51
|
-
react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
50
|
+
react_1.default.createElement(StyledPicker_1.StyledPicker, { style: styles_2.commonTestStyles.vmargin, prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
|
|
51
|
+
react_1.default.createElement(StyledPicker_1.StyledPicker, { style: styles_2.commonTestStyles.vmargin, prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
52
52
|
active === 'active' && react_1.default.createElement(react_native_1.Text, null, "Active appearance is ring"),
|
|
53
|
-
react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
54
|
-
react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
53
|
+
react_1.default.createElement(StyledPicker_1.StyledPicker, { style: styles_2.commonTestStyles.vmargin, prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
54
|
+
react_1.default.createElement(StyledPicker_1.StyledPicker, { style: styles_2.commonTestStyles.vmargin, prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
55
55
|
react_1.default.createElement(react_native_1.View, { style: styles_2.commonTestStyles.pickerControlled },
|
|
56
56
|
react_1.default.createElement(avatar_1.Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: imageSize === styles_1.undefinedText ? undefined : imageSize }),
|
|
57
57
|
react_1.default.createElement(avatar_1.Avatar, { active: active, activeAppearance: activeAppearance, size: imageSize === styles_1.undefinedText ? undefined : imageSize, name: "Satya Nadella", shape: isSquare ? 'square' : 'circular', accessibilityLabel: "Photo of Satya Nadella", badge: { status: badgeStatus, outOfOffice: outOfOffice, accessibilityLabel: badgeStatus }, imageUrl: showImage ? styles_1.satyaPhotoUrl : undefined, avatarColor: avatarColor }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";;;;AAAA,qDAAqD;AAErD,6CAAoD;AAEpD,uDAAsD;AAEtD,wDAAkF;AAElF,sDAAqE;AAErE,kDAAuE;AACvE,uDAAkD;AAClD,uDAAsD;AACtD,2CAAoE;AAIpE,IAAM,YAAY,GAAmB,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AACrE,IAAM,YAAY,0BAAmB,SAAS,EAAE,OAAO,EAAE,UAAU,GAAK,qBAAY,OAAC,CAAC;AAEtF,IAAM,QAAQ,0BAAiC,sBAAa,GAAK,oBAAW,OAAC,CAAC;AAC9E,IAAM,YAAY,0BAA0C,sBAAa,GAAK,6BAAqB,OAAC,CAAC;AAE9F,IAAM,aAAa,GAAsB;IACxC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,QAAQ,QAAA,EAAE,SAAS,QAAmB,CAAC;IACxC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IAChD,IAAA,KAAsB,IAAA,gBAAQ,EAAe,OAAO,CAAC,EAApD,MAAM,QAAA,EAAE,SAAS,QAAmC,CAAC;IACtD,IAAA,KAA4B,IAAA,gBAAQ,EAA4B,EAAE,CAAC,EAAlE,SAAS,QAAA,EAAE,YAAY,QAA2C,CAAC;IACpE,IAAA,KAA0B,IAAA,gBAAQ,EAAqC,WAAW,CAAC,EAAlF,QAAQ,QAAA,EAAE,WAAW,QAA6D,CAAC;IACpF,IAAA,KAAgC,IAAA,gBAAQ,EAAc,OAAO,CAAC,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IAErE,IAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;IACpE,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IAErE,IAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IACxE,IAAM,oBAAoB,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,QAAQ,EAAE,EAAf,CAAe,CAAC,CAAC;IAErE,IAAM,gBAAgB,GAAG,MAAM,CAAC;IAEhC,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;KAClB,CAAC;IAEF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAC7F,IAAM,WAAW,GAAG,QAAQ,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEtE,OAAO,CACL,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,IAAI;QAC5B,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,cAAc;YACtC,8BAAC,2BAAY,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO;gBACnG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;yBACf;YACf,8BAAC,2BAAY,IAAC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,QAAQ,CAAC,EAApB,CAAoB,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO;;gBAC1F,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;0BACxB;YACf,8BAAC,2BAAY,IAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,CAAC,WAAW,CAAC,EAA5B,CAA4B,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,yBAAY,CAAC,OAAO;;gBACrG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CACrC;YAEf,8BAAC,2BAAY,IACX,KAAK,EAAE,yBAAY,CAAC,OAAO,EAC3B,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,EAC9B,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,oBAAoB,GAChC;YACF,8BAAC,2BAAY,IAAC,KAAK,EAAE,yBAAY,CAAC,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,GAAI;YAClI,MAAM,KAAK,QAAQ,IAAI,8BAAC,mBAAI,oCAAiC;YAC9D,8BAAC,2BAAY,IACX,KAAK,EAAE,yBAAY,CAAC,OAAO,EAC3B,MAAM,EAAC,cAAc,EACrB,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,YAAY,GACxB;YACF,8BAAC,2BAAY,IACX,KAAK,EAAE,yBAAY,CAAC,OAAO,EAC3B,MAAM,EAAC,iBAAiB,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,YAAY,GACxB,CACG;QACP,8BAAC,mBAAI,IAAC,KAAK,EAAE,yBAAY,CAAC,gBAAgB;YACxC,8BAAC,eAAM,IACL,kBAAkB,EAAC,gBAAgB,EACnC,iBAAiB,EAAC,+BAA+B,EACjD,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACzD;YACF,8BAAC,eAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,wBAAwB,EAC3C,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,aAAA,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAC5E,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,sBAAa,CAAC,CAAC,CAAC,SAAS,EAC/C,WAAW,EAAE,WAAW,GACxB;YACF,8BAAC,eAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,MAAM,EACzB,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,sBAAa,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,EACjE,IAAI,EAAC,qBAAqB,EAC1B,WAAW,EAAC,SAAS,EACrB,aAAa,EAAC,QAAQ,GACtB;YACF,8BAAC,eAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,UAAU,EAC7B,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EACtC,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,aAAA,EAAE,GAC7C;YACF,8BAAC,eAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,UAAU,EAC7B,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,EACtD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,aAAA,EAAE,GAC7C;YACD,eAAe,IAAI,CAClB;gBACE,8BAAC,eAAM,IACL,iBAAiB,EAAC,+BAA+B,EACjD,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,sBAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EACvC,kBAAkB,EAAC,UAAU,EAC7B,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,aAAA,EAAE,EACtC,UAAU,EAAC,IAAI,GACf,CACD,CACJ,CACI,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAlIW,QAAA,aAAa,iBAkIxB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
|
|
3
|
+
export { CollectionItem, MenuPickerProps };
|
|
4
|
+
export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
|
|
5
|
+
//# sourceMappingURL=MenuPicker.android.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPicker.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAO3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6B/D,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MenuPicker = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var React = tslib_1.__importStar(require("react"));
|
|
6
|
+
var picker_1 = require("@react-native-picker/picker");
|
|
7
|
+
var TestProps_1 = require("./TestProps");
|
|
8
|
+
/*
|
|
9
|
+
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
10
|
+
* MenuPicker uses the community Picker package for Android
|
|
11
|
+
*/
|
|
12
|
+
var MenuPicker = function (props) {
|
|
13
|
+
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style, testID = props.testID;
|
|
14
|
+
var selectedItemKey;
|
|
15
|
+
collection.forEach(function (item) {
|
|
16
|
+
if (item.value == selected) {
|
|
17
|
+
selectedItemKey = item.value;
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
return (React.createElement(picker_1.Picker, tslib_1.__assign({ prompt: prompt, selectedValue: selectedItemKey, onValueChange: function (value, index) { return onChange(value, index); }, style: tslib_1.__assign({}, style) }, (0, TestProps_1.testProps)(testID)), collection.map(function (item, index) { return (React.createElement(picker_1.Picker.Item, tslib_1.__assign({ label: item.label, key: index, value: item.value }, (0, TestProps_1.testProps)(item.testID)))); })));
|
|
21
|
+
};
|
|
22
|
+
exports.MenuPicker = MenuPicker;
|
|
23
|
+
//# sourceMappingURL=MenuPicker.android.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPicker.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.android.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,sDAAqD;AAGrD,yCAAwC;AAGxC;;;GAGG;AAEI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,UAAU,GAAoB,KAAK,WAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IACxE,IAAI,eAAe,CAAC;IAEpB,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,eAAM,qBACL,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,eAAe,EAC9B,aAAa,EAAE,UAAC,KAAa,EAAE,KAAa,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAtB,CAAsB,EACvE,KAAK,uBAAO,KAAK,KAEb,IAAA,qBAAS,EAAC,MAAM,CAAC,GAEpB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,oBAAC,eAAM,CAAC,IAAI,qBACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,IACb,IAAA,qBAAS,EAAC,IAAI,CAAC,MAAM,CAAC,EAC1B,CACH,EAPgC,CAOhC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,UAAU,cA6BrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"MenuPicker.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAM3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAG/D,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
|
|
3
|
+
export { CollectionItem, MenuPickerProps };
|
|
4
|
+
export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
|
|
5
|
+
//# sourceMappingURL=MenuPicker.ios.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPicker.ios.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1E,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAqB3C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAwC/D,CAAC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MenuPicker = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var React = tslib_1.__importStar(require("react"));
|
|
6
|
+
var react_native_1 = require("react-native");
|
|
7
|
+
var button_1 = require("@fluentui-react-native/button");
|
|
8
|
+
var framework_1 = require("@fluentui-react-native/framework");
|
|
9
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
10
|
+
var menu_1 = require("@react-native-menu/menu");
|
|
11
|
+
var react_native_svg_1 = require("react-native-svg");
|
|
12
|
+
var TestProps_1 = require("./TestProps");
|
|
13
|
+
/*
|
|
14
|
+
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
15
|
+
* MenuPicker uses the community MenuView package for iOS
|
|
16
|
+
*/
|
|
17
|
+
var chevronXml = "\n<svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\">\n <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />\n</svg>";
|
|
18
|
+
var styles = react_native_1.StyleSheet.create({
|
|
19
|
+
menuPickerPromptText: {
|
|
20
|
+
marginBottom: 4,
|
|
21
|
+
},
|
|
22
|
+
menuPickerIconPadding: {
|
|
23
|
+
paddingLeft: 12,
|
|
24
|
+
},
|
|
25
|
+
});
|
|
26
|
+
var MenuPicker = function (props) {
|
|
27
|
+
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style, testID = props.testID;
|
|
28
|
+
var selectedItemKey;
|
|
29
|
+
collection.forEach(function (item) {
|
|
30
|
+
if (item.value == selected) {
|
|
31
|
+
selectedItemKey = item.value;
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
var pickerOptions = collection.map(function (item) { return ({
|
|
35
|
+
id: item.label,
|
|
36
|
+
title: item.label,
|
|
37
|
+
state: item.value === selected ? 'on' : 'off',
|
|
38
|
+
}); });
|
|
39
|
+
var theme = (0, framework_1.useFluentTheme)();
|
|
40
|
+
return (React.createElement(menu_1.MenuView, tslib_1.__assign({ title: prompt, onPressAction: function (_a) {
|
|
41
|
+
var nativeEvent = _a.nativeEvent;
|
|
42
|
+
onChange(nativeEvent.event);
|
|
43
|
+
}, actions: pickerOptions, style: style }, (0, TestProps_1.testProps)(testID)),
|
|
44
|
+
React.createElement(text_1.Text, { variant: "bodySemibold", style: styles.menuPickerPromptText }, prompt),
|
|
45
|
+
React.createElement(button_1.ButtonV1, { appearance: "outline" },
|
|
46
|
+
React.createElement(text_1.Text, { variant: "bodySemibold" }, selectedItemKey),
|
|
47
|
+
React.createElement(react_native_1.View, { style: styles.menuPickerIconPadding },
|
|
48
|
+
React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml, color: theme.colors.bodyText })))));
|
|
49
|
+
};
|
|
50
|
+
exports.MenuPicker = MenuPicker;
|
|
51
|
+
//# sourceMappingURL=MenuPicker.ios.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MenuPicker.ios.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.ios.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAgD;AAEhD,wDAAmE;AACnE,8DAAkE;AAClE,oDAAmD;AACnD,gDAAmD;AAEnD,qDAA0C;AAG1C,yCAAwC;AAIxC;;;GAGG;AAEH,IAAM,UAAU,GAAG,obAGZ,CAAC;AAER,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,oBAAoB,EAAE;QACpB,YAAY,EAAE,CAAC;KAChB;IACD,qBAAqB,EAAE;QACrB,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,CAAC;AAEI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAAoD,KAAK,OAAzD,EAAE,QAAQ,GAA0C,KAAK,SAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,UAAU,GAAoB,KAAK,WAAzB,EAAE,KAAK,GAAa,KAAK,MAAlB,EAAE,MAAM,GAAK,KAAK,OAAV,CAAW;IACxE,IAAI,eAAe,CAAC;IAEpB,UAAU,CAAC,OAAO,CAAC,UAAC,IAAI;QACtB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YAC1B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;SAC9B;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAiB,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;QAC5D,EAAE,EAAE,IAAI,CAAC,KAAK;QACd,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAC9C,CAAC,EAJ2D,CAI3D,CAAC,CAAC;IAEJ,IAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,eAAQ,qBACP,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,UAAC,EAAe;gBAAb,WAAW,iBAAA;YAC3B,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,EACD,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,IAER,IAAA,qBAAS,EAAC,MAAM,CAAC;QAErB,oBAAC,WAAI,IAAC,OAAO,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,oBAAoB,IAC5D,MAAM,CACF;QACP,oBAAC,iBAAM,IAAC,UAAU,EAAC,SAAS;YAC1B,oBAAC,WAAI,IAAC,OAAO,EAAC,cAAc,IAAE,eAAe,CAAQ;YACrD,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,qBAAqB;gBACvC,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI,CACpD,CACA,CACA,CACZ,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,UAAU,cAwCrB"}
|
|
@@ -1,23 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MenuPicker = void 0;
|
|
4
|
-
var tslib_1 = require("tslib");
|
|
5
|
-
var React = tslib_1.__importStar(require("react"));
|
|
6
|
-
var picker_1 = require("@react-native-picker/picker");
|
|
7
|
-
var TestProps_1 = require("./TestProps");
|
|
8
4
|
/*
|
|
9
5
|
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
10
|
-
* MenuPicker uses the community Picker package for iOS/Win32 and our own Picker for Win32/MacOS.
|
|
11
6
|
*/
|
|
12
|
-
var MenuPicker = function (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
collection.forEach(function (item) {
|
|
16
|
-
if (item.value == selected) {
|
|
17
|
-
selectedItemKey = item.value;
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
return (React.createElement(picker_1.Picker, tslib_1.__assign({ prompt: prompt, selectedValue: selectedItemKey, onValueChange: function (value, index) { return onChange(value, index); }, style: tslib_1.__assign({}, style) }, (0, TestProps_1.testProps)(testID)), collection.map(function (item, index) { return (React.createElement(picker_1.Picker.Item, tslib_1.__assign({ label: item.label, key: index, value: item.value }, (0, TestProps_1.testProps)(item.testID)))); })));
|
|
7
|
+
var MenuPicker = function (_props) {
|
|
8
|
+
console.warn('Platform not supported');
|
|
9
|
+
return null;
|
|
21
10
|
};
|
|
22
11
|
exports.MenuPicker = MenuPicker;
|
|
23
12
|
//# sourceMappingURL=MenuPicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MenuPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/MenuPicker.tsx"],"names":[],"mappings":";;;AAGA;;GAEG;AAEI,IAAM,UAAU,GAA6C,UAAC,MAAuB;IAC1F,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IACvC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB"}
|
|
@@ -7,9 +7,9 @@ var theme_types_1 = require("@fluentui-react-native/theme-types");
|
|
|
7
7
|
var MenuPicker_1 = require("./MenuPicker");
|
|
8
8
|
var styles_1 = require("./styles");
|
|
9
9
|
var StyledPicker = function (props) {
|
|
10
|
-
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
|
|
10
|
+
var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection, style = props.style;
|
|
11
11
|
var theme = (0, theme_types_1.useTheme)();
|
|
12
|
-
var pickerStyles = tslib_1.__assign({ color: theme.colors.inputText }, styles_1.commonTestStyles.header);
|
|
12
|
+
var pickerStyles = tslib_1.__assign(tslib_1.__assign({ color: theme.colors.inputText, alignSelf: 'flex-start' }, styles_1.commonTestStyles.header), style);
|
|
13
13
|
var styleCollection = collection.map(function (value) {
|
|
14
14
|
return {
|
|
15
15
|
label: value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/StyledPicker.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAG/B,kEAA8D;AAE9D,2CAA0C;AAC1C,mCAA4D;AAErD,IAAM,YAAY,GAAG,UAAC,KAAK;IACxB,IAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"StyledPicker.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/StyledPicker.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAG/B,kEAA8D;AAE9D,2CAA0C;AAC1C,mCAA4D;AAErD,IAAM,YAAY,GAAG,UAAC,KAAK;IACxB,IAAA,MAAM,GAA4C,KAAK,OAAjD,EAAE,QAAQ,GAAkC,KAAK,SAAvC,EAAE,QAAQ,GAAwB,KAAK,SAA7B,EAAE,UAAU,GAAY,KAAK,WAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAChE,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,YAAY,uCAAK,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,EAAE,SAAS,EAAE,YAAY,IAAK,yBAAY,CAAC,MAAM,GAAK,KAAK,CAAE,CAAC;IAChI,IAAM,eAAe,GAAG,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK;QAC3C,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,oBAAC,uBAAU,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,GAAI,CAAC;AAClI,CAAC,CAAC;AAXW,QAAA,YAAY,gBAWvB"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Because of this, we're adding the testProps function that takes in a unique identifier and returns the correct prop based on the platform
|
|
4
4
|
* (testID for Win32, Windows, macOS, iOS; accessibilityId for Android).
|
|
5
5
|
*
|
|
6
|
-
* If
|
|
6
|
+
* If explicit accessibilityLabel is being used for other platforms, apply testProps after it to override it for Android.
|
|
7
7
|
* @param id The string to be used as the test identifier
|
|
8
8
|
* @returns an object with the correct test identifier prop based on platform
|
|
9
9
|
*/
|
|
@@ -8,7 +8,7 @@ var react_native_1 = require("react-native");
|
|
|
8
8
|
* Because of this, we're adding the testProps function that takes in a unique identifier and returns the correct prop based on the platform
|
|
9
9
|
* (testID for Win32, Windows, macOS, iOS; accessibilityId for Android).
|
|
10
10
|
*
|
|
11
|
-
* If
|
|
11
|
+
* If explicit accessibilityLabel is being used for other platforms, apply testProps after it to override it for Android.
|
|
12
12
|
* @param id The string to be used as the test identifier
|
|
13
13
|
* @returns an object with the correct test identifier prop based on platform
|
|
14
14
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.143.
|
|
3
|
+
"version": "0.143.6",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"@fluentui-react-native/experimental-text": ">=0.11.63 <1.0.0",
|
|
57
57
|
"@fluentui-react-native/framework": ">=0.9.9 <1.0.0",
|
|
58
58
|
"@fluentui-react-native/icon": "0.17.26",
|
|
59
|
-
"@fluentui-react-native/input": "^0.2.
|
|
59
|
+
"@fluentui-react-native/input": "^0.2.2",
|
|
60
60
|
"@fluentui-react-native/interactive-hooks": ">=0.22.30 <1.0.0",
|
|
61
61
|
"@fluentui-react-native/menu": "^1.8.1",
|
|
62
62
|
"@fluentui-react-native/merge-props": ">=0.5.3 <1.0.0",
|
|
@@ -60,11 +60,29 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
60
60
|
Set {outOfOffice ? ' In office' : ' Out of office'}
|
|
61
61
|
</ToggleButton>
|
|
62
62
|
|
|
63
|
-
<StyledPicker
|
|
64
|
-
|
|
63
|
+
<StyledPicker
|
|
64
|
+
style={commonStyles.vmargin}
|
|
65
|
+
prompt="Size"
|
|
66
|
+
selected={imageSize.toString()}
|
|
67
|
+
onChange={onSizeChange}
|
|
68
|
+
collection={avatarSizesForPicker}
|
|
69
|
+
/>
|
|
70
|
+
<StyledPicker style={commonStyles.vmargin} prompt="Active" selected={active} onChange={onActiveChange} collection={avatarActive} />
|
|
65
71
|
{active === 'active' && <Text>Active appearance is ring</Text>}
|
|
66
|
-
<StyledPicker
|
|
67
|
-
|
|
72
|
+
<StyledPicker
|
|
73
|
+
style={commonStyles.vmargin}
|
|
74
|
+
prompt="Avatar Color"
|
|
75
|
+
selected={avatarColor}
|
|
76
|
+
onChange={onAvatarColorChange}
|
|
77
|
+
collection={avatarColors}
|
|
78
|
+
/>
|
|
79
|
+
<StyledPicker
|
|
80
|
+
style={commonStyles.vmargin}
|
|
81
|
+
prompt="Presence status"
|
|
82
|
+
selected={presence}
|
|
83
|
+
onChange={onPresenceChange}
|
|
84
|
+
collection={allPresences}
|
|
85
|
+
/>
|
|
68
86
|
</View>
|
|
69
87
|
<View style={commonStyles.pickerControlled}>
|
|
70
88
|
<Avatar
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
import { Picker } from '@react-native-picker/picker';
|
|
4
|
+
|
|
5
|
+
import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
|
|
6
|
+
import { testProps } from './TestProps';
|
|
7
|
+
export { CollectionItem, MenuPickerProps };
|
|
8
|
+
|
|
9
|
+
/*
|
|
10
|
+
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
11
|
+
* MenuPicker uses the community Picker package for Android
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
export const MenuPicker: React.FunctionComponent<MenuPickerProps> = (props: MenuPickerProps) => {
|
|
15
|
+
const { prompt, selected, onChange, collection, style, testID } = props;
|
|
16
|
+
let selectedItemKey;
|
|
17
|
+
|
|
18
|
+
collection.forEach((item) => {
|
|
19
|
+
if (item.value == selected) {
|
|
20
|
+
selectedItemKey = item.value;
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
return (
|
|
25
|
+
<Picker
|
|
26
|
+
prompt={prompt}
|
|
27
|
+
selectedValue={selectedItemKey}
|
|
28
|
+
onValueChange={(value: string, index: number) => onChange(value, index)}
|
|
29
|
+
style={{ ...style }}
|
|
30
|
+
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
31
|
+
{...testProps(testID)}
|
|
32
|
+
>
|
|
33
|
+
{collection.map((item, index) => (
|
|
34
|
+
<Picker.Item
|
|
35
|
+
label={item.label}
|
|
36
|
+
key={index}
|
|
37
|
+
value={item.value} /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
38
|
+
{...testProps(item.testID)}
|
|
39
|
+
/>
|
|
40
|
+
))}
|
|
41
|
+
</Picker>
|
|
42
|
+
);
|
|
43
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View, StyleSheet } from 'react-native';
|
|
3
|
+
|
|
4
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
5
|
+
import { useFluentTheme } from '@fluentui-react-native/framework';
|
|
6
|
+
import { Text } from '@fluentui-react-native/text';
|
|
7
|
+
import { MenuView } from '@react-native-menu/menu';
|
|
8
|
+
import type { MenuAction } from '@react-native-menu/menu';
|
|
9
|
+
import { SvgXml } from 'react-native-svg';
|
|
10
|
+
|
|
11
|
+
import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
|
|
12
|
+
import { testProps } from './TestProps';
|
|
13
|
+
|
|
14
|
+
export { CollectionItem, MenuPickerProps };
|
|
15
|
+
|
|
16
|
+
/*
|
|
17
|
+
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
18
|
+
* MenuPicker uses the community MenuView package for iOS
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
const chevronXml = `
|
|
22
|
+
<svg width="12" height="16" viewBox="0 0 11 6">
|
|
23
|
+
<path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />
|
|
24
|
+
</svg>`;
|
|
25
|
+
|
|
26
|
+
const styles = StyleSheet.create({
|
|
27
|
+
menuPickerPromptText: {
|
|
28
|
+
marginBottom: 4,
|
|
29
|
+
},
|
|
30
|
+
menuPickerIconPadding: {
|
|
31
|
+
paddingLeft: 12,
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
export const MenuPicker: React.FunctionComponent<MenuPickerProps> = (props: MenuPickerProps) => {
|
|
36
|
+
const { prompt, selected, onChange, collection, style, testID } = props;
|
|
37
|
+
let selectedItemKey;
|
|
38
|
+
|
|
39
|
+
collection.forEach((item) => {
|
|
40
|
+
if (item.value == selected) {
|
|
41
|
+
selectedItemKey = item.value;
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
const pickerOptions: MenuAction[] = collection.map((item) => ({
|
|
46
|
+
id: item.label,
|
|
47
|
+
title: item.label,
|
|
48
|
+
state: item.value === selected ? 'on' : 'off',
|
|
49
|
+
}));
|
|
50
|
+
|
|
51
|
+
const theme = useFluentTheme();
|
|
52
|
+
|
|
53
|
+
return (
|
|
54
|
+
<MenuView
|
|
55
|
+
title={prompt}
|
|
56
|
+
onPressAction={({ nativeEvent }) => {
|
|
57
|
+
onChange(nativeEvent.event);
|
|
58
|
+
}}
|
|
59
|
+
actions={pickerOptions}
|
|
60
|
+
style={style}
|
|
61
|
+
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
62
|
+
{...testProps(testID)}
|
|
63
|
+
>
|
|
64
|
+
<Text variant="bodySemibold" style={styles.menuPickerPromptText}>
|
|
65
|
+
{prompt}
|
|
66
|
+
</Text>
|
|
67
|
+
<Button appearance="outline">
|
|
68
|
+
<Text variant="bodySemibold">{selectedItemKey}</Text>
|
|
69
|
+
<View style={styles.menuPickerIconPadding}>
|
|
70
|
+
<SvgXml xml={chevronXml} color={theme.colors.bodyText} />
|
|
71
|
+
</View>
|
|
72
|
+
</Button>
|
|
73
|
+
</MenuView>
|
|
74
|
+
);
|
|
75
|
+
};
|
|
@@ -1,43 +1,11 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
import { Picker } from '@react-native-picker/picker';
|
|
4
|
-
|
|
5
1
|
import type { CollectionItem, MenuPickerProps } from './MenuPicker.types';
|
|
6
|
-
import { testProps } from './TestProps';
|
|
7
2
|
export { CollectionItem, MenuPickerProps };
|
|
8
3
|
|
|
9
4
|
/*
|
|
10
5
|
* The MenuPicker was created because the RN Core Picker was deprecated (preventing us from updating to RN 0.66).
|
|
11
|
-
* MenuPicker uses the community Picker package for iOS/Win32 and our own Picker for Win32/MacOS.
|
|
12
6
|
*/
|
|
13
7
|
|
|
14
|
-
export const MenuPicker: React.FunctionComponent<MenuPickerProps> = (
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
collection.forEach((item) => {
|
|
19
|
-
if (item.value == selected) {
|
|
20
|
-
selectedItemKey = item.value;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
return (
|
|
25
|
-
<Picker
|
|
26
|
-
prompt={prompt}
|
|
27
|
-
selectedValue={selectedItemKey}
|
|
28
|
-
onValueChange={(value: string, index: number) => onChange(value, index)}
|
|
29
|
-
style={{ ...style }}
|
|
30
|
-
/* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
31
|
-
{...testProps(testID)}
|
|
32
|
-
>
|
|
33
|
-
{collection.map((item, index) => (
|
|
34
|
-
<Picker.Item
|
|
35
|
-
label={item.label}
|
|
36
|
-
key={index}
|
|
37
|
-
value={item.value} /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
|
|
38
|
-
{...testProps(item.testID)}
|
|
39
|
-
/>
|
|
40
|
-
))}
|
|
41
|
-
</Picker>
|
|
42
|
-
);
|
|
8
|
+
export const MenuPicker: React.FunctionComponent<MenuPickerProps> = (_props: MenuPickerProps) => {
|
|
9
|
+
console.warn('Platform not supported');
|
|
10
|
+
return null;
|
|
43
11
|
};
|
|
@@ -7,9 +7,9 @@ import { MenuPicker } from './MenuPicker';
|
|
|
7
7
|
import { commonTestStyles as commonStyles } from './styles';
|
|
8
8
|
|
|
9
9
|
export const StyledPicker = (props) => {
|
|
10
|
-
const { prompt, selected, onChange, collection } = props;
|
|
10
|
+
const { prompt, selected, onChange, collection, style } = props;
|
|
11
11
|
const theme = useTheme();
|
|
12
|
-
const pickerStyles = { color: theme.colors.inputText as ColorValue, ...commonStyles.header };
|
|
12
|
+
const pickerStyles = { color: theme.colors.inputText as ColorValue, alignSelf: 'flex-start', ...commonStyles.header, ...style };
|
|
13
13
|
const styleCollection = collection.map((value) => {
|
|
14
14
|
return {
|
|
15
15
|
label: value,
|
|
@@ -6,7 +6,7 @@ import { Platform } from 'react-native';
|
|
|
6
6
|
* Because of this, we're adding the testProps function that takes in a unique identifier and returns the correct prop based on the platform
|
|
7
7
|
* (testID for Win32, Windows, macOS, iOS; accessibilityId for Android).
|
|
8
8
|
*
|
|
9
|
-
* If
|
|
9
|
+
* If explicit accessibilityLabel is being used for other platforms, apply testProps after it to override it for Android.
|
|
10
10
|
* @param id The string to be used as the test identifier
|
|
11
11
|
* @returns an object with the correct test identifier prop based on platform
|
|
12
12
|
*/
|