@fluentui-react-native/tester 0.113.0 → 0.114.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.json +223 -1
  2. package/CHANGELOG.md +50 -2
  3. package/lib/fluent-tester/src/TestComponents/Avatar/AvatarTest.d.ts.map +1 -1
  4. package/lib/fluent-tester/src/TestComponents/Avatar/AvatarTest.js +18 -12
  5. package/lib/fluent-tester/src/TestComponents/Avatar/AvatarTest.js.map +1 -1
  6. package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts +3 -0
  7. package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts.map +1 -0
  8. package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js +36 -0
  9. package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js.map +1 -0
  10. package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts +8 -0
  11. package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts.map +1 -1
  12. package/lib/fluent-tester/src/TestComponents/Common/styles.js +8 -0
  13. package/lib/fluent-tester/src/TestComponents/Common/styles.js.map +1 -1
  14. package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/AvatarTest.d.ts.map +1 -1
  15. package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/AvatarTest.js +17 -12
  16. package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/AvatarTest.js.map +1 -1
  17. package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts +3 -0
  18. package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts.map +1 -0
  19. package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js +41 -0
  20. package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js.map +1 -0
  21. package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts +8 -0
  22. package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts.map +1 -1
  23. package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js +8 -0
  24. package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js.map +1 -1
  25. package/package.json +33 -33
  26. package/src/TestComponents/Avatar/AvatarTest.tsx +15 -9
  27. package/src/TestComponents/Avatar/BasicAvatar.android.tsx +112 -0
  28. package/src/TestComponents/Common/styles.ts +8 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,229 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 06 Dec 2022 02:01:55 GMT",
5
+ "date": "Tue, 06 Dec 2022 21:28:23 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.114.0",
7
+ "version": "0.114.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "email not defined",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b",
14
+ "comment": "Updated tester styles"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/avatar to v1.5.0",
20
+ "commit": "8cb5ca9b91ac526cb16d3ffad0a3f963871fdb6b"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Tue, 06 Dec 2022 16:59:54 GMT",
27
+ "tag": "@fluentui-react-native/tester_v0.113.1",
28
+ "version": "0.113.1",
29
+ "comments": {
30
+ "patch": [
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui-react-native/tester",
34
+ "comment": "Bump @fluentui-react-native/android-theme to v0.15.0",
35
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
36
+ },
37
+ {
38
+ "author": "beachball",
39
+ "package": "@fluentui-react-native/tester",
40
+ "comment": "Bump @fluentui-react-native/apple-theme to v0.17.1",
41
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
42
+ },
43
+ {
44
+ "author": "beachball",
45
+ "package": "@fluentui-react-native/tester",
46
+ "comment": "Bump @fluentui-react-native/avatar to v1.4.1",
47
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui-react-native/tester",
52
+ "comment": "Bump @fluentui-react-native/badge to v0.4.1",
53
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui-react-native/tester",
58
+ "comment": "Bump @fluentui-react-native/button to v0.32.6",
59
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui-react-native/tester",
64
+ "comment": "Bump @fluentui-react-native/default-theme to v0.16.15",
65
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui-react-native/tester",
70
+ "comment": "Bump @fluentui-react-native/dropdown to v0.7.1",
71
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
72
+ },
73
+ {
74
+ "author": "beachball",
75
+ "package": "@fluentui-react-native/tester",
76
+ "comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.7.1",
77
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
78
+ },
79
+ {
80
+ "author": "beachball",
81
+ "package": "@fluentui-react-native/tester",
82
+ "comment": "Bump @fluentui-react-native/experimental-avatar to v0.16.28",
83
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
84
+ },
85
+ {
86
+ "author": "beachball",
87
+ "package": "@fluentui-react-native/tester",
88
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.16.64",
89
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
90
+ },
91
+ {
92
+ "author": "beachball",
93
+ "package": "@fluentui-react-native/tester",
94
+ "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.13.10",
95
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
96
+ },
97
+ {
98
+ "author": "beachball",
99
+ "package": "@fluentui-react-native/tester",
100
+ "comment": "Bump @fluentui-react-native/experimental-expander to v0.5.1",
101
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
102
+ },
103
+ {
104
+ "author": "beachball",
105
+ "package": "@fluentui-react-native/tester",
106
+ "comment": "Bump @fluentui-react-native/experimental-icon to v0.1.1",
107
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
108
+ },
109
+ {
110
+ "author": "beachball",
111
+ "package": "@fluentui-react-native/tester",
112
+ "comment": "Bump @fluentui-react-native/experimental-link to v0.2.6",
113
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
114
+ },
115
+ {
116
+ "author": "beachball",
117
+ "package": "@fluentui-react-native/tester",
118
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.6.1",
119
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
120
+ },
121
+ {
122
+ "author": "beachball",
123
+ "package": "@fluentui-react-native/tester",
124
+ "comment": "Bump @fluentui-react-native/experimental-radio-group to v0.8.5",
125
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
126
+ },
127
+ {
128
+ "author": "beachball",
129
+ "package": "@fluentui-react-native/tester",
130
+ "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.48",
131
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
132
+ },
133
+ {
134
+ "author": "beachball",
135
+ "package": "@fluentui-react-native/tester",
136
+ "comment": "Bump @fluentui-react-native/experimental-shimmer to v0.8.1",
137
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
138
+ },
139
+ {
140
+ "author": "beachball",
141
+ "package": "@fluentui-react-native/tester",
142
+ "comment": "Bump @fluentui-react-native/experimental-tabs to v0.8.9",
143
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
144
+ },
145
+ {
146
+ "author": "beachball",
147
+ "package": "@fluentui-react-native/tester",
148
+ "comment": "Bump @fluentui-react-native/experimental-text to v0.11.28",
149
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
150
+ },
151
+ {
152
+ "author": "beachball",
153
+ "package": "@fluentui-react-native/tester",
154
+ "comment": "Bump @fluentui-react-native/framework to v0.8.24",
155
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
156
+ },
157
+ {
158
+ "author": "beachball",
159
+ "package": "@fluentui-react-native/tester",
160
+ "comment": "Bump @fluentui-react-native/icon to v0.16.1",
161
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
162
+ },
163
+ {
164
+ "author": "beachball",
165
+ "package": "@fluentui-react-native/tester",
166
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.21.5",
167
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
168
+ },
169
+ {
170
+ "author": "beachball",
171
+ "package": "@fluentui-react-native/tester",
172
+ "comment": "Bump @fluentui-react-native/menu to v1.1.1",
173
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
174
+ },
175
+ {
176
+ "author": "beachball",
177
+ "package": "@fluentui-react-native/tester",
178
+ "comment": "Bump @fluentui-react-native/notification to v0.20.1",
179
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
180
+ },
181
+ {
182
+ "author": "beachball",
183
+ "package": "@fluentui-react-native/tester",
184
+ "comment": "Bump @fluentui-react-native/stack to v0.7.30",
185
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
186
+ },
187
+ {
188
+ "author": "beachball",
189
+ "package": "@fluentui-react-native/tester",
190
+ "comment": "Bump @fluentui-react-native/switch to v0.7.9",
191
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
192
+ },
193
+ {
194
+ "author": "beachball",
195
+ "package": "@fluentui-react-native/tester",
196
+ "comment": "Bump @fluentui-react-native/text to v0.18.1",
197
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
198
+ },
199
+ {
200
+ "author": "beachball",
201
+ "package": "@fluentui-react-native/tester",
202
+ "comment": "Bump @fluentui-react-native/theme-tokens to v0.22.0",
203
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
204
+ },
205
+ {
206
+ "author": "beachball",
207
+ "package": "@fluentui-react-native/tester",
208
+ "comment": "Bump @fluentui-react-native/win32-theme to v0.24.2",
209
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
210
+ },
211
+ {
212
+ "author": "beachball",
213
+ "package": "@fluentui-react-native/tester",
214
+ "comment": "Bump @fluentui/react-native to v0.33.10",
215
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
216
+ },
217
+ {
218
+ "author": "beachball",
219
+ "package": "@fluentui-react-native/tester",
220
+ "comment": "Bump @fluentui-react-native/focus-zone to v0.11.11",
221
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
222
+ }
223
+ ]
224
+ }
225
+ },
226
+ {
227
+ "date": "Tue, 06 Dec 2022 02:02:55 GMT",
6
228
  "tag": "@fluentui-react-native/tester_v0.113.0",
7
229
  "version": "0.113.0",
8
230
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,60 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Tue, 06 Dec 2022 02:01:55 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 06 Dec 2022 21:28:23 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.114.0
8
+
9
+ Tue, 06 Dec 2022 21:28:23 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Updated tester styles (email not defined)
14
+ - Bump @fluentui-react-native/avatar to v1.5.0
15
+
16
+ ## 0.113.1
17
+
18
+ Tue, 06 Dec 2022 16:59:54 GMT
19
+
20
+ ### Patches
21
+
22
+ - Bump @fluentui-react-native/android-theme to v0.15.0
23
+ - Bump @fluentui-react-native/apple-theme to v0.17.1
24
+ - Bump @fluentui-react-native/avatar to v1.4.1
25
+ - Bump @fluentui-react-native/badge to v0.4.1
26
+ - Bump @fluentui-react-native/button to v0.32.6
27
+ - Bump @fluentui-react-native/default-theme to v0.16.15
28
+ - Bump @fluentui-react-native/dropdown to v0.7.1
29
+ - Bump @fluentui-react-native/experimental-activity-indicator to v0.7.1
30
+ - Bump @fluentui-react-native/experimental-avatar to v0.16.28
31
+ - Bump @fluentui-react-native/experimental-button to v0.16.64
32
+ - Bump @fluentui-react-native/experimental-checkbox to v0.13.10
33
+ - Bump @fluentui-react-native/experimental-expander to v0.5.1
34
+ - Bump @fluentui-react-native/experimental-icon to v0.1.1
35
+ - Bump @fluentui-react-native/experimental-link to v0.2.6
36
+ - Bump @fluentui-react-native/experimental-menu-button to v0.6.1
37
+ - Bump @fluentui-react-native/experimental-radio-group to v0.8.5
38
+ - Bump @fluentui-react-native/experimental-shadow to v0.2.48
39
+ - Bump @fluentui-react-native/experimental-shimmer to v0.8.1
40
+ - Bump @fluentui-react-native/experimental-tabs to v0.8.9
41
+ - Bump @fluentui-react-native/experimental-text to v0.11.28
42
+ - Bump @fluentui-react-native/framework to v0.8.24
43
+ - Bump @fluentui-react-native/icon to v0.16.1
44
+ - Bump @fluentui-react-native/interactive-hooks to v0.21.5
45
+ - Bump @fluentui-react-native/menu to v1.1.1
46
+ - Bump @fluentui-react-native/notification to v0.20.1
47
+ - Bump @fluentui-react-native/stack to v0.7.30
48
+ - Bump @fluentui-react-native/switch to v0.7.9
49
+ - Bump @fluentui-react-native/text to v0.18.1
50
+ - Bump @fluentui-react-native/theme-tokens to v0.22.0
51
+ - Bump @fluentui-react-native/win32-theme to v0.24.2
52
+ - Bump @fluentui/react-native to v0.33.10
53
+ - Bump @fluentui-react-native/focus-zone to v0.11.11
54
+
7
55
  ## 0.113.0
8
56
 
9
- Tue, 06 Dec 2022 02:01:55 GMT
57
+ Tue, 06 Dec 2022 02:02:55 GMT
10
58
 
11
59
  ### Minor changes
12
60
 
package/lib/fluent-tester/src/TestComponents/Avatar/AvatarTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAe9B,CAAC"}
1
+ {"version":3,"file":"AvatarTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAe9B,CAAC"}
package/lib/fluent-tester/src/TestComponents/Avatar/AvatarTest.js CHANGED
@@ -1,31 +1,37 @@
1
+ import { __spreadArray } from "tslib";
1
2
  import * as React from 'react';
2
3
  import { AVATAR_TESTPAGE } from './consts';
3
4
  import { Test } from '../Test';
4
5
  import { StandardUsage } from './BasicAvatar';
5
6
  import { CustomizeUsage } from './CustomizedAvatar';
6
7
  import { E2EAvatarTest } from './E2EAvatarTest';
7
- var avatarSections = [
8
+ import { Platform } from 'react-native';
9
+ var avatarSections = __spreadArray([
8
10
  {
9
11
  name: 'Standard Usage',
10
12
  testID: AVATAR_TESTPAGE,
11
13
  component: StandardUsage,
12
- },
13
- {
14
- name: 'Customize Usage',
15
- component: CustomizeUsage,
16
- },
17
- {
18
- name: 'Avatar E2E',
19
- component: E2EAvatarTest,
20
- },
21
- ];
14
+ }
15
+ ], Platform.select({
16
+ android: [null],
17
+ default: [
18
+ {
19
+ name: 'Customize Usage',
20
+ component: CustomizeUsage,
21
+ },
22
+ {
23
+ name: 'Avatar E2E',
24
+ component: E2EAvatarTest,
25
+ },
26
+ ],
27
+ }), true);
22
28
  export var AvatarTest = function () {
23
29
  var status = {
24
30
  win32Status: 'Experimental',
25
31
  uwpStatus: 'Backlog',
26
32
  iosStatus: 'Beta',
27
33
  macosStatus: 'Experimental',
28
- androidStatus: 'Backlog',
34
+ androidStatus: 'Experimental',
29
35
  };
30
36
  var description = 'AvatarView is a visual representation of a user, entity, or group. If an image is supplied, it is cropped to a circle of the requested size. If an image is not supplied, initials are extracted from the given name and email address provided and displayed on a colorful background.';
31
37
  var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Avatar/SPEC.md';
package/lib/fluent-tester/src/TestComponents/Avatar/AvatarTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,IAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC"}
1
+ {"version":3,"file":"AvatarTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,IAAM,cAAc;IAClB;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,aAAa;KACzB;GACE,QAAQ,CAAC,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,CAAC;IACf,OAAO,EAAE;QACP;YACE,IAAI,EAAE,iBAAiB;YACvB,SAAS,EAAE,cAAc;SAC1B;QACD;YACE,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,aAAa;SACzB;KACF;CACF,CAAC,OACH,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,IAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC"}
package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FunctionComponent } from 'react';
2
+ export declare const StandardUsage: FunctionComponent;
3
+ //# sourceMappingURL=BasicAvatar.android.d.ts.map
package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BasicAvatar.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.android.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,eAAO,MAAM,aAAa,EAAE,iBAyG3B,CAAC"}
package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js ADDED
@@ -0,0 +1,36 @@
1
+ import React from 'react';
2
+ import { Avatar } from '@fluentui-react-native/avatar';
3
+ import { View } from 'react-native';
4
+ import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
5
+ import { mobileStyles } from '../Common/styles';
6
+ export var StandardUsage = function () {
7
+ return (React.createElement(View, { style: { paddingBottom: 40 } },
8
+ React.createElement(View, { style: mobileStyles.testVariants },
9
+ React.createElement(Avatar, { badge: { status: 'available' }, avatarColor: 'brand', size: 40 }),
10
+ React.createElement(Avatar, { size: 56, avatarColor: 'brand' }),
11
+ React.createElement(Avatar, { active: "active", activeAppearance: "ring", size: 56, avatarColor: 'brand' })),
12
+ React.createElement(View, { style: mobileStyles.testVariants },
13
+ React.createElement(Avatar, { size: 56, badge: { status: 'available' }, avatarColor: 'brandInverted' }),
14
+ React.createElement(Avatar, { size: 56, avatarColor: 'brandInverted' }),
15
+ React.createElement(Avatar, { active: "active", activeAppearance: "ring", size: 56, avatarColor: 'brandInverted' })),
16
+ React.createElement(View, { style: mobileStyles.testVariants },
17
+ React.createElement(Avatar, { size: 56, badge: { status: 'available' } }),
18
+ React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 56 }),
19
+ React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 56, activeAppearance: "ring", active: "active" })),
20
+ React.createElement(View, { style: mobileStyles.testVariants },
21
+ React.createElement(Avatar, { size: 56, badge: { status: 'available' }, avatarColor: 'accent' }),
22
+ React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 56, avatarColor: 'accent' }),
23
+ React.createElement(Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 56, activeAppearance: "ring", active: "active", avatarColor: 'accent' })),
24
+ React.createElement(View, { style: mobileStyles.testVariants },
25
+ React.createElement(Avatar, { size: 56, badge: { status: 'outOfOffice' }, name: "* Richard Faynman *" }),
26
+ React.createElement(Avatar, { size: 56, name: "* Annie Markus *", avatarColor: 'colorful' }),
27
+ React.createElement(Avatar, { active: "active", activeAppearance: "ring", size: 56, name: "* Keshav Madhav *", avatarColor: 'colorful' })),
28
+ React.createElement(View, { style: mobileStyles.testVariants },
29
+ React.createElement(Avatar, { size: 56, badge: { status: 'outOfOffice' }, name: "* Richard Faynman *", imageUrl: steveBallmerPhotoUrl }),
30
+ React.createElement(Avatar, { size: 56, imageUrl: steveBallmerPhotoUrl, avatarColor: 'colorful' }),
31
+ React.createElement(Avatar, { active: "active", activeAppearance: "ring", size: 56, name: "* Richard Faynman *", imageUrl: steveBallmerPhotoUrl })),
32
+ React.createElement(View, { style: mobileStyles.testVariants },
33
+ React.createElement(Avatar, { size: 56, initials: "20", avatarColor: 'colorful' }),
34
+ React.createElement(Avatar, { size: 56, shape: 'square', avatarColor: 'colorful', name: "*Annie Martha*" }))));
35
+ };
36
+ //# sourceMappingURL=BasicAvatar.android.js.map
package/lib/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BasicAvatar.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.android.tsx"],"names":[],"mappings":"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"}
package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts CHANGED
@@ -124,6 +124,14 @@ export declare const mobileStyles: {
124
124
  flexDirection: "column";
125
125
  justifyContent: "space-between";
126
126
  };
127
+ testVariants: {
128
+ flexDirection: "row";
129
+ marginHorizontal: number;
130
+ paddingTop: number;
131
+ paddingBottom: number;
132
+ flex: number;
133
+ justifyContent: "space-evenly";
134
+ };
127
135
  testList: {
128
136
  width: string;
129
137
  };
package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAkBvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;CAyBvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
package/lib/fluent-tester/src/TestComponents/Common/styles.js CHANGED
@@ -132,6 +132,14 @@ export var mobileStyles = StyleSheet.create({
132
132
  flexDirection: 'column',
133
133
  justifyContent: 'space-between',
134
134
  },
135
+ testVariants: {
136
+ flexDirection: 'row',
137
+ marginHorizontal: 10,
138
+ paddingTop: 10,
139
+ paddingBottom: 5,
140
+ flex: 1,
141
+ justifyContent: 'space-evenly',
142
+ },
135
143
  testList: {
136
144
  width: '100%',
137
145
  },
package/lib/fluent-tester/src/TestComponents/Common/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/AvatarTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAe9B,CAAC"}
1
+ {"version":3,"file":"AvatarTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAe9B,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/AvatarTest.js CHANGED
@@ -8,28 +8,33 @@ var Test_1 = require("../Test");
8
8
  var BasicAvatar_1 = require("./BasicAvatar");
9
9
  var CustomizedAvatar_1 = require("./CustomizedAvatar");
10
10
  var E2EAvatarTest_1 = require("./E2EAvatarTest");
11
- var avatarSections = [
11
+ var react_native_1 = require("react-native");
12
+ var avatarSections = (0, tslib_1.__spreadArray)([
12
13
  {
13
14
  name: 'Standard Usage',
14
15
  testID: consts_1.AVATAR_TESTPAGE,
15
16
  component: BasicAvatar_1.StandardUsage,
16
- },
17
- {
18
- name: 'Customize Usage',
19
- component: CustomizedAvatar_1.CustomizeUsage,
20
- },
21
- {
22
- name: 'Avatar E2E',
23
- component: E2EAvatarTest_1.E2EAvatarTest,
24
- },
25
- ];
17
+ }
18
+ ], react_native_1.Platform.select({
19
+ android: [null],
20
+ default: [
21
+ {
22
+ name: 'Customize Usage',
23
+ component: CustomizedAvatar_1.CustomizeUsage,
24
+ },
25
+ {
26
+ name: 'Avatar E2E',
27
+ component: E2EAvatarTest_1.E2EAvatarTest,
28
+ },
29
+ ],
30
+ }), true);
26
31
  var AvatarTest = function () {
27
32
  var status = {
28
33
  win32Status: 'Experimental',
29
34
  uwpStatus: 'Backlog',
30
35
  iosStatus: 'Beta',
31
36
  macosStatus: 'Experimental',
32
- androidStatus: 'Backlog',
37
+ androidStatus: 'Experimental',
33
38
  };
34
39
  var description = 'AvatarView is a visual representation of a user, entity, or group. If an image is supplied, it is cropped to a circle of the requested size. If an image is not supplied, initials are extracted from the given name and email address provided and displayed on a colorful background.';
35
40
  var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Avatar/SPEC.md';
package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/AvatarTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,mCAA2C;AAC3C,gCAA4D;AAC5D,6CAA8C;AAC9C,uDAAoD;AACpD,iDAAgD;AAEhD,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,2BAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,iCAAc;KAC1B;IACD;QACE,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,6BAAa;KACzB;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,IAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB"}
1
+ {"version":3,"file":"AvatarTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/AvatarTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,mCAA2C;AAC3C,gCAA4D;AAC5D,6CAA8C;AAC9C,uDAAoD;AACpD,iDAAgD;AAChD,6CAAwC;AAExC,IAAM,cAAc;IAClB;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,2BAAa;KACzB;GACE,uBAAQ,CAAC,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,CAAC;IACf,OAAO,EAAE;QACP;YACE,IAAI,EAAE,iBAAiB;YACvB,SAAS,EAAE,iCAAc;SAC1B;QACD;YACE,IAAI,EAAE,YAAY;YAClB,SAAS,EAAE,6BAAa;SACzB;KACF;CACF,CAAC,OACH,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,yRAAyR,CAAC;IAE5R,IAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC;AAfW,QAAA,UAAU,cAerB"}
package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FunctionComponent } from 'react';
2
+ export declare const StandardUsage: FunctionComponent;
3
+ //# sourceMappingURL=BasicAvatar.android.d.ts.map
package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BasicAvatar.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.android.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMjD,eAAO,MAAM,aAAa,EAAE,iBAyG3B,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js ADDED
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.StandardUsage = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var react_1 = (0, tslib_1.__importDefault)(require("react"));
6
+ var avatar_1 = require("@fluentui-react-native/avatar");
7
+ var react_native_1 = require("react-native");
8
+ var styles_1 = require("./../PersonaCoin/styles");
9
+ var styles_2 = require("../Common/styles");
10
+ var StandardUsage = function () {
11
+ return (react_1.default.createElement(react_native_1.View, { style: { paddingBottom: 40 } },
12
+ react_1.default.createElement(react_native_1.View, { style: styles_2.mobileStyles.testVariants },
13
+ react_1.default.createElement(avatar_1.Avatar, { badge: { status: 'available' }, avatarColor: 'brand', size: 40 }),
14
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, avatarColor: 'brand' }),
15
+ react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", size: 56, avatarColor: 'brand' })),
16
+ react_1.default.createElement(react_native_1.View, { style: styles_2.mobileStyles.testVariants },
17
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, badge: { status: 'available' }, avatarColor: 'brandInverted' }),
18
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, avatarColor: 'brandInverted' }),
19
+ react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", size: 56, avatarColor: 'brandInverted' })),
20
+ react_1.default.createElement(react_native_1.View, { style: styles_2.mobileStyles.testVariants },
21
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, badge: { status: 'available' } }),
22
+ react_1.default.createElement(avatar_1.Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 56 }),
23
+ react_1.default.createElement(avatar_1.Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 56, activeAppearance: "ring", active: "active" })),
24
+ react_1.default.createElement(react_native_1.View, { style: styles_2.mobileStyles.testVariants },
25
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, badge: { status: 'available' }, avatarColor: 'accent' }),
26
+ react_1.default.createElement(avatar_1.Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 56, avatarColor: 'accent' }),
27
+ react_1.default.createElement(avatar_1.Avatar, { accessibilityLabel: "Fall-back Icon", accessibilityHint: "A picture representing a user", size: 56, activeAppearance: "ring", active: "active", avatarColor: 'accent' })),
28
+ react_1.default.createElement(react_native_1.View, { style: styles_2.mobileStyles.testVariants },
29
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, badge: { status: 'outOfOffice' }, name: "* Richard Faynman *" }),
30
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, name: "* Annie Markus *", avatarColor: 'colorful' }),
31
+ react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", size: 56, name: "* Keshav Madhav *", avatarColor: 'colorful' })),
32
+ react_1.default.createElement(react_native_1.View, { style: styles_2.mobileStyles.testVariants },
33
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, badge: { status: 'outOfOffice' }, name: "* Richard Faynman *", imageUrl: styles_1.steveBallmerPhotoUrl }),
34
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, imageUrl: styles_1.steveBallmerPhotoUrl, avatarColor: 'colorful' }),
35
+ react_1.default.createElement(avatar_1.Avatar, { active: "active", activeAppearance: "ring", size: 56, name: "* Richard Faynman *", imageUrl: styles_1.steveBallmerPhotoUrl })),
36
+ react_1.default.createElement(react_native_1.View, { style: styles_2.mobileStyles.testVariants },
37
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, initials: "20", avatarColor: 'colorful' }),
38
+ react_1.default.createElement(avatar_1.Avatar, { size: 56, shape: 'square', avatarColor: 'colorful', name: "*Annie Martha*" }))));
39
+ };
40
+ exports.StandardUsage = StandardUsage;
41
+ //# sourceMappingURL=BasicAvatar.android.js.map
package/lib-commonjs/fluent-tester/src/TestComponents/Avatar/BasicAvatar.android.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BasicAvatar.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Avatar/BasicAvatar.android.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts CHANGED
@@ -124,6 +124,14 @@ export declare const mobileStyles: {
124
124
  flexDirection: "column";
125
125
  justifyContent: "space-between";
126
126
  };
127
+ testVariants: {
128
+ flexDirection: "row";
129
+ marginHorizontal: number;
130
+ paddingTop: number;
131
+ paddingBottom: number;
132
+ flex: number;
133
+ justifyContent: "space-evenly";
134
+ };
127
135
  testList: {
128
136
  width: string;
129
137
  };
package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAkBvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiE7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;CAyBvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js CHANGED
@@ -135,6 +135,14 @@ exports.mobileStyles = react_native_1.StyleSheet.create({
135
135
  flexDirection: 'column',
136
136
  justifyContent: 'space-between',
137
137
  },
138
+ testVariants: {
139
+ flexDirection: 'row',
140
+ marginHorizontal: 10,
141
+ paddingTop: 10,
142
+ paddingBottom: 5,
143
+ flex: 1,
144
+ justifyContent: 'space-evenly',
145
+ },
138
146
  testList: {
139
147
  width: '100%',
140
148
  },
package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":";;;AAAA,6CAA0C;AAG7B,QAAA,gBAAgB,GAAG,yBAAU,CAAC,MAAM,CAAC;IAChD,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,YAAY;KACzB;IACD,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;IACjB,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,EAAE;KACd;IACD,cAAc,EAAE;QACd,MAAM,EAAE,GAAG;QACX,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,CAAC;KACZ;IACD,cAAc,EAAE;QACd,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,cAAc,EAAE,CAAC;KAClB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,CAAC;KACV;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,GAAG;QACV,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,CAAC;KACnB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,eAAe;KAChC;CACF,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,yBAAU,CAAC,MAAM,CAAC;IAClD,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,GAAG;QACb,cAAc,EAAE,YAAY;QAC5B,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IAED,UAAU,EAAE;QACV,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IAED,QAAQ,EAAE;QACR,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;KACrB;IAED,sBAAsB,EAAE;QACtB,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,SAAS;KACtB;IAED,eAAe,EAAE;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,SAAS;QACrB,eAAe;QACf,cAAc;KACf;IAED,mBAAmB,EAAE;QACnB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,QAAQ;KACxB;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,CAAC;QACf,cAAc,EAAE,YAAY;KAC7B;IAED,iBAAiB,EAAE,EAAE,gBAAgB,EAAE,CAAC,EAAE;IAE1C,WAAW,EAAE;QACX,QAAQ,EAAE,CAAC;KACZ;IAED,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEU,QAAA,UAAU,GAAyB;IAC9C,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,CAAC;IAClB,iBAAiB,EAAE,EAAE;IACrB,MAAM,EAAE,CAAC;CACV,CAAC;AAEW,QAAA,mBAAmB,GAAyB;IACvD,MAAM,EAAE,GAAG;IACX,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,cAAc;CAC/B,CAAC;AAEW,QAAA,YAAY,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC5C,MAAM,EAAE;QACN,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;KAChC;IAED,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;KACd;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,eAAe,EAAE,CAAC;KACnB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,CAAC,kBAAU,EAAE,wBAAgB,CAAC,IAAI,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.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.113.0",
3
+ "version": "0.114.0",
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>",
@@ -33,43 +33,43 @@
33
33
  "directory": "apps/fluent-tester"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui-react-native/android-theme": ">=0.14.6 <1.0.0",
37
- "@fluentui-react-native/apple-theme": ">=0.17.0 <1.0.0",
38
- "@fluentui-react-native/avatar": "^1.4.0",
39
- "@fluentui-react-native/badge": ">=0.4.0 <1.0.0",
40
- "@fluentui-react-native/button": ">=0.32.5 <1.0.0",
41
- "@fluentui-react-native/default-theme": ">=0.16.14 <1.0.0",
42
- "@fluentui-react-native/dropdown": ">=0.7.0 <1.0.0",
43
- "@fluentui-react-native/experimental-activity-indicator": ">=0.7.0 <1.0.0",
44
- "@fluentui-react-native/experimental-avatar": ">=0.16.27 <1.0.0",
45
- "@fluentui-react-native/experimental-button": "0.16.63",
46
- "@fluentui-react-native/experimental-checkbox": "0.13.9",
47
- "@fluentui-react-native/experimental-expander": "0.5.0",
48
- "@fluentui-react-native/experimental-icon": ">=0.1.0 <1.0.0",
49
- "@fluentui-react-native/experimental-link": "^0.2.5",
50
- "@fluentui-react-native/experimental-menu-button": ">=0.6.0 <1.0.0",
36
+ "@fluentui-react-native/android-theme": ">=0.15.0 <1.0.0",
37
+ "@fluentui-react-native/apple-theme": ">=0.17.1 <1.0.0",
38
+ "@fluentui-react-native/avatar": "^1.5.0",
39
+ "@fluentui-react-native/badge": ">=0.4.1 <1.0.0",
40
+ "@fluentui-react-native/button": ">=0.32.6 <1.0.0",
41
+ "@fluentui-react-native/default-theme": ">=0.16.15 <1.0.0",
42
+ "@fluentui-react-native/dropdown": ">=0.7.1 <1.0.0",
43
+ "@fluentui-react-native/experimental-activity-indicator": ">=0.7.1 <1.0.0",
44
+ "@fluentui-react-native/experimental-avatar": ">=0.16.28 <1.0.0",
45
+ "@fluentui-react-native/experimental-button": "0.16.64",
46
+ "@fluentui-react-native/experimental-checkbox": "0.13.10",
47
+ "@fluentui-react-native/experimental-expander": "0.5.1",
48
+ "@fluentui-react-native/experimental-icon": ">=0.1.1 <1.0.0",
49
+ "@fluentui-react-native/experimental-link": "^0.2.6",
50
+ "@fluentui-react-native/experimental-menu-button": ">=0.6.1 <1.0.0",
51
51
  "@fluentui-react-native/experimental-native-date-picker": ">=0.7.3 <1.0.0",
52
- "@fluentui-react-native/experimental-radio-group": "^0.8.4",
53
- "@fluentui-react-native/experimental-shadow": "0.2.47",
54
- "@fluentui-react-native/experimental-shimmer": "0.8.0",
55
- "@fluentui-react-native/experimental-tabs": "0.8.8",
56
- "@fluentui-react-native/experimental-text": ">=0.11.27 <1.0.0",
57
- "@fluentui-react-native/framework": ">=0.8.23 <1.0.0",
58
- "@fluentui-react-native/icon": "0.16.0",
59
- "@fluentui-react-native/interactive-hooks": ">=0.21.4 <1.0.0",
60
- "@fluentui-react-native/menu": "^1.1.0",
52
+ "@fluentui-react-native/experimental-radio-group": "^0.8.5",
53
+ "@fluentui-react-native/experimental-shadow": "0.2.48",
54
+ "@fluentui-react-native/experimental-shimmer": "0.8.1",
55
+ "@fluentui-react-native/experimental-tabs": "0.8.9",
56
+ "@fluentui-react-native/experimental-text": ">=0.11.28 <1.0.0",
57
+ "@fluentui-react-native/framework": ">=0.8.24 <1.0.0",
58
+ "@fluentui-react-native/icon": "0.16.1",
59
+ "@fluentui-react-native/interactive-hooks": ">=0.21.5 <1.0.0",
60
+ "@fluentui-react-native/menu": "^1.1.1",
61
61
  "@fluentui-react-native/merge-props": ">=0.5.1 <1.0.0",
62
- "@fluentui-react-native/notification": "0.20.0",
63
- "@fluentui-react-native/stack": ">=0.7.29 <1.0.0",
64
- "@fluentui-react-native/switch": "^0.7.8",
65
- "@fluentui-react-native/text": ">=0.18.0 <1.0.0",
62
+ "@fluentui-react-native/notification": "0.20.1",
63
+ "@fluentui-react-native/stack": ">=0.7.30 <1.0.0",
64
+ "@fluentui-react-native/switch": "^0.7.9",
65
+ "@fluentui-react-native/text": ">=0.18.1 <1.0.0",
66
66
  "@fluentui-react-native/theme": ">=0.7.10 <1.0.0",
67
- "@fluentui-react-native/theme-tokens": "^0.21.5",
67
+ "@fluentui-react-native/theme-tokens": "^0.22.0",
68
68
  "@fluentui-react-native/theme-types": ">=0.25.0 <1.0.0",
69
69
  "@fluentui-react-native/themed-stylesheet": "^1.4.1",
70
70
  "@fluentui-react-native/theming-utils": ">=0.19.1 <1.0.0",
71
- "@fluentui-react-native/win32-theme": ">=0.24.1 <1.0.0",
72
- "@fluentui/react-native": ">=0.33.9 <1.0.0",
71
+ "@fluentui-react-native/win32-theme": ">=0.24.2 <1.0.0",
72
+ "@fluentui/react-native": ">=0.33.10 <1.0.0",
73
73
  "@fortawesome/fontawesome-svg-core": "^6.2.0",
74
74
  "@fortawesome/free-solid-svg-icons": "^6.2.0",
75
75
  "@fortawesome/react-native-fontawesome": "^0.3.0",
@@ -97,7 +97,7 @@
97
97
  "react-native-svg-transformer": "^1.0.0",
98
98
  "react-native-test-app": "^2.0.2",
99
99
  "react-test-renderer": "17.0.2",
100
- "@fluentui-react-native/focus-zone": "^0.11.10"
100
+ "@fluentui-react-native/focus-zone": "^0.11.11"
101
101
  },
102
102
  "peerDependencies": {
103
103
  "@office-iss/react-native-win32": "^0.68.0"
package/src/TestComponents/Avatar/AvatarTest.tsx CHANGED
@@ -4,6 +4,7 @@ import { Test, TestSection, PlatformStatus } from '../Test';
4
4
  import { StandardUsage } from './BasicAvatar';
5
5
  import { CustomizeUsage } from './CustomizedAvatar';
6
6
  import { E2EAvatarTest } from './E2EAvatarTest';
7
+ import { Platform } from 'react-native';
7
8
 
8
9
  const avatarSections: TestSection[] = [
9
10
  {
@@ -11,14 +12,19 @@ const avatarSections: TestSection[] = [
11
12
  testID: AVATAR_TESTPAGE,
12
13
  component: StandardUsage,
13
14
  },
14
- {
15
- name: 'Customize Usage',
16
- component: CustomizeUsage,
17
- },
18
- {
19
- name: 'Avatar E2E',
20
- component: E2EAvatarTest,
21
- },
15
+ ...Platform.select({
16
+ android: [null],
17
+ default: [
18
+ {
19
+ name: 'Customize Usage',
20
+ component: CustomizeUsage,
21
+ },
22
+ {
23
+ name: 'Avatar E2E',
24
+ component: E2EAvatarTest,
25
+ },
26
+ ],
27
+ }),
22
28
  ];
23
29
 
24
30
  export const AvatarTest: React.FunctionComponent = () => {
@@ -27,7 +33,7 @@ export const AvatarTest: React.FunctionComponent = () => {
27
33
  uwpStatus: 'Backlog',
28
34
  iosStatus: 'Beta',
29
35
  macosStatus: 'Experimental',
30
- androidStatus: 'Backlog',
36
+ androidStatus: 'Experimental',
31
37
  };
32
38
 
33
39
  const description =
package/src/TestComponents/Avatar/BasicAvatar.android.tsx ADDED
@@ -0,0 +1,112 @@
1
+ import React, { FunctionComponent } from 'react';
2
+ import { Avatar } from '@fluentui-react-native/avatar';
3
+ import { View } from 'react-native';
4
+ import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
5
+ import { mobileStyles } from '../Common/styles';
6
+
7
+ export const StandardUsage: FunctionComponent = () => {
8
+ return (
9
+ <View style={{ paddingBottom: 40 }}>
10
+ <View style={mobileStyles.testVariants}>
11
+ {/* Variation - Standard */}
12
+
13
+ {/* With badge. */}
14
+ <Avatar badge={{ status: 'available' }} avatarColor={'brand'} size={40} />
15
+
16
+ {/* Variation - No Ring and badge. */}
17
+ <Avatar size={56} avatarColor={'brand'} />
18
+
19
+ {/* Variation - With Ring.*/}
20
+ <Avatar active="active" activeAppearance="ring" size={56} avatarColor={'brand'} />
21
+ </View>
22
+
23
+ <View style={mobileStyles.testVariants}>
24
+ {/* Variation - Standard Inverted */}
25
+
26
+ {/* With badge only.*/}
27
+ <Avatar size={56} badge={{ status: 'available' }} avatarColor={'brandInverted'} />
28
+
29
+ {/* No ring and badge.*/}
30
+ <Avatar size={56} avatarColor={'brandInverted'} />
31
+
32
+ {/* With ring.*/}
33
+ <Avatar active="active" activeAppearance="ring" size={56} avatarColor={'brandInverted'} />
34
+ </View>
35
+
36
+ <View style={mobileStyles.testVariants}>
37
+ {/*Variation - Anonymous*/}
38
+
39
+ {/* With Badge.*/}
40
+ <Avatar size={56} badge={{ status: 'available' }} />
41
+
42
+ {/* No ring and badge.*/}
43
+ <Avatar accessibilityLabel="Fall-back Icon" accessibilityHint="A picture representing a user" size={56} />
44
+
45
+ {/* With ring. */}
46
+ <Avatar
47
+ accessibilityLabel="Fall-back Icon"
48
+ accessibilityHint="A picture representing a user"
49
+ size={56}
50
+ activeAppearance="ring"
51
+ active="active"
52
+ />
53
+ </View>
54
+
55
+ <View style={mobileStyles.testVariants}>
56
+ {/* Variation - Anonymous accent.*/}
57
+
58
+ {/* With badge.*/}
59
+ <Avatar size={56} badge={{ status: 'available' }} avatarColor={'accent'} />
60
+
61
+ {/* No ring and badge.*/}
62
+ <Avatar accessibilityLabel="Fall-back Icon" accessibilityHint="A picture representing a user" size={56} avatarColor={'accent'} />
63
+
64
+ {/* With ring. */}
65
+ <Avatar
66
+ accessibilityLabel="Fall-back Icon"
67
+ accessibilityHint="A picture representing a user"
68
+ size={56}
69
+ activeAppearance="ring"
70
+ active="active"
71
+ avatarColor={'accent'}
72
+ />
73
+ </View>
74
+
75
+ <View style={mobileStyles.testVariants}>
76
+ {/* Variation - Initials.*/}
77
+
78
+ {/* With badge.*/}
79
+ <Avatar size={56} badge={{ status: 'outOfOffice' }} name="* Richard Faynman *" />
80
+
81
+ {/* No ring and badge.*/}
82
+ <Avatar size={56} name="* Annie Markus *" avatarColor={'colorful'} />
83
+
84
+ {/* With ring. */}
85
+ <Avatar active="active" activeAppearance="ring" size={56} name="* Keshav Madhav *" avatarColor={'colorful'} />
86
+ </View>
87
+
88
+ <View style={mobileStyles.testVariants}>
89
+ {/* Variation - Image. */}
90
+
91
+ {/* With badge.*/}
92
+ <Avatar size={56} badge={{ status: 'outOfOffice' }} name="* Richard Faynman *" imageUrl={steveBallmerPhotoUrl} />
93
+
94
+ {/* No ring and badge.*/}
95
+ <Avatar size={56} imageUrl={steveBallmerPhotoUrl} avatarColor={'colorful'} />
96
+
97
+ {/* With ring.*/}
98
+ <Avatar active="active" activeAppearance="ring" size={56} name="* Richard Faynman *" imageUrl={steveBallmerPhotoUrl} />
99
+ </View>
100
+
101
+ <View style={mobileStyles.testVariants}>
102
+ {/* Variation - Overflow .*/}
103
+
104
+ <Avatar size={56} initials="20" avatarColor={'colorful'} />
105
+
106
+ {/* Variation - Group avatar*/}
107
+
108
+ <Avatar size={56} shape={'square'} avatarColor={'colorful'} name="*Annie Martha*" />
109
+ </View>
110
+ </View>
111
+ );
112
+ };
package/src/TestComponents/Common/styles.ts CHANGED
@@ -148,7 +148,14 @@ export const mobileStyles = StyleSheet.create({
148
148
  flexDirection: 'column',
149
149
  justifyContent: 'space-between',
150
150
  },
151
-
151
+ testVariants: {
152
+ flexDirection: 'row',
153
+ marginHorizontal: 10,
154
+ paddingTop: 10,
155
+ paddingBottom: 5,
156
+ flex: 1,
157
+ justifyContent: 'space-evenly',
158
+ },
152
159
  testList: {
153
160
  width: '100%',
154
161
  },