@fluentui-react-native/tester 0.68.5 → 0.69.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 +64 -1
- package/CHANGELOG.md +29 -2
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js +6 -8
- package/lib/FluentTester/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +14 -6
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.d.ts +3 -0
- package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -0
- package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js +41 -0
- package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -0
- package/lib/FluentTester/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Shadow/ShadowTest.js +3 -5
- package/lib/FluentTester/TestComponents/Shadow/ShadowTest.js.map +1 -1
- package/lib/FluentTester/testPages.ios.d.ts.map +1 -1
- package/lib/FluentTester/testPages.ios.js +6 -0
- package/lib/FluentTester/testPages.ios.js.map +1 -1
- package/lib/FluentTester/testPages.win32.d.ts.map +1 -1
- package/lib/FluentTester/testPages.win32.js +7 -1
- package/lib/FluentTester/testPages.win32.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js +5 -7
- package/lib-commonjs/FluentTester/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +14 -6
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.d.ts +3 -0
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -0
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js +46 -0
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -0
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.js +3 -5
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.js.map +1 -1
- package/lib-commonjs/FluentTester/testPages.ios.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/testPages.ios.js +6 -0
- package/lib-commonjs/FluentTester/testPages.ios.js.map +1 -1
- package/lib-commonjs/FluentTester/testPages.win32.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/testPages.win32.js +7 -1
- package/lib-commonjs/FluentTester/testPages.win32.js.map +1 -1
- package/package.json +4 -3
- package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx +4 -20
- package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx +22 -1
- package/src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx +53 -0
- package/src/FluentTester/TestComponents/Shadow/ShadowTest.tsx +3 -6
- package/src/FluentTester/testPages.ios.ts +6 -0
- package/src/FluentTester/testPages.win32.ts +7 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,70 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 28 Jun 2022 08:52:33 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.69.1",
|
|
7
|
+
"version": "0.69.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "v.kozova13@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "11b3b82c74173c54ba6c5c8e2a53de29f5153c62",
|
|
14
|
+
"comment": "Fixed busy icon, added HC icons and fixed Tester"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/avatar to v1.1.2",
|
|
20
|
+
"commit": "11b3b82c74173c54ba6c5c8e2a53de29f5153c62"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/badge to v0.0.44",
|
|
26
|
+
"commit": "11b3b82c74173c54ba6c5c8e2a53de29f5153c62"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Tue, 28 Jun 2022 00:53:43 GMT",
|
|
33
|
+
"tag": "@fluentui-react-native/tester_v0.69.0",
|
|
34
|
+
"version": "0.69.0",
|
|
35
|
+
"comments": {
|
|
36
|
+
"minor": [
|
|
37
|
+
{
|
|
38
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
39
|
+
"package": "@fluentui-react-native/tester",
|
|
40
|
+
"commit": "b2d247cc39d7d3c8ca426f362a05f04e06b54d9b",
|
|
41
|
+
"comment": "New component made with the new component generator"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"author": "beachball",
|
|
45
|
+
"package": "@fluentui-react-native/tester",
|
|
46
|
+
"comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.0",
|
|
47
|
+
"commit": "b2d247cc39d7d3c8ca426f362a05f04e06b54d9b"
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"date": "Mon, 27 Jun 2022 16:56:31 GMT",
|
|
54
|
+
"tag": "@fluentui-react-native/tester_v0.68.6",
|
|
55
|
+
"version": "0.68.6",
|
|
56
|
+
"comments": {
|
|
57
|
+
"patch": [
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui-react-native/tester",
|
|
61
|
+
"comment": "Bump @fluentui-react-native/avatar to v1.1.1",
|
|
62
|
+
"commit": "3e70d755ab862baea7c13543478a9179ee3292dd"
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"date": "Mon, 27 Jun 2022 15:59:57 GMT",
|
|
6
69
|
"tag": "@fluentui-react-native/tester_v0.68.5",
|
|
7
70
|
"version": "0.68.5",
|
|
8
71
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,39 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 28 Jun 2022 08:52:33 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.69.1
|
|
8
|
+
|
|
9
|
+
Tue, 28 Jun 2022 08:52:33 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Fixed busy icon, added HC icons and fixed Tester (v.kozova13@gmail.com)
|
|
14
|
+
- Bump @fluentui-react-native/avatar to v1.1.2
|
|
15
|
+
- Bump @fluentui-react-native/badge to v0.0.44
|
|
16
|
+
|
|
17
|
+
## 0.69.0
|
|
18
|
+
|
|
19
|
+
Tue, 28 Jun 2022 00:53:43 GMT
|
|
20
|
+
|
|
21
|
+
### Minor changes
|
|
22
|
+
|
|
23
|
+
- New component made with the new component generator (78454019+lyzhan7@users.noreply.github.com)
|
|
24
|
+
- Bump @fluentui-react-native/experimental-shadow to v0.2.0
|
|
25
|
+
|
|
26
|
+
## 0.68.6
|
|
27
|
+
|
|
28
|
+
Mon, 27 Jun 2022 16:56:31 GMT
|
|
29
|
+
|
|
30
|
+
### Patches
|
|
31
|
+
|
|
32
|
+
- Bump @fluentui-react-native/avatar to v1.1.1
|
|
33
|
+
|
|
7
34
|
## 0.68.5
|
|
8
35
|
|
|
9
|
-
Mon, 27 Jun 2022 15:59:
|
|
36
|
+
Mon, 27 Jun 2022 15:59:57 GMT
|
|
10
37
|
|
|
11
38
|
### Patches
|
|
12
39
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA+BxE,eAAO,MAAM,aAAa,EAAE,iBA6G3B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __spreadArray } from "tslib";
|
|
2
2
|
import React, { useState, useCallback } from 'react';
|
|
3
|
-
import { AvatarSizes, AvatarColors, Avatar
|
|
3
|
+
import { AvatarSizes, AvatarColors, Avatar } from '@fluentui-react-native/avatar';
|
|
4
4
|
import { PresenceBadgeStatuses } from '@fluentui-react-native/badge';
|
|
5
5
|
import { Switch, View, Text, Picker, Platform } from 'react-native';
|
|
6
6
|
import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
|
|
@@ -9,7 +9,6 @@ import { useTheme } from '@fluentui-react-native/theme-types';
|
|
|
9
9
|
import TestSvg from '../../test-data/test.svg';
|
|
10
10
|
var avatarActive = ['unset', 'active', 'inactive'];
|
|
11
11
|
var avatarColors = __spreadArray(['neutral', 'brand', 'colorful'], AvatarColors, true);
|
|
12
|
-
var avatarActiveAppearance = ['ring'];
|
|
13
12
|
var allSizes = __spreadArray([undefinedText], AvatarSizes, true);
|
|
14
13
|
var allPresences = __spreadArray([undefinedText], PresenceBadgeStatuses, true);
|
|
15
14
|
var StyledPicker = function (props) {
|
|
@@ -23,18 +22,17 @@ export var StandardUsage = function () {
|
|
|
23
22
|
var _b = useState(true), showImage = _b[0], setShowImage = _b[1];
|
|
24
23
|
var _c = useState(false), outOfOffice = _c[0], setOutOfOffice = _c[1];
|
|
25
24
|
var _d = useState('unset'), active = _d[0], setActive = _d[1];
|
|
26
|
-
var _e = useState(
|
|
27
|
-
var _f = useState(
|
|
28
|
-
var _g = useState('
|
|
29
|
-
var _h = useState('brass'), avatarColor = _h[0], setAvatarColor = _h[1];
|
|
25
|
+
var _e = useState(72), imageSize = _e[0], setImageSize = _e[1];
|
|
26
|
+
var _f = useState('available'), presence = _f[0], setPresence = _f[1];
|
|
27
|
+
var _g = useState('brass'), avatarColor = _g[0], setAvatarColor = _g[1];
|
|
30
28
|
var onActiveChange = useCallback(function (value) { return setActive(value); }, []);
|
|
31
|
-
var onActiveAppearanceChange = useCallback(function (value) { return setActiveAppearance(value); }, []);
|
|
32
29
|
var onAvatarColorChange = useCallback(function (value) { return setAvatarColor(value); }, []);
|
|
33
30
|
var onSizeChange = useCallback(function (value) { return setImageSize(value); }, []);
|
|
34
31
|
var onPresenceChange = useCallback(function (value) { return setPresence(value); }, []);
|
|
35
32
|
var theme = useTheme();
|
|
36
33
|
var textStyles = { color: theme.colors.inputText };
|
|
37
34
|
var avatarSizesForPicker = allSizes.map(function (size) { return size.toString(); });
|
|
35
|
+
var activeAppearance = 'ring';
|
|
38
36
|
var fontBuiltInProps = {
|
|
39
37
|
fontFamily: 'Arial',
|
|
40
38
|
codepoint: 0x2663,
|
|
@@ -57,7 +55,7 @@ export var StandardUsage = function () {
|
|
|
57
55
|
React.createElement(Switch, { value: outOfOffice, onValueChange: function () { return setOutOfOffice(!outOfOffice); } })),
|
|
58
56
|
React.createElement(StyledPicker, { prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
|
|
59
57
|
React.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
60
|
-
active === 'active'
|
|
58
|
+
active === 'active' && React.createElement(Text, null, "Active appearance is ring"),
|
|
61
59
|
React.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
62
60
|
React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
63
61
|
React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: imageSize === undefinedText ? undefined : imageSize }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAqB,MAAM,OAAO,CAAC;AACxE,OAAO,
|
|
1
|
+
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAqB,MAAM,OAAO,CAAC;AACxE,OAAO,EAAc,WAAW,EAAe,YAAY,EAAE,MAAM,EAAgB,MAAM,+BAA+B,CAAC;AACzH,OAAO,EAAE,qBAAqB,EAAuB,MAAM,8BAA8B,CAAC;AAC1F,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAc,QAAQ,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAK/C,IAAM,YAAY,GAAmB,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AACrE,IAAM,YAAY,kBAAmB,SAAS,EAAE,OAAO,EAAE,UAAU,GAAK,YAAY,OAAC,CAAC;AAEtF,IAAM,QAAQ,kBAAiC,aAAa,GAAK,WAAW,OAAC,CAAC;AAC9E,IAAM,YAAY,kBAA0C,aAAa,GAAK,qBAAqB,OAAC,CAAC;AAErG,IAAM,YAAY,GAAG,UAAC,KAAK;IACjB,IAAA,MAAM,GAAqC,KAAK,OAA1C,EAAE,QAAQ,GAA2B,KAAK,SAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IACzD,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,YAAY,cAAK,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,IAAK,YAAY,CAAC,MAAM,CAAE,CAAC;IAC7F,OAAO,CACL,oBAAC,MAAM,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,IAC1F,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAChC,oBAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,EAFiC,CAEjC,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAsB;IACxC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,QAAQ,QAAA,EAAE,SAAS,QAAmB,CAAC;IACxC,IAAA,KAA4B,QAAQ,CAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAgC,QAAQ,CAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IAChD,IAAA,KAAsB,QAAQ,CAAe,OAAO,CAAC,EAApD,MAAM,QAAA,EAAE,SAAS,QAAmC,CAAC;IACtD,IAAA,KAA4B,QAAQ,CAA4B,EAAE,CAAC,EAAlE,SAAS,QAAA,EAAE,YAAY,QAA2C,CAAC;IACpE,IAAA,KAA0B,QAAQ,CAAqC,WAAW,CAAC,EAAlF,QAAQ,QAAA,EAAE,WAAW,QAA6D,CAAC;IACpF,IAAA,KAAgC,QAAQ,CAAc,OAAO,CAAC,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IAErE,IAAM,cAAc,GAAG,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;IACpE,IAAM,mBAAmB,GAAG,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EAAE,EAAE,CAAC,CAAC;IAC9E,IAAM,YAAY,GAAG,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,EAAE,CAAC,CAAC;IAErE,IAAM,gBAAgB,GAAG,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IAExE,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,EAAE,CAAC;IACnE,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,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,IAAI;QAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,QAAQ;YAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC9B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,iBAAmB;gBAC1C,oBAAC,MAAM,IAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,GAAI,CACpD;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC9B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,wBAA0B;gBACjD,oBAAC,MAAM,IAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,SAAS,CAAC,CAAC,QAAQ,CAAC,EAApB,CAAoB,GAAI,CACjE;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,MAAM;gBAC9B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,sBAAwB;gBAC/C,oBAAC,MAAM,IAAC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,cAAM,OAAA,cAAc,CAAC,CAAC,WAAW,CAAC,EAA5B,CAA4B,GAAI,CAC5E;YAEP,oBAAC,YAAY,IAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,oBAAoB,GAAI;YACxH,oBAAC,YAAY,IAAC,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,YAAY,GAAI;YACrG,MAAM,KAAK,QAAQ,IAAI,oBAAC,IAAI,oCAAiC;YAC9D,oBAAC,YAAY,IAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,GAAI;YACtH,oBAAC,YAAY,IAAC,MAAM,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,GAAI,CAC9G;QACP,oBAAC,MAAM,IACL,kBAAkB,EAAC,gBAAgB,EACnC,iBAAiB,EAAC,+BAA+B,EACjD,IAAI,EAAE,SAAS,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACzD;QACF,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,aAAa,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,QAAQ,KAAK,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,WAAW,aAAA,EAAE,EACjF,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAC/C,WAAW,EAAE,WAAW,GACxB;QACF,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,aAAa,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,IAAI,EAAC,qBAAqB,EAC1B,WAAW,EAAC,SAAS,EACrB,aAAa,EAAC,QAAQ,GACtB;QACD,eAAe,IAAI,CAClB;YACE,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,aAAa,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,wBAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EACzE,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,aAAA,EAAE,GAC7C;YACF,oBAAC,MAAM,IACL,iBAAiB,EAAC,+BAA+B,EACjD,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,SAAS,KAAK,aAAa,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,QAAQ,EAAE,EAC7B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,aAAA,EAAE,EACtC,UAAU,EAAC,IAAI,GACf,CACD,CACJ,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2NlC,CAAC"}
|
|
@@ -15,10 +15,12 @@ export var CustomizeUsage = function () {
|
|
|
15
15
|
var _h = useState(16), initialsSize = _h[0], setInitialsSize = _h[1];
|
|
16
16
|
var _j = useState('normal'), fontWeight = _j[0], setFontWeight = _j[1];
|
|
17
17
|
var _k = useState('Georgia'), fontFamily = _k[0], setFontFamily = _k[1];
|
|
18
|
-
var _l = useState(
|
|
19
|
-
var _m = useState('
|
|
20
|
-
var _o = useState(
|
|
21
|
-
var _p = useState(
|
|
18
|
+
var _l = useState('Steve Ballmer'), name = _l[0], setName = _l[1];
|
|
19
|
+
var _m = useState(''), initials = _m[0], setInitials = _m[1];
|
|
20
|
+
var _o = useState(undefined), ringColor = _o[0], setRingColor = _o[1];
|
|
21
|
+
var _p = useState('yellow'), ringBackgroundColor = _p[0], setRingBackgroundColor = _p[1];
|
|
22
|
+
var _q = useState('4'), ringThickness = _q[0], setRingThickness = _q[1];
|
|
23
|
+
var _r = useState(true), showRing = _r[0], setShowRing = _r[1];
|
|
22
24
|
var CustomizedAvatar = useMemo(function () {
|
|
23
25
|
var tokens = {
|
|
24
26
|
avatarColor: avatarColor,
|
|
@@ -65,6 +67,12 @@ export var CustomizeUsage = function () {
|
|
|
65
67
|
React.createElement(Switch, { value: showRing, onValueChange: setShowRing })),
|
|
66
68
|
React.createElement(View, { style: { flexDirection: 'row' } },
|
|
67
69
|
React.createElement(View, null,
|
|
70
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Name for generating initials", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
71
|
+
setName(e.nativeEvent.text);
|
|
72
|
+
} }),
|
|
73
|
+
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Initials", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
74
|
+
setInitials(e.nativeEvent.text);
|
|
75
|
+
} }),
|
|
68
76
|
React.createElement(Text, { style: { fontWeight: 'bold' } }, "Avatar tokens"),
|
|
69
77
|
React.createElement(TextInput, { style: [commonStyles.textBox], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
70
78
|
setAvatarColor(e.nativeEvent.text);
|
|
@@ -104,9 +112,9 @@ export var CustomizeUsage = function () {
|
|
|
104
112
|
} })))),
|
|
105
113
|
React.createElement(View, null,
|
|
106
114
|
React.createElement(Text, null, "Customized Avatar"),
|
|
107
|
-
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ?
|
|
115
|
+
React.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, icon: svgIconsEnabled ? { svgSource: svgProps } : undefined, transparentRing: !showRing })),
|
|
108
116
|
React.createElement(View, { style: { marginLeft: 20 } },
|
|
109
117
|
React.createElement(Text, null, "Avatar customized with props"),
|
|
110
|
-
React.createElement(Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
118
|
+
React.createElement(Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
111
119
|
};
|
|
112
120
|
//# sourceMappingURL=CustomizedAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,MAAM,EAAc,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGpE,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,IAAM,cAAc,GAA4B;IAC/C,IAAA,KAA4B,QAAQ,CAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAkC,QAAQ,CAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAC;IACjD,IAAA,KAAgC,QAAQ,EAAU,EAAjD,WAAW,QAAA,EAAE,cAAc,QAAsB,CAAC;IACnD,IAAA,KAA4B,QAAQ,EAAU,EAA7C,SAAS,QAAA,EAAE,YAAY,QAAsB,CAAC;IAC/C,IAAA,KAAkB,QAAQ,CAAS,IAAI,CAAC,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IACzC,IAAA,KAA0B,QAAQ,CAAS,EAAE,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IAC/C,IAAA,KAA4B,QAAQ,CAAS,SAAS,CAAC,EAAtD,SAAS,QAAA,EAAE,YAAY,QAA+B,CAAC;IACxD,IAAA,KAAkC,QAAQ,CAAS,EAAE,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IACvD,IAAA,KAA8B,QAAQ,CAAS,QAAQ,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IACzD,IAAA,KAA8B,QAAQ,CAAS,SAAS,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAW1C,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { commonTestStyles } from '../Common/styles';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { Text } from '@fluentui/react-native';
|
|
5
|
+
import { Shadow } from '@fluentui-react-native/experimental-shadow';
|
|
6
|
+
import { useTheme } from '@fluentui-react-native/theme-types';
|
|
7
|
+
import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
8
|
+
var getThemedStyles = themedStyleSheet(function (t) {
|
|
9
|
+
return {
|
|
10
|
+
effectBox: {
|
|
11
|
+
width: 366,
|
|
12
|
+
minHeight: 64,
|
|
13
|
+
backgroundColor: t.colors.background,
|
|
14
|
+
},
|
|
15
|
+
padding: {
|
|
16
|
+
padding: 20,
|
|
17
|
+
paddingHorizontal: 24,
|
|
18
|
+
},
|
|
19
|
+
vmargin: {
|
|
20
|
+
marginVertical: 32,
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
});
|
|
24
|
+
var ShadowTestBox = function (props) {
|
|
25
|
+
var theme = useTheme();
|
|
26
|
+
var themedStyles = getThemedStyles(theme);
|
|
27
|
+
return (React.createElement(Shadow, { depth: props.depth },
|
|
28
|
+
React.createElement(Text, { style: [commonTestStyles.view, themedStyles.effectBox, themedStyles.vmargin, themedStyles.padding], variant: "bodySemibold" },
|
|
29
|
+
"Shadow Depth: ",
|
|
30
|
+
props.depth)));
|
|
31
|
+
};
|
|
32
|
+
export var ShadowDepthTestSection = function () {
|
|
33
|
+
return (React.createElement(View, { style: { padding: 20 } },
|
|
34
|
+
React.createElement(ShadowTestBox, { depth: "2" }),
|
|
35
|
+
React.createElement(ShadowTestBox, { depth: "4" }),
|
|
36
|
+
React.createElement(ShadowTestBox, { depth: "8" }),
|
|
37
|
+
React.createElement(ShadowTestBox, { depth: "16" }),
|
|
38
|
+
React.createElement(ShadowTestBox, { depth: "28" }),
|
|
39
|
+
React.createElement(ShadowTestBox, { depth: "64" })));
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=ShadowDepthTestSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAe,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAS,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,IAAM,eAAe,GAAG,gBAAgB,CAAC,UAAC,CAAQ;IAChD,OAAO;QACL,SAAS,EAAE;YACT,KAAK,EAAE,GAAG;YACV,SAAS,EAAE,EAAE;YACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;SACrC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,EAAE;SACtB;QACD,OAAO,EAAE;YACP,cAAc,EAAE,EAAE;SACnB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAMH,IAAM,aAAa,GAAgD,UAAC,KAAyB;IAC3F,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK;QACxB,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,OAAO,EAAC,cAAc;;YAC/G,KAAK,CAAC,KAAK,CACrB,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAA4B;IAC7D,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QAC1B,oBAAC,aAAa,IAAC,KAAK,EAAC,GAAG,GAAG;QAC3B,oBAAC,aAAa,IAAC,KAAK,EAAC,GAAG,GAAG;QAC3B,oBAAC,aAAa,IAAC,KAAK,EAAC,GAAG,GAAG;QAC3B,oBAAC,aAAa,IAAC,KAAK,EAAC,IAAI,GAAG;QAC5B,oBAAC,aAAa,IAAC,KAAK,EAAC,IAAI,GAAG;QAC5B,oBAAC,aAAa,IAAC,KAAK,EAAC,IAAI,GAAG,CACvB,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Text } from 'react-native';
|
|
2
|
+
import { Text } from '@fluentui/react-native';
|
|
3
3
|
import { Test } from '../Test';
|
|
4
4
|
import { SHADOW_TESTPAGE } from './consts';
|
|
5
|
-
|
|
6
|
-
return React.createElement(Text, null, "TODO");
|
|
7
|
-
};
|
|
5
|
+
import { ShadowDepthTestSection } from './ShadowDepthTestSection';
|
|
8
6
|
var ShadowButtonTest = function () {
|
|
9
7
|
return React.createElement(Text, null, "TODO");
|
|
10
8
|
};
|
|
@@ -12,7 +10,7 @@ var shadowSections = [
|
|
|
12
10
|
{
|
|
13
11
|
name: 'Shadow Depth Ramp',
|
|
14
12
|
testID: SHADOW_TESTPAGE,
|
|
15
|
-
component:
|
|
13
|
+
component: ShadowDepthTestSection,
|
|
16
14
|
},
|
|
17
15
|
{
|
|
18
16
|
name: 'Shadows on Button Examples',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,IAAM,gBAAgB,GAA4B;IAChD,OAAO,oBAAC,IAAI,eAAY,CAAC;AAC3B,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,sBAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.ios.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"testPages.ios.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAwBnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAoHlC,CAAC"}
|
|
@@ -11,6 +11,7 @@ import { HOMEPAGE_PERSONACOIN_BUTTON, PersonaCoinTest } from './TestComponents/P
|
|
|
11
11
|
import { HOMEPAGE_PRESSABLE_BUTTON, PressableTest } from './TestComponents/Pressable';
|
|
12
12
|
import { HOMEPAGE_RADIOGROUP_BUTTON, RadioGroupTest } from './TestComponents/RadioGroup';
|
|
13
13
|
import { HOMEPAGE_SEPARATOR_BUTTON, SeparatorTest } from './TestComponents/Separator';
|
|
14
|
+
import { HOMEPAGE_SHADOW_BUTTON, ShadowTest } from './TestComponents/Shadow';
|
|
14
15
|
import { HOMEPAGE_SHIMMER_BUTTON, ShimmerTest } from './TestComponents/Shimmer';
|
|
15
16
|
import { HOMEPAGE_SVG_BUTTON, SvgTest } from './TestComponents/Svg';
|
|
16
17
|
import { HOMEPAGE_TEXT_BUTTON, TextTest } from './TestComponents/Text';
|
|
@@ -130,5 +131,10 @@ export var tests = [
|
|
|
130
131
|
component: NotificationTest,
|
|
131
132
|
testPage: HOMEPAGE_NOTIFICATION_BUTTON,
|
|
132
133
|
},
|
|
134
|
+
{
|
|
135
|
+
name: 'Shadow Test',
|
|
136
|
+
component: ShadowTest,
|
|
137
|
+
testPage: HOMEPAGE_SHADOW_BUTTON,
|
|
138
|
+
},
|
|
133
139
|
];
|
|
134
140
|
//# sourceMappingURL=testPages.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.ios.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"testPages.ios.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.win32.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.win32.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"testPages.win32.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.win32.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAmJlC,CAAC"}
|
|
@@ -26,6 +26,7 @@ import { HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON, ExperimentalCheckboxTest } from
|
|
|
26
26
|
import { ExperimentalMenuButtonTest, HOMEPAGE_EXPERIMENTAL_MENU_BUTTON } from './TestComponents/MenuButtonExperimental';
|
|
27
27
|
import { ActivityIndicatorTest, HOMEPAGE_ACTIVITY_INDICATOR_BUTTON } from './TestComponents/ActivityIndicator';
|
|
28
28
|
import { MenuTest, HOMEPAGE_MENU_BUTTON } from './TestComponents/Menu';
|
|
29
|
+
import { ShadowTest, HOMEPAGE_SHADOW_BUTTON } from './TestComponents/Shadow';
|
|
29
30
|
// --> testPage import insert
|
|
30
31
|
export var tests = [
|
|
31
32
|
{
|
|
@@ -168,6 +169,11 @@ export var tests = [
|
|
|
168
169
|
component: MenuTest,
|
|
169
170
|
testPage: HOMEPAGE_MENU_BUTTON,
|
|
170
171
|
},
|
|
171
|
-
|
|
172
|
+
{
|
|
173
|
+
name: 'Shadow Test',
|
|
174
|
+
component: ShadowTest,
|
|
175
|
+
testPage: HOMEPAGE_SHADOW_BUTTON,
|
|
176
|
+
},
|
|
177
|
+
// --> testPage component insert,,,
|
|
172
178
|
];
|
|
173
179
|
//# sourceMappingURL=testPages.win32.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.win32.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,8BAA8B,EAAE,MAAM,iCAAiC,CAAC;AACrG,OAAO,EAAE,aAAa,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtF,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,iCAAiC,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC5G,OAAO,EAAE,iCAAiC,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE5G,OAAO,EAAE,qCAAqC,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAC;AACxH,OAAO,EAAE,0BAA0B,EAAE,iCAAiC,EAAE,MAAM,yCAAyC,CAAC;AACxH,OAAO,EAAE,qBAAqB,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACvE,6BAA6B;AAE7B,MAAM,CAAC,IAAM,KAAK,GAAsB;IACtC;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,qBAAqB;QAChC,QAAQ,EAAE,kCAAkC;KAC7C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,UAAU;QACrB,QAAQ,EAAE,sBAAsB;KACjC;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,cAAc;KACzB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,UAAU;QACrB,QAAQ,EAAE,sBAAsB;KACjC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,WAAW;QACtB,QAAQ,EAAE,uBAAuB;KAClC;IACD;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,wBAAwB;KACnC;IACD;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,wBAAwB;QACnC,QAAQ,EAAE,qCAAqC;KAChD;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,kBAAkB;QAC7B,QAAQ,EAAE,8BAA8B;KACzC;IACD;QACE,IAAI,EAAE,sBAAsB;QAC5B,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,6BAA6B;KACxC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,yBAAyB;KACpC;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,oBAAoB;KAC/B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,oBAAoB;KAC/B;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;QACzB,QAAQ,EAAE,0BAA0B;KACrC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,WAAW;QACtB,QAAQ,EAAE,uBAAuB;KAClC;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,eAAe;QAC1B,QAAQ,EAAE,2BAA2B;KACtC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,yBAAyB;KACpC;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;QACzB,QAAQ,EAAE,0BAA0B;KACrC;IACD;QACE,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,yBAAyB;KACpC;IACD;QACE,IAAI,EAAE,cAAc;QACpB,SAAS,EAAE,WAAW;QACtB,QAAQ,EAAE,uBAAuB;KAClC;IACD;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,OAAO;QAClB,QAAQ,EAAE,mBAAmB;KAC9B;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,oBAAoB;KAC/B;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,oBAAoB;QAC/B,QAAQ,EAAE,iCAAiC;KAC5C;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,qBAAqB;KAChC;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,oBAAoB;KAC/B;IACD;QACE,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,oBAAoB;QAC/B,QAAQ,EAAE,iCAAiC;KAC5C;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,qBAAqB;KAChC;IACD;QACE,IAAI,EAAE,8BAA8B;QACpC,SAAS,EAAE,0BAA0B;QACrC,QAAQ,EAAE,iCAAiC;KAC5C;IACD;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,oBAAoB;KAC/B;IACD,
|
|
1
|
+
{"version":3,"file":"testPages.win32.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.win32.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BasicAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAyB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA+BxE,eAAO,MAAM,aAAa,EAAE,iBA6G3B,CAAC"}
|
|
@@ -12,7 +12,6 @@ var theme_types_1 = require("@fluentui-react-native/theme-types");
|
|
|
12
12
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("../../test-data/test.svg"));
|
|
13
13
|
var avatarActive = ['unset', 'active', 'inactive'];
|
|
14
14
|
var avatarColors = (0, tslib_1.__spreadArray)(['neutral', 'brand', 'colorful'], avatar_1.AvatarColors, true);
|
|
15
|
-
var avatarActiveAppearance = ['ring'];
|
|
16
15
|
var allSizes = (0, tslib_1.__spreadArray)([styles_1.undefinedText], avatar_1.AvatarSizes, true);
|
|
17
16
|
var allPresences = (0, tslib_1.__spreadArray)([styles_1.undefinedText], badge_1.PresenceBadgeStatuses, true);
|
|
18
17
|
var StyledPicker = function (props) {
|
|
@@ -26,18 +25,17 @@ var StandardUsage = function () {
|
|
|
26
25
|
var _b = (0, react_1.useState)(true), showImage = _b[0], setShowImage = _b[1];
|
|
27
26
|
var _c = (0, react_1.useState)(false), outOfOffice = _c[0], setOutOfOffice = _c[1];
|
|
28
27
|
var _d = (0, react_1.useState)('unset'), active = _d[0], setActive = _d[1];
|
|
29
|
-
var _e = (0, react_1.useState)(
|
|
30
|
-
var _f = (0, react_1.useState)(
|
|
31
|
-
var _g = (0, react_1.useState)('
|
|
32
|
-
var _h = (0, react_1.useState)('brass'), avatarColor = _h[0], setAvatarColor = _h[1];
|
|
28
|
+
var _e = (0, react_1.useState)(72), imageSize = _e[0], setImageSize = _e[1];
|
|
29
|
+
var _f = (0, react_1.useState)('available'), presence = _f[0], setPresence = _f[1];
|
|
30
|
+
var _g = (0, react_1.useState)('brass'), avatarColor = _g[0], setAvatarColor = _g[1];
|
|
33
31
|
var onActiveChange = (0, react_1.useCallback)(function (value) { return setActive(value); }, []);
|
|
34
|
-
var onActiveAppearanceChange = (0, react_1.useCallback)(function (value) { return setActiveAppearance(value); }, []);
|
|
35
32
|
var onAvatarColorChange = (0, react_1.useCallback)(function (value) { return setAvatarColor(value); }, []);
|
|
36
33
|
var onSizeChange = (0, react_1.useCallback)(function (value) { return setImageSize(value); }, []);
|
|
37
34
|
var onPresenceChange = (0, react_1.useCallback)(function (value) { return setPresence(value); }, []);
|
|
38
35
|
var theme = (0, theme_types_1.useTheme)();
|
|
39
36
|
var textStyles = { color: theme.colors.inputText };
|
|
40
37
|
var avatarSizesForPicker = allSizes.map(function (size) { return size.toString(); });
|
|
38
|
+
var activeAppearance = 'ring';
|
|
41
39
|
var fontBuiltInProps = {
|
|
42
40
|
fontFamily: 'Arial',
|
|
43
41
|
codepoint: 0x2663,
|
|
@@ -60,7 +58,7 @@ var StandardUsage = function () {
|
|
|
60
58
|
react_1.default.createElement(react_native_1.Switch, { value: outOfOffice, onValueChange: function () { return setOutOfOffice(!outOfOffice); } })),
|
|
61
59
|
react_1.default.createElement(StyledPicker, { prompt: "Size", selected: imageSize.toString(), onChange: onSizeChange, collection: avatarSizesForPicker }),
|
|
62
60
|
react_1.default.createElement(StyledPicker, { prompt: "Active", selected: active, onChange: onActiveChange, collection: avatarActive }),
|
|
63
|
-
active === 'active'
|
|
61
|
+
active === 'active' && react_1.default.createElement(react_native_1.Text, null, "Active appearance is ring"),
|
|
64
62
|
react_1.default.createElement(StyledPicker, { prompt: "Avatar Color", selected: avatarColor, onChange: onAvatarColorChange, collection: avatarColors }),
|
|
65
63
|
react_1.default.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
|
|
66
64
|
react_1.default.createElement(avatar_1.Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: imageSize === styles_1.undefinedText ? undefined : imageSize }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":";;;;AAAA,0DAAwE;AACxE,
|
|
1
|
+
{"version":3,"file":"BasicAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2NlC,CAAC"}
|
|
@@ -19,10 +19,12 @@ var CustomizeUsage = function () {
|
|
|
19
19
|
var _h = (0, react_1.useState)(16), initialsSize = _h[0], setInitialsSize = _h[1];
|
|
20
20
|
var _j = (0, react_1.useState)('normal'), fontWeight = _j[0], setFontWeight = _j[1];
|
|
21
21
|
var _k = (0, react_1.useState)('Georgia'), fontFamily = _k[0], setFontFamily = _k[1];
|
|
22
|
-
var _l = (0, react_1.useState)(
|
|
23
|
-
var _m = (0, react_1.useState)('
|
|
24
|
-
var _o = (0, react_1.useState)(
|
|
25
|
-
var _p = (0, react_1.useState)(
|
|
22
|
+
var _l = (0, react_1.useState)('Steve Ballmer'), name = _l[0], setName = _l[1];
|
|
23
|
+
var _m = (0, react_1.useState)(''), initials = _m[0], setInitials = _m[1];
|
|
24
|
+
var _o = (0, react_1.useState)(undefined), ringColor = _o[0], setRingColor = _o[1];
|
|
25
|
+
var _p = (0, react_1.useState)('yellow'), ringBackgroundColor = _p[0], setRingBackgroundColor = _p[1];
|
|
26
|
+
var _q = (0, react_1.useState)('4'), ringThickness = _q[0], setRingThickness = _q[1];
|
|
27
|
+
var _r = (0, react_1.useState)(true), showRing = _r[0], setShowRing = _r[1];
|
|
26
28
|
var CustomizedAvatar = (0, react_1.useMemo)(function () {
|
|
27
29
|
var tokens = {
|
|
28
30
|
avatarColor: avatarColor,
|
|
@@ -69,6 +71,12 @@ var CustomizeUsage = function () {
|
|
|
69
71
|
react_1.default.createElement(react_native_1.Switch, { value: showRing, onValueChange: setShowRing })),
|
|
70
72
|
react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
|
|
71
73
|
react_1.default.createElement(react_native_1.View, null,
|
|
74
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Name for generating initials", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
75
|
+
setName(e.nativeEvent.text);
|
|
76
|
+
} }),
|
|
77
|
+
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Initials", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
78
|
+
setInitials(e.nativeEvent.text);
|
|
79
|
+
} }),
|
|
72
80
|
react_1.default.createElement(react_native_1.Text, { style: { fontWeight: 'bold' } }, "Avatar tokens"),
|
|
73
81
|
react_1.default.createElement(react_native_1.TextInput, { style: [styles_2.commonTestStyles.textBox], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
74
82
|
setAvatarColor(e.nativeEvent.text);
|
|
@@ -108,10 +116,10 @@ var CustomizeUsage = function () {
|
|
|
108
116
|
} })))),
|
|
109
117
|
react_1.default.createElement(react_native_1.View, null,
|
|
110
118
|
react_1.default.createElement(react_native_1.Text, null, "Customized Avatar"),
|
|
111
|
-
react_1.default.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ?
|
|
119
|
+
react_1.default.createElement(CustomizedAvatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, icon: svgIconsEnabled ? { svgSource: svgProps } : undefined, transparentRing: !showRing })),
|
|
112
120
|
react_1.default.createElement(react_native_1.View, { style: { marginLeft: 20 } },
|
|
113
121
|
react_1.default.createElement(react_native_1.Text, null, "Avatar customized with props"),
|
|
114
|
-
react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
122
|
+
react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", avatarColor: avatarColor, accessibilityLabel: "Former CEO of Microsoft", initials: showInitials ? initials : undefined, name: showInitials ? name : undefined, imageUrl: showImage ? styles_1.steveBallmerPhotoUrl : undefined, ringBackgroundColor: ringBackgroundColor, ringColor: ringColor, ringThickness: parseInt(ringThickness), size: parseInt(size), transparentRing: !showRing }))));
|
|
115
123
|
};
|
|
116
124
|
exports.CustomizeUsage = CustomizeUsage;
|
|
117
125
|
//# sourceMappingURL=CustomizedAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":";;;;AAAA,0DAAiD;AACjD,wDAAmE;AACnE,6CAAuE;AACvE,kDAA+D;AAC/D,2CAAoE;AAGpE,mFAA+C;AAExC,IAAM,cAAc,GAA4B;IAC/C,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAC;IAC3C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAC;IACjD,IAAA,KAAgC,IAAA,gBAAQ,GAAU,EAAjD,WAAW,QAAA,EAAE,cAAc,QAAsB,CAAC;IACnD,IAAA,KAA4B,IAAA,gBAAQ,GAAU,EAA7C,SAAS,QAAA,EAAE,YAAY,QAAsB,CAAC;IAC/C,IAAA,KAAkB,IAAA,gBAAQ,EAAS,IAAI,CAAC,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IACzC,IAAA,KAA0B,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAA7C,QAAQ,QAAA,EAAE,WAAW,QAAwB,CAAC;IAC/C,IAAA,KAA4B,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAtD,SAAS,QAAA,EAAE,YAAY,QAA+B,CAAC;IACxD,IAAA,KAAkC,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAArD,YAAY,QAAA,EAAE,eAAe,QAAwB,CAAC;IACvD,IAAA,KAA8B,IAAA,gBAAQ,EAAS,QAAQ,CAAC,EAAvD,UAAU,QAAA,EAAE,aAAa,QAA8B,CAAC;IACzD,IAAA,KAA8B,IAAA,gBAAQ,EAAS,SAAS,CAAC,EAAxD,UAAU,QAAA,EAAE,aAAa,QAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAW1C,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ShadowDepthTestSection = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
var styles_1 = require("../Common/styles");
|
|
7
|
+
var react_native_1 = require("react-native");
|
|
8
|
+
var react_native_2 = require("@fluentui/react-native");
|
|
9
|
+
var experimental_shadow_1 = require("@fluentui-react-native/experimental-shadow");
|
|
10
|
+
var theme_types_1 = require("@fluentui-react-native/theme-types");
|
|
11
|
+
var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
|
|
12
|
+
var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (t) {
|
|
13
|
+
return {
|
|
14
|
+
effectBox: {
|
|
15
|
+
width: 366,
|
|
16
|
+
minHeight: 64,
|
|
17
|
+
backgroundColor: t.colors.background,
|
|
18
|
+
},
|
|
19
|
+
padding: {
|
|
20
|
+
padding: 20,
|
|
21
|
+
paddingHorizontal: 24,
|
|
22
|
+
},
|
|
23
|
+
vmargin: {
|
|
24
|
+
marginVertical: 32,
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
});
|
|
28
|
+
var ShadowTestBox = function (props) {
|
|
29
|
+
var theme = (0, theme_types_1.useTheme)();
|
|
30
|
+
var themedStyles = getThemedStyles(theme);
|
|
31
|
+
return (React.createElement(experimental_shadow_1.Shadow, { depth: props.depth },
|
|
32
|
+
React.createElement(react_native_2.Text, { style: [styles_1.commonTestStyles.view, themedStyles.effectBox, themedStyles.vmargin, themedStyles.padding], variant: "bodySemibold" },
|
|
33
|
+
"Shadow Depth: ",
|
|
34
|
+
props.depth)));
|
|
35
|
+
};
|
|
36
|
+
var ShadowDepthTestSection = function () {
|
|
37
|
+
return (React.createElement(react_native_1.View, { style: { padding: 20 } },
|
|
38
|
+
React.createElement(ShadowTestBox, { depth: "2" }),
|
|
39
|
+
React.createElement(ShadowTestBox, { depth: "4" }),
|
|
40
|
+
React.createElement(ShadowTestBox, { depth: "8" }),
|
|
41
|
+
React.createElement(ShadowTestBox, { depth: "16" }),
|
|
42
|
+
React.createElement(ShadowTestBox, { depth: "28" }),
|
|
43
|
+
React.createElement(ShadowTestBox, { depth: "64" })));
|
|
44
|
+
};
|
|
45
|
+
exports.ShadowDepthTestSection = ShadowDepthTestSection;
|
|
46
|
+
//# sourceMappingURL=ShadowDepthTestSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,2CAAoD;AACpD,6CAAoC;AACpC,uDAA8C;AAC9C,kFAAiF;AACjF,kEAAqE;AACrE,8EAA4E;AAE5E,IAAM,eAAe,GAAG,IAAA,oCAAgB,EAAC,UAAC,CAAQ;IAChD,OAAO;QACL,SAAS,EAAE;YACT,KAAK,EAAE,GAAG;YACV,SAAS,EAAE,EAAE;YACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;SACrC;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,EAAE;SACtB;QACD,OAAO,EAAE;YACP,cAAc,EAAE,EAAE;SACnB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAMH,IAAM,aAAa,GAAgD,UAAC,KAAyB;IAC3F,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,oBAAC,4BAAM,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK;QACxB,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,yBAAgB,CAAC,IAAI,EAAE,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,EAAE,OAAO,EAAC,cAAc;;YAC/G,KAAK,CAAC,KAAK,CACrB,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,sBAAsB,GAA4B;IAC7D,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;QAC1B,oBAAC,aAAa,IAAC,KAAK,EAAC,GAAG,GAAG;QAC3B,oBAAC,aAAa,IAAC,KAAK,EAAC,GAAG,GAAG;QAC3B,oBAAC,aAAa,IAAC,KAAK,EAAC,GAAG,GAAG;QAC3B,oBAAC,aAAa,IAAC,KAAK,EAAC,IAAI,GAAG;QAC5B,oBAAC,aAAa,IAAC,KAAK,EAAC,IAAI,GAAG;QAC5B,oBAAC,aAAa,IAAC,KAAK,EAAC,IAAI,GAAG,CACvB,CACR,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,sBAAsB,0BAWjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
|
|
@@ -3,12 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ShadowTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
var react_native_1 = require("react-native");
|
|
6
|
+
var react_native_1 = require("@fluentui/react-native");
|
|
7
7
|
var Test_1 = require("../Test");
|
|
8
8
|
var consts_1 = require("./consts");
|
|
9
|
-
var
|
|
10
|
-
return React.createElement(react_native_1.Text, null, "TODO");
|
|
11
|
-
};
|
|
9
|
+
var ShadowDepthTestSection_1 = require("./ShadowDepthTestSection");
|
|
12
10
|
var ShadowButtonTest = function () {
|
|
13
11
|
return React.createElement(react_native_1.Text, null, "TODO");
|
|
14
12
|
};
|
|
@@ -16,7 +14,7 @@ var shadowSections = [
|
|
|
16
14
|
{
|
|
17
15
|
name: 'Shadow Depth Ramp',
|
|
18
16
|
testID: consts_1.SHADOW_TESTPAGE,
|
|
19
|
-
component:
|
|
17
|
+
component: ShadowDepthTestSection_1.ShadowDepthTestSection,
|
|
20
18
|
},
|
|
21
19
|
{
|
|
22
20
|
name: 'Shadows on Button Examples',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA8C;AAC9C,gCAA4D;AAC5D,mCAA2C;AAC3C,mEAAkE;AAElE,IAAM,gBAAgB,GAA4B;IAChD,OAAO,oBAAC,mBAAI,eAAY,CAAC;AAC3B,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,+CAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.ios.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"testPages.ios.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAwBnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAoHlC,CAAC"}
|
|
@@ -14,6 +14,7 @@ var PersonaCoin_1 = require("./TestComponents/PersonaCoin");
|
|
|
14
14
|
var Pressable_1 = require("./TestComponents/Pressable");
|
|
15
15
|
var RadioGroup_1 = require("./TestComponents/RadioGroup");
|
|
16
16
|
var Separator_1 = require("./TestComponents/Separator");
|
|
17
|
+
var Shadow_1 = require("./TestComponents/Shadow");
|
|
17
18
|
var Shimmer_1 = require("./TestComponents/Shimmer");
|
|
18
19
|
var Svg_1 = require("./TestComponents/Svg");
|
|
19
20
|
var Text_1 = require("./TestComponents/Text");
|
|
@@ -133,5 +134,10 @@ exports.tests = [
|
|
|
133
134
|
component: Notification_1.NotificationTest,
|
|
134
135
|
testPage: Notification_1.HOMEPAGE_NOTIFICATION_BUTTON,
|
|
135
136
|
},
|
|
137
|
+
{
|
|
138
|
+
name: 'Shadow Test',
|
|
139
|
+
component: Shadow_1.ShadowTest,
|
|
140
|
+
testPage: Shadow_1.HOMEPAGE_SHADOW_BUTTON,
|
|
141
|
+
},
|
|
136
142
|
];
|
|
137
143
|
//# sourceMappingURL=testPages.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.ios.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"testPages.ios.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.ios.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.win32.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.win32.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"testPages.win32.d.ts","sourceRoot":"","sources":["../../src/FluentTester/testPages.win32.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAQnD,eAAO,MAAM,KAAK,EAAE,eAAe,EAmJlC,CAAC"}
|
|
@@ -29,6 +29,7 @@ var CheckboxExperimental_1 = require("./TestComponents/CheckboxExperimental");
|
|
|
29
29
|
var MenuButtonExperimental_1 = require("./TestComponents/MenuButtonExperimental");
|
|
30
30
|
var ActivityIndicator_1 = require("./TestComponents/ActivityIndicator");
|
|
31
31
|
var Menu_1 = require("./TestComponents/Menu");
|
|
32
|
+
var Shadow_1 = require("./TestComponents/Shadow");
|
|
32
33
|
// --> testPage import insert
|
|
33
34
|
exports.tests = [
|
|
34
35
|
{
|
|
@@ -171,6 +172,11 @@ exports.tests = [
|
|
|
171
172
|
component: Menu_1.MenuTest,
|
|
172
173
|
testPage: Menu_1.HOMEPAGE_MENU_BUTTON,
|
|
173
174
|
},
|
|
174
|
-
|
|
175
|
+
{
|
|
176
|
+
name: 'Shadow Test',
|
|
177
|
+
component: Shadow_1.ShadowTest,
|
|
178
|
+
testPage: Shadow_1.HOMEPAGE_SHADOW_BUTTON,
|
|
179
|
+
},
|
|
180
|
+
// --> testPage component insert,,,
|
|
175
181
|
];
|
|
176
182
|
//# sourceMappingURL=testPages.win32.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testPages.win32.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.win32.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"testPages.win32.js","sourceRoot":"","sources":["../../src/FluentTester/testPages.win32.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.69.1",
|
|
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>",
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/android-theme": ">=0.10.0 <1.0.0",
|
|
29
29
|
"@fluentui-react-native/apple-theme": ">=0.12.3 <1.0.0",
|
|
30
|
-
"@fluentui-react-native/avatar": "^1.1.
|
|
31
|
-
"@fluentui-react-native/badge": ">=0.0.
|
|
30
|
+
"@fluentui-react-native/avatar": "^1.1.2",
|
|
31
|
+
"@fluentui-react-native/badge": ">=0.0.44 <1.0.0",
|
|
32
32
|
"@fluentui-react-native/button": ">=0.22.29 <1.0.0",
|
|
33
33
|
"@fluentui-react-native/default-theme": ">=0.13.0 <1.0.0",
|
|
34
34
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.29 <1.0.0",
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.5.0 <1.0.0",
|
|
40
40
|
"@fluentui-react-native/experimental-expander": "0.3.33",
|
|
41
41
|
"@fluentui-react-native/experimental-menu-button": ">=0.3.49 <1.0.0",
|
|
42
|
+
"@fluentui-react-native/experimental-shadow": "0.2.0",
|
|
42
43
|
"@fluentui-react-native/experimental-shimmer": "0.6.33",
|
|
43
44
|
"@fluentui-react-native/experimental-tabs": "0.4.52",
|
|
44
45
|
"@fluentui-react-native/experimental-text": ">=0.9.0 <1.0.0",
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import React, { useState, useCallback, FunctionComponent } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
AvatarSize,
|
|
4
|
-
AvatarSizes,
|
|
5
|
-
AvatarColor,
|
|
6
|
-
AvatarColors,
|
|
7
|
-
Avatar,
|
|
8
|
-
AvatarActive,
|
|
9
|
-
AvatarActiveAppearance,
|
|
10
|
-
} from '@fluentui-react-native/avatar';
|
|
2
|
+
import { AvatarSize, AvatarSizes, AvatarColor, AvatarColors, Avatar, AvatarActive } from '@fluentui-react-native/avatar';
|
|
11
3
|
import { PresenceBadgeStatuses, PresenceBadgeStatus } from '@fluentui-react-native/badge';
|
|
12
4
|
import { Switch, View, Text, Picker, ColorValue, Platform } from 'react-native';
|
|
13
5
|
import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
|
|
@@ -20,7 +12,6 @@ type WithUndefined<T> = T | typeof undefinedText;
|
|
|
20
12
|
|
|
21
13
|
const avatarActive: AvatarActive[] = ['unset', 'active', 'inactive'];
|
|
22
14
|
const avatarColors: AvatarColor[] = ['neutral', 'brand', 'colorful', ...AvatarColors];
|
|
23
|
-
const avatarActiveAppearance: AvatarActiveAppearance[] = ['ring'];
|
|
24
15
|
|
|
25
16
|
const allSizes: WithUndefined<AvatarSize>[] = [undefinedText, ...AvatarSizes];
|
|
26
17
|
const allPresences: WithUndefined<PresenceBadgeStatus>[] = [undefinedText, ...PresenceBadgeStatuses];
|
|
@@ -43,13 +34,11 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
43
34
|
const [showImage, setShowImage] = useState(true);
|
|
44
35
|
const [outOfOffice, setOutOfOffice] = useState(false);
|
|
45
36
|
const [active, setActive] = useState<AvatarActive>('unset');
|
|
46
|
-
const [activeAppearance, setActiveAppearance] = useState<AvatarActiveAppearance>('ring');
|
|
47
37
|
const [imageSize, setImageSize] = useState<WithUndefined<AvatarSize>>(72);
|
|
48
38
|
const [presence, setPresence] = useState<WithUndefined<PresenceBadgeStatus>>('available');
|
|
49
39
|
const [avatarColor, setAvatarColor] = useState<AvatarColor>('brass');
|
|
50
40
|
|
|
51
41
|
const onActiveChange = useCallback((value) => setActive(value), []);
|
|
52
|
-
const onActiveAppearanceChange = useCallback((value) => setActiveAppearance(value), []);
|
|
53
42
|
const onAvatarColorChange = useCallback((value) => setAvatarColor(value), []);
|
|
54
43
|
const onSizeChange = useCallback((value) => setImageSize(value), []);
|
|
55
44
|
|
|
@@ -59,6 +48,8 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
59
48
|
const textStyles = { color: theme.colors.inputText as ColorValue };
|
|
60
49
|
const avatarSizesForPicker = allSizes.map((size) => size.toString());
|
|
61
50
|
|
|
51
|
+
const activeAppearance = 'ring';
|
|
52
|
+
|
|
62
53
|
const fontBuiltInProps = {
|
|
63
54
|
fontFamily: 'Arial',
|
|
64
55
|
codepoint: 0x2663,
|
|
@@ -89,14 +80,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
89
80
|
|
|
90
81
|
<StyledPicker prompt="Size" selected={imageSize.toString()} onChange={onSizeChange} collection={avatarSizesForPicker} />
|
|
91
82
|
<StyledPicker prompt="Active" selected={active} onChange={onActiveChange} collection={avatarActive} />
|
|
92
|
-
{active === 'active'
|
|
93
|
-
<StyledPicker
|
|
94
|
-
prompt="Active appearance"
|
|
95
|
-
selected={activeAppearance}
|
|
96
|
-
onChange={onActiveAppearanceChange}
|
|
97
|
-
collection={avatarActiveAppearance}
|
|
98
|
-
/>
|
|
99
|
-
) : null}
|
|
83
|
+
{active === 'active' && <Text>Active appearance is ring</Text>}
|
|
100
84
|
<StyledPicker prompt="Avatar Color" selected={avatarColor} onChange={onAvatarColorChange} collection={avatarColors} />
|
|
101
85
|
<StyledPicker prompt="Presence status" selected={presence} onChange={onPresenceChange} collection={allPresences} />
|
|
102
86
|
</View>
|
|
@@ -18,6 +18,8 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
18
18
|
const [initialsSize, setInitialsSize] = useState<number>(16);
|
|
19
19
|
const [fontWeight, setFontWeight] = useState<string>('normal');
|
|
20
20
|
const [fontFamily, setFontFamily] = useState<string>('Georgia');
|
|
21
|
+
const [name, setName] = useState<string>('Steve Ballmer');
|
|
22
|
+
const [initials, setInitials] = useState<string>('');
|
|
21
23
|
|
|
22
24
|
const [ringColor, setRingColor] = useState<string>(undefined);
|
|
23
25
|
const [ringBackgroundColor, setRingBackgroundColor] = useState<string>('yellow');
|
|
@@ -77,6 +79,22 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
77
79
|
</View>
|
|
78
80
|
<View style={{ flexDirection: 'row' }}>
|
|
79
81
|
<View>
|
|
82
|
+
<TextInput
|
|
83
|
+
style={[commonStyles.textBox]}
|
|
84
|
+
placeholder="Name for generating initials"
|
|
85
|
+
blurOnSubmit={true}
|
|
86
|
+
onSubmitEditing={(e) => {
|
|
87
|
+
setName(e.nativeEvent.text);
|
|
88
|
+
}}
|
|
89
|
+
/>
|
|
90
|
+
<TextInput
|
|
91
|
+
style={[commonStyles.textBox]}
|
|
92
|
+
placeholder="Initials"
|
|
93
|
+
blurOnSubmit={true}
|
|
94
|
+
onSubmitEditing={(e) => {
|
|
95
|
+
setInitials(e.nativeEvent.text);
|
|
96
|
+
}}
|
|
97
|
+
/>
|
|
80
98
|
<Text style={{ fontWeight: 'bold' }}>Avatar tokens</Text>
|
|
81
99
|
<TextInput
|
|
82
100
|
style={[commonStyles.textBox]}
|
|
@@ -182,7 +200,8 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
182
200
|
activeAppearance="ring"
|
|
183
201
|
avatarColor={avatarColor}
|
|
184
202
|
accessibilityLabel="Former CEO of Microsoft"
|
|
185
|
-
initials={showInitials ?
|
|
203
|
+
initials={showInitials ? initials : undefined}
|
|
204
|
+
name={showInitials ? name : undefined}
|
|
186
205
|
imageUrl={showImage ? steveBallmerPhotoUrl : undefined}
|
|
187
206
|
icon={svgIconsEnabled ? { svgSource: svgProps } : undefined}
|
|
188
207
|
transparentRing={!showRing}
|
|
@@ -195,6 +214,8 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
195
214
|
activeAppearance="ring"
|
|
196
215
|
avatarColor={avatarColor}
|
|
197
216
|
accessibilityLabel="Former CEO of Microsoft"
|
|
217
|
+
initials={showInitials ? initials : undefined}
|
|
218
|
+
name={showInitials ? name : undefined}
|
|
198
219
|
imageUrl={showImage ? steveBallmerPhotoUrl : undefined}
|
|
199
220
|
ringBackgroundColor={ringBackgroundColor}
|
|
200
221
|
ringColor={ringColor}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { commonTestStyles } from '../Common/styles';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { Text } from '@fluentui/react-native';
|
|
5
|
+
import { Shadow, ShadowDepth } from '@fluentui-react-native/experimental-shadow';
|
|
6
|
+
import { Theme, useTheme } from '@fluentui-react-native/theme-types';
|
|
7
|
+
import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
8
|
+
|
|
9
|
+
const getThemedStyles = themedStyleSheet((t: Theme) => {
|
|
10
|
+
return {
|
|
11
|
+
effectBox: {
|
|
12
|
+
width: 366,
|
|
13
|
+
minHeight: 64,
|
|
14
|
+
backgroundColor: t.colors.background,
|
|
15
|
+
},
|
|
16
|
+
padding: {
|
|
17
|
+
padding: 20,
|
|
18
|
+
paddingHorizontal: 24,
|
|
19
|
+
},
|
|
20
|
+
vmargin: {
|
|
21
|
+
marginVertical: 32,
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
interface ShadowTestBoxProps {
|
|
27
|
+
depth: ShadowDepth;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
const ShadowTestBox: React.FunctionComponent<ShadowTestBoxProps> = (props: ShadowTestBoxProps) => {
|
|
31
|
+
const theme = useTheme();
|
|
32
|
+
const themedStyles = getThemedStyles(theme);
|
|
33
|
+
return (
|
|
34
|
+
<Shadow depth={props.depth}>
|
|
35
|
+
<Text style={[commonTestStyles.view, themedStyles.effectBox, themedStyles.vmargin, themedStyles.padding]} variant="bodySemibold">
|
|
36
|
+
Shadow Depth: {props.depth}
|
|
37
|
+
</Text>
|
|
38
|
+
</Shadow>
|
|
39
|
+
);
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export const ShadowDepthTestSection: React.FunctionComponent = () => {
|
|
43
|
+
return (
|
|
44
|
+
<View style={{ padding: 20 }}>
|
|
45
|
+
<ShadowTestBox depth="2" />
|
|
46
|
+
<ShadowTestBox depth="4" />
|
|
47
|
+
<ShadowTestBox depth="8" />
|
|
48
|
+
<ShadowTestBox depth="16" />
|
|
49
|
+
<ShadowTestBox depth="28" />
|
|
50
|
+
<ShadowTestBox depth="64" />
|
|
51
|
+
</View>
|
|
52
|
+
);
|
|
53
|
+
};
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Text } from 'react-native';
|
|
2
|
+
import { Text } from '@fluentui/react-native';
|
|
3
3
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
4
4
|
import { SHADOW_TESTPAGE } from './consts';
|
|
5
|
-
|
|
6
|
-
const ShadowDepthRampTest: React.FunctionComponent = () => {
|
|
7
|
-
return <Text>TODO</Text>;
|
|
8
|
-
};
|
|
5
|
+
import { ShadowDepthTestSection } from './ShadowDepthTestSection';
|
|
9
6
|
|
|
10
7
|
const ShadowButtonTest: React.FunctionComponent = () => {
|
|
11
8
|
return <Text>TODO</Text>;
|
|
@@ -15,7 +12,7 @@ const shadowSections: TestSection[] = [
|
|
|
15
12
|
{
|
|
16
13
|
name: 'Shadow Depth Ramp',
|
|
17
14
|
testID: SHADOW_TESTPAGE,
|
|
18
|
-
component:
|
|
15
|
+
component: ShadowDepthTestSection,
|
|
19
16
|
},
|
|
20
17
|
{
|
|
21
18
|
name: 'Shadows on Button Examples',
|
|
@@ -12,6 +12,7 @@ import { HOMEPAGE_PERSONACOIN_BUTTON, PersonaCoinTest } from './TestComponents/P
|
|
|
12
12
|
import { HOMEPAGE_PRESSABLE_BUTTON, PressableTest } from './TestComponents/Pressable';
|
|
13
13
|
import { HOMEPAGE_RADIOGROUP_BUTTON, RadioGroupTest } from './TestComponents/RadioGroup';
|
|
14
14
|
import { HOMEPAGE_SEPARATOR_BUTTON, SeparatorTest } from './TestComponents/Separator';
|
|
15
|
+
import { HOMEPAGE_SHADOW_BUTTON, ShadowTest } from './TestComponents/Shadow';
|
|
15
16
|
import { HOMEPAGE_SHIMMER_BUTTON, ShimmerTest } from './TestComponents/Shimmer';
|
|
16
17
|
import { HOMEPAGE_SVG_BUTTON, SvgTest } from './TestComponents/Svg';
|
|
17
18
|
import { HOMEPAGE_TEXT_BUTTON, TextTest } from './TestComponents/Text';
|
|
@@ -132,4 +133,9 @@ export const tests: TestDescription[] = [
|
|
|
132
133
|
component: NotificationTest,
|
|
133
134
|
testPage: HOMEPAGE_NOTIFICATION_BUTTON,
|
|
134
135
|
},
|
|
136
|
+
{
|
|
137
|
+
name: 'Shadow Test',
|
|
138
|
+
component: ShadowTest,
|
|
139
|
+
testPage: HOMEPAGE_SHADOW_BUTTON,
|
|
140
|
+
},
|
|
135
141
|
];
|
|
@@ -27,6 +27,7 @@ import { HOMEPAGE_CHECKBOX_EXPERIMENTAL_BUTTON, ExperimentalCheckboxTest } from
|
|
|
27
27
|
import { ExperimentalMenuButtonTest, HOMEPAGE_EXPERIMENTAL_MENU_BUTTON } from './TestComponents/MenuButtonExperimental';
|
|
28
28
|
import { ActivityIndicatorTest, HOMEPAGE_ACTIVITY_INDICATOR_BUTTON } from './TestComponents/ActivityIndicator';
|
|
29
29
|
import { MenuTest, HOMEPAGE_MENU_BUTTON } from './TestComponents/Menu';
|
|
30
|
+
import { ShadowTest, HOMEPAGE_SHADOW_BUTTON } from './TestComponents/Shadow';
|
|
30
31
|
// --> testPage import insert
|
|
31
32
|
|
|
32
33
|
export const tests: TestDescription[] = [
|
|
@@ -170,5 +171,10 @@ export const tests: TestDescription[] = [
|
|
|
170
171
|
component: MenuTest,
|
|
171
172
|
testPage: HOMEPAGE_MENU_BUTTON,
|
|
172
173
|
},
|
|
173
|
-
|
|
174
|
+
{
|
|
175
|
+
name: 'Shadow Test',
|
|
176
|
+
component: ShadowTest,
|
|
177
|
+
testPage: HOMEPAGE_SHADOW_BUTTON,
|
|
178
|
+
},
|
|
179
|
+
// --> testPage component insert,,,
|
|
174
180
|
];
|