@fluentui-react-native/tester 0.113.1 → 0.114.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.
Files changed (28) hide show
  1. package/CHANGELOG.json +69 -33
  2. package/CHANGELOG.md +19 -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 +3 -3
  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,43 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 06 Dec 2022 16:57:13 GMT",
5
+ "date": "Wed, 07 Dec 2022 18:40:38 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.114.1",
7
+ "version": "0.114.1",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui-react-native/tester",
13
+ "comment": "Bump @fluentui-react-native/experimental-icon to v0.1.2",
14
+ "commit": "2942e54f6e2e37f3155391a1bd98e56e81a11227"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Tue, 06 Dec 2022 21:28:49 GMT",
21
+ "tag": "@fluentui-react-native/tester_v0.114.0",
22
+ "version": "0.114.0",
23
+ "comments": {
24
+ "minor": [
25
+ {
26
+ "author": "email not defined",
27
+ "package": "@fluentui-react-native/tester",
28
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b",
29
+ "comment": "Updated tester styles"
30
+ },
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui-react-native/tester",
34
+ "comment": "Bump @fluentui-react-native/avatar to v1.5.0",
35
+ "commit": "e2af1361cb2a5fa9066a232bc092d7437aca9b19"
36
+ }
37
+ ]
38
+ }
39
+ },
40
+ {
41
+ "date": "Tue, 06 Dec 2022 16:59:54 GMT",
6
42
  "tag": "@fluentui-react-native/tester_v0.113.1",
7
43
  "version": "0.113.1",
8
44
  "comments": {
@@ -11,193 +47,193 @@
11
47
  "author": "beachball",
12
48
  "package": "@fluentui-react-native/tester",
13
49
  "comment": "Bump @fluentui-react-native/android-theme to v0.15.0",
14
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
50
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
15
51
  },
16
52
  {
17
53
  "author": "beachball",
18
54
  "package": "@fluentui-react-native/tester",
19
55
  "comment": "Bump @fluentui-react-native/apple-theme to v0.17.1",
20
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
56
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
21
57
  },
22
58
  {
23
59
  "author": "beachball",
24
60
  "package": "@fluentui-react-native/tester",
25
61
  "comment": "Bump @fluentui-react-native/avatar to v1.4.1",
26
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
62
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
27
63
  },
28
64
  {
29
65
  "author": "beachball",
30
66
  "package": "@fluentui-react-native/tester",
31
67
  "comment": "Bump @fluentui-react-native/badge to v0.4.1",
32
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
68
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
33
69
  },
34
70
  {
35
71
  "author": "beachball",
36
72
  "package": "@fluentui-react-native/tester",
37
73
  "comment": "Bump @fluentui-react-native/button to v0.32.6",
38
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
74
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
39
75
  },
40
76
  {
41
77
  "author": "beachball",
42
78
  "package": "@fluentui-react-native/tester",
43
79
  "comment": "Bump @fluentui-react-native/default-theme to v0.16.15",
44
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
80
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
45
81
  },
46
82
  {
47
83
  "author": "beachball",
48
84
  "package": "@fluentui-react-native/tester",
49
85
  "comment": "Bump @fluentui-react-native/dropdown to v0.7.1",
50
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
86
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
51
87
  },
52
88
  {
53
89
  "author": "beachball",
54
90
  "package": "@fluentui-react-native/tester",
55
91
  "comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.7.1",
56
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
92
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
57
93
  },
58
94
  {
59
95
  "author": "beachball",
60
96
  "package": "@fluentui-react-native/tester",
61
97
  "comment": "Bump @fluentui-react-native/experimental-avatar to v0.16.28",
62
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
98
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
63
99
  },
64
100
  {
65
101
  "author": "beachball",
66
102
  "package": "@fluentui-react-native/tester",
67
103
  "comment": "Bump @fluentui-react-native/experimental-button to v0.16.64",
68
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
104
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
69
105
  },
70
106
  {
71
107
  "author": "beachball",
72
108
  "package": "@fluentui-react-native/tester",
73
109
  "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.13.10",
74
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
110
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
75
111
  },
76
112
  {
77
113
  "author": "beachball",
78
114
  "package": "@fluentui-react-native/tester",
79
115
  "comment": "Bump @fluentui-react-native/experimental-expander to v0.5.1",
80
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
116
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
81
117
  },
82
118
  {
83
119
  "author": "beachball",
84
120
  "package": "@fluentui-react-native/tester",
85
121
  "comment": "Bump @fluentui-react-native/experimental-icon to v0.1.1",
86
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
122
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
87
123
  },
88
124
  {
89
125
  "author": "beachball",
90
126
  "package": "@fluentui-react-native/tester",
91
127
  "comment": "Bump @fluentui-react-native/experimental-link to v0.2.6",
92
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
128
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
93
129
  },
94
130
  {
95
131
  "author": "beachball",
96
132
  "package": "@fluentui-react-native/tester",
97
133
  "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.6.1",
98
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
134
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
99
135
  },
100
136
  {
101
137
  "author": "beachball",
102
138
  "package": "@fluentui-react-native/tester",
103
139
  "comment": "Bump @fluentui-react-native/experimental-radio-group to v0.8.5",
104
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
140
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
105
141
  },
106
142
  {
107
143
  "author": "beachball",
108
144
  "package": "@fluentui-react-native/tester",
109
145
  "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.48",
110
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
146
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
111
147
  },
112
148
  {
113
149
  "author": "beachball",
114
150
  "package": "@fluentui-react-native/tester",
115
151
  "comment": "Bump @fluentui-react-native/experimental-shimmer to v0.8.1",
116
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
152
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
117
153
  },
118
154
  {
119
155
  "author": "beachball",
120
156
  "package": "@fluentui-react-native/tester",
121
157
  "comment": "Bump @fluentui-react-native/experimental-tabs to v0.8.9",
122
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
158
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
123
159
  },
124
160
  {
125
161
  "author": "beachball",
126
162
  "package": "@fluentui-react-native/tester",
127
163
  "comment": "Bump @fluentui-react-native/experimental-text to v0.11.28",
128
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
164
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
129
165
  },
130
166
  {
131
167
  "author": "beachball",
132
168
  "package": "@fluentui-react-native/tester",
133
169
  "comment": "Bump @fluentui-react-native/framework to v0.8.24",
134
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
170
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
135
171
  },
136
172
  {
137
173
  "author": "beachball",
138
174
  "package": "@fluentui-react-native/tester",
139
175
  "comment": "Bump @fluentui-react-native/icon to v0.16.1",
140
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
176
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
141
177
  },
142
178
  {
143
179
  "author": "beachball",
144
180
  "package": "@fluentui-react-native/tester",
145
181
  "comment": "Bump @fluentui-react-native/interactive-hooks to v0.21.5",
146
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
182
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
147
183
  },
148
184
  {
149
185
  "author": "beachball",
150
186
  "package": "@fluentui-react-native/tester",
151
187
  "comment": "Bump @fluentui-react-native/menu to v1.1.1",
152
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
188
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
153
189
  },
154
190
  {
155
191
  "author": "beachball",
156
192
  "package": "@fluentui-react-native/tester",
157
193
  "comment": "Bump @fluentui-react-native/notification to v0.20.1",
158
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
194
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
159
195
  },
160
196
  {
161
197
  "author": "beachball",
162
198
  "package": "@fluentui-react-native/tester",
163
199
  "comment": "Bump @fluentui-react-native/stack to v0.7.30",
164
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
200
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
165
201
  },
166
202
  {
167
203
  "author": "beachball",
168
204
  "package": "@fluentui-react-native/tester",
169
205
  "comment": "Bump @fluentui-react-native/switch to v0.7.9",
170
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
206
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
171
207
  },
172
208
  {
173
209
  "author": "beachball",
174
210
  "package": "@fluentui-react-native/tester",
175
211
  "comment": "Bump @fluentui-react-native/text to v0.18.1",
176
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
212
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
177
213
  },
178
214
  {
179
215
  "author": "beachball",
180
216
  "package": "@fluentui-react-native/tester",
181
217
  "comment": "Bump @fluentui-react-native/theme-tokens to v0.22.0",
182
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
218
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
183
219
  },
184
220
  {
185
221
  "author": "beachball",
186
222
  "package": "@fluentui-react-native/tester",
187
223
  "comment": "Bump @fluentui-react-native/win32-theme to v0.24.2",
188
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
224
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
189
225
  },
190
226
  {
191
227
  "author": "beachball",
192
228
  "package": "@fluentui-react-native/tester",
193
229
  "comment": "Bump @fluentui/react-native to v0.33.10",
194
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
230
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
195
231
  },
196
232
  {
197
233
  "author": "beachball",
198
234
  "package": "@fluentui-react-native/tester",
199
235
  "comment": "Bump @fluentui-react-native/focus-zone to v0.11.11",
200
- "commit": "fd3173a08209d19f2ba01d34348767dbf49624bd"
236
+ "commit": "194db935512b14a024c78b97466f6bf5cd94074b"
201
237
  }
202
238
  ]
203
239
  }
package/CHANGELOG.md CHANGED
@@ -1,12 +1,29 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Tue, 06 Dec 2022 16:57:13 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 07 Dec 2022 18:40:38 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.114.1
8
+
9
+ Wed, 07 Dec 2022 18:40:38 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/experimental-icon to v0.1.2
14
+
15
+ ## 0.114.0
16
+
17
+ Tue, 06 Dec 2022 21:28:49 GMT
18
+
19
+ ### Minor changes
20
+
21
+ - Updated tester styles (email not defined)
22
+ - Bump @fluentui-react-native/avatar to v1.5.0
23
+
7
24
  ## 0.113.1
8
25
 
9
- Tue, 06 Dec 2022 16:57:13 GMT
26
+ Tue, 06 Dec 2022 16:59:54 GMT
10
27
 
11
28
  ### Patches
12
29
 
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":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAU,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;AAEH,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAU,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;AAEH,MAAM,CAAC,IAAM,UAAU,GAAyB;IAC9C,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,CAAC;IAClB,iBAAiB,EAAE,EAAE;IACrB,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAyB;IACvD,MAAM,EAAE,GAAG;IACX,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,cAAc;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,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;AAEH,MAAM,CAAC,IAAM,wBAAwB,GAAG,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC"}
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":"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"}
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.1",
3
+ "version": "0.114.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>",
@@ -35,7 +35,7 @@
35
35
  "dependencies": {
36
36
  "@fluentui-react-native/android-theme": ">=0.15.0 <1.0.0",
37
37
  "@fluentui-react-native/apple-theme": ">=0.17.1 <1.0.0",
38
- "@fluentui-react-native/avatar": "^1.4.1",
38
+ "@fluentui-react-native/avatar": "^1.5.0",
39
39
  "@fluentui-react-native/badge": ">=0.4.1 <1.0.0",
40
40
  "@fluentui-react-native/button": ">=0.32.6 <1.0.0",
41
41
  "@fluentui-react-native/default-theme": ">=0.16.15 <1.0.0",
@@ -45,7 +45,7 @@
45
45
  "@fluentui-react-native/experimental-button": "0.16.64",
46
46
  "@fluentui-react-native/experimental-checkbox": "0.13.10",
47
47
  "@fluentui-react-native/experimental-expander": "0.5.1",
48
- "@fluentui-react-native/experimental-icon": ">=0.1.1 <1.0.0",
48
+ "@fluentui-react-native/experimental-icon": ">=0.1.2 <1.0.0",
49
49
  "@fluentui-react-native/experimental-link": "^0.2.6",
50
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",
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
  },