@fluentui-react-native/tester 0.100.3 → 0.101.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +217 -1
- package/CHANGELOG.md +49 -2
- package/lib/TestComponents/RadioGroupExperimental/DefaultRadioGroup.js +2 -2
- package/lib/TestComponents/RadioGroupExperimental/DefaultRadioGroup.js.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/DisabledRadioGroup.js +2 -2
- package/lib/TestComponents/RadioGroupExperimental/DisabledRadioGroup.js.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.d.ts.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js +6 -0
- package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/RequiredRadioGroup.js +2 -2
- package/lib/TestComponents/RadioGroupExperimental/RequiredRadioGroup.js.map +1 -1
- package/lib/TestComponents/RadioGroupExperimental/SubtextRadioGroup.d.ts +3 -0
- package/lib/TestComponents/RadioGroupExperimental/SubtextRadioGroup.d.ts.map +1 -0
- package/lib/TestComponents/RadioGroupExperimental/SubtextRadioGroup.js +16 -0
- package/lib/TestComponents/RadioGroupExperimental/SubtextRadioGroup.js.map +1 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/DefaultRadioGroup.js +2 -2
- package/lib-commonjs/TestComponents/RadioGroupExperimental/DefaultRadioGroup.js.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/DisabledRadioGroup.js +2 -2
- package/lib-commonjs/TestComponents/RadioGroupExperimental/DisabledRadioGroup.js.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js +6 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RequiredRadioGroup.js +2 -2
- package/lib-commonjs/TestComponents/RadioGroupExperimental/RequiredRadioGroup.js.map +1 -1
- package/lib-commonjs/TestComponents/RadioGroupExperimental/SubtextRadioGroup.d.ts +3 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/SubtextRadioGroup.d.ts.map +1 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/SubtextRadioGroup.js +21 -0
- package/lib-commonjs/TestComponents/RadioGroupExperimental/SubtextRadioGroup.js.map +1 -0
- package/package.json +32 -32
- package/src/TestComponents/RadioGroupExperimental/DefaultRadioGroup.tsx +2 -2
- package/src/TestComponents/RadioGroupExperimental/DisabledRadioGroup.tsx +2 -2
- package/src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx +6 -0
- package/src/TestComponents/RadioGroupExperimental/RequiredRadioGroup.tsx +2 -2
- package/src/TestComponents/RadioGroupExperimental/SubtextRadioGroup.tsx +21 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,223 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Wed, 12 Oct 2022
|
|
5
|
+
"date": "Wed, 12 Oct 2022 21:51:48 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.101.1",
|
|
7
|
+
"version": "0.101.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"comment": "Bump @fluentui-react-native/android-theme to v0.12.8",
|
|
14
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/apple-theme to v0.16.1",
|
|
20
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/avatar to v1.2.20",
|
|
26
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/tester",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/badge to v0.1.42",
|
|
32
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/tester",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/button to v0.25.8",
|
|
38
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui-react-native/tester",
|
|
43
|
+
"comment": "Bump @fluentui-react-native/default-theme to v0.16.4",
|
|
44
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui-react-native/tester",
|
|
49
|
+
"comment": "Bump @fluentui-react-native/dropdown to v0.4.10",
|
|
50
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/tester",
|
|
55
|
+
"comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.6.10",
|
|
56
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"author": "beachball",
|
|
60
|
+
"package": "@fluentui-react-native/tester",
|
|
61
|
+
"comment": "Bump @fluentui-react-native/experimental-avatar to v0.16.14",
|
|
62
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"author": "beachball",
|
|
66
|
+
"package": "@fluentui-react-native/tester",
|
|
67
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.16.35",
|
|
68
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"author": "beachball",
|
|
72
|
+
"package": "@fluentui-react-native/tester",
|
|
73
|
+
"comment": "Bump @fluentui-react-native/experimental-checkbox to v0.12.26",
|
|
74
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"author": "beachball",
|
|
78
|
+
"package": "@fluentui-react-native/tester",
|
|
79
|
+
"comment": "Bump @fluentui-react-native/experimental-expander to v0.4.12",
|
|
80
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"author": "beachball",
|
|
84
|
+
"package": "@fluentui-react-native/tester",
|
|
85
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.41",
|
|
86
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"author": "beachball",
|
|
90
|
+
"package": "@fluentui-react-native/tester",
|
|
91
|
+
"comment": "Bump @fluentui-react-native/experimental-radio-group to v0.6.1",
|
|
92
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"author": "beachball",
|
|
96
|
+
"package": "@fluentui-react-native/tester",
|
|
97
|
+
"comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.28",
|
|
98
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"author": "beachball",
|
|
102
|
+
"package": "@fluentui-react-native/tester",
|
|
103
|
+
"comment": "Bump @fluentui-react-native/experimental-shimmer to v0.7.11",
|
|
104
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"author": "beachball",
|
|
108
|
+
"package": "@fluentui-react-native/tester",
|
|
109
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.5.24",
|
|
110
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"author": "beachball",
|
|
114
|
+
"package": "@fluentui-react-native/tester",
|
|
115
|
+
"comment": "Bump @fluentui-react-native/experimental-text to v0.11.12",
|
|
116
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"author": "beachball",
|
|
120
|
+
"package": "@fluentui-react-native/tester",
|
|
121
|
+
"comment": "Bump @fluentui-react-native/framework to v0.8.10",
|
|
122
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"author": "beachball",
|
|
126
|
+
"package": "@fluentui-react-native/tester",
|
|
127
|
+
"comment": "Bump @fluentui-react-native/icon to v0.13.15",
|
|
128
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"author": "beachball",
|
|
132
|
+
"package": "@fluentui-react-native/tester",
|
|
133
|
+
"comment": "Bump @fluentui-react-native/interactive-hooks to v0.18.13",
|
|
134
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"author": "beachball",
|
|
138
|
+
"package": "@fluentui-react-native/tester",
|
|
139
|
+
"comment": "Bump @fluentui-react-native/menu to v1.0.47",
|
|
140
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"author": "beachball",
|
|
144
|
+
"package": "@fluentui-react-native/tester",
|
|
145
|
+
"comment": "Bump @fluentui-react-native/notification to v0.17.20",
|
|
146
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"author": "beachball",
|
|
150
|
+
"package": "@fluentui-react-native/tester",
|
|
151
|
+
"comment": "Bump @fluentui-react-native/stack to v0.7.14",
|
|
152
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"author": "beachball",
|
|
156
|
+
"package": "@fluentui-react-native/tester",
|
|
157
|
+
"comment": "Bump @fluentui-react-native/switch to v0.6.15",
|
|
158
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"author": "beachball",
|
|
162
|
+
"package": "@fluentui-react-native/tester",
|
|
163
|
+
"comment": "Bump @fluentui-react-native/text to v0.15.6",
|
|
164
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"author": "beachball",
|
|
168
|
+
"package": "@fluentui-react-native/tester",
|
|
169
|
+
"comment": "Bump @fluentui-react-native/theme to v0.7.6",
|
|
170
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"author": "beachball",
|
|
174
|
+
"package": "@fluentui-react-native/tester",
|
|
175
|
+
"comment": "Bump @fluentui-react-native/theme-types to v0.22.0",
|
|
176
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"author": "beachball",
|
|
180
|
+
"package": "@fluentui-react-native/tester",
|
|
181
|
+
"comment": "Bump @fluentui-react-native/theming-utils to v0.16.2",
|
|
182
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"author": "beachball",
|
|
186
|
+
"package": "@fluentui-react-native/tester",
|
|
187
|
+
"comment": "Bump @fluentui-react-native/win32-theme to v0.21.8",
|
|
188
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"author": "beachball",
|
|
192
|
+
"package": "@fluentui-react-native/tester",
|
|
193
|
+
"comment": "Bump @fluentui/react-native to v0.32.33",
|
|
194
|
+
"commit": "e2edb2218d4c953ac465dc3460e2923441dfae5b"
|
|
195
|
+
}
|
|
196
|
+
]
|
|
197
|
+
}
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"date": "Wed, 12 Oct 2022 16:17:39 GMT",
|
|
201
|
+
"tag": "@fluentui-react-native/tester_v0.101.0",
|
|
202
|
+
"version": "0.101.0",
|
|
203
|
+
"comments": {
|
|
204
|
+
"minor": [
|
|
205
|
+
{
|
|
206
|
+
"author": "gulnazsayed@microsoft.com",
|
|
207
|
+
"package": "@fluentui-react-native/tester",
|
|
208
|
+
"commit": "e9adcc0b0b6da103e32ab3dfc3ea9c445277124f",
|
|
209
|
+
"comment": "Added label subtext radiogroup example to tester"
|
|
210
|
+
},
|
|
211
|
+
{
|
|
212
|
+
"author": "beachball",
|
|
213
|
+
"package": "@fluentui-react-native/tester",
|
|
214
|
+
"comment": "Bump @fluentui-react-native/experimental-radio-group to v0.6.0",
|
|
215
|
+
"commit": "e9adcc0b0b6da103e32ab3dfc3ea9c445277124f"
|
|
216
|
+
}
|
|
217
|
+
]
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"date": "Wed, 12 Oct 2022 13:07:10 GMT",
|
|
6
222
|
"tag": "@fluentui-react-native/tester_v0.100.3",
|
|
7
223
|
"version": "0.100.3",
|
|
8
224
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,59 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Wed, 12 Oct 2022
|
|
3
|
+
This log was last generated on Wed, 12 Oct 2022 21:51:48 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.101.1
|
|
8
|
+
|
|
9
|
+
Wed, 12 Oct 2022 21:51:48 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Bump @fluentui-react-native/android-theme to v0.12.8
|
|
14
|
+
- Bump @fluentui-react-native/apple-theme to v0.16.1
|
|
15
|
+
- Bump @fluentui-react-native/avatar to v1.2.20
|
|
16
|
+
- Bump @fluentui-react-native/badge to v0.1.42
|
|
17
|
+
- Bump @fluentui-react-native/button to v0.25.8
|
|
18
|
+
- Bump @fluentui-react-native/default-theme to v0.16.4
|
|
19
|
+
- Bump @fluentui-react-native/dropdown to v0.4.10
|
|
20
|
+
- Bump @fluentui-react-native/experimental-activity-indicator to v0.6.10
|
|
21
|
+
- Bump @fluentui-react-native/experimental-avatar to v0.16.14
|
|
22
|
+
- Bump @fluentui-react-native/experimental-button to v0.16.35
|
|
23
|
+
- Bump @fluentui-react-native/experimental-checkbox to v0.12.26
|
|
24
|
+
- Bump @fluentui-react-native/experimental-expander to v0.4.12
|
|
25
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.4.41
|
|
26
|
+
- Bump @fluentui-react-native/experimental-radio-group to v0.6.1
|
|
27
|
+
- Bump @fluentui-react-native/experimental-shadow to v0.2.28
|
|
28
|
+
- Bump @fluentui-react-native/experimental-shimmer to v0.7.11
|
|
29
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.5.24
|
|
30
|
+
- Bump @fluentui-react-native/experimental-text to v0.11.12
|
|
31
|
+
- Bump @fluentui-react-native/framework to v0.8.10
|
|
32
|
+
- Bump @fluentui-react-native/icon to v0.13.15
|
|
33
|
+
- Bump @fluentui-react-native/interactive-hooks to v0.18.13
|
|
34
|
+
- Bump @fluentui-react-native/menu to v1.0.47
|
|
35
|
+
- Bump @fluentui-react-native/notification to v0.17.20
|
|
36
|
+
- Bump @fluentui-react-native/stack to v0.7.14
|
|
37
|
+
- Bump @fluentui-react-native/switch to v0.6.15
|
|
38
|
+
- Bump @fluentui-react-native/text to v0.15.6
|
|
39
|
+
- Bump @fluentui-react-native/theme to v0.7.6
|
|
40
|
+
- Bump @fluentui-react-native/theme-types to v0.22.0
|
|
41
|
+
- Bump @fluentui-react-native/theming-utils to v0.16.2
|
|
42
|
+
- Bump @fluentui-react-native/win32-theme to v0.21.8
|
|
43
|
+
- Bump @fluentui/react-native to v0.32.33
|
|
44
|
+
|
|
45
|
+
## 0.101.0
|
|
46
|
+
|
|
47
|
+
Wed, 12 Oct 2022 16:17:39 GMT
|
|
48
|
+
|
|
49
|
+
### Minor changes
|
|
50
|
+
|
|
51
|
+
- Added label subtext radiogroup example to tester (gulnazsayed@microsoft.com)
|
|
52
|
+
- Bump @fluentui-react-native/experimental-radio-group to v0.6.0
|
|
53
|
+
|
|
7
54
|
## 0.100.3
|
|
8
55
|
|
|
9
|
-
Wed, 12 Oct 2022 13:
|
|
56
|
+
Wed, 12 Oct 2022 13:07:10 GMT
|
|
10
57
|
|
|
11
58
|
### Patches
|
|
12
59
|
|
|
@@ -4,9 +4,9 @@ import * as React from 'react';
|
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
export var DefaultRadioGroup = function () {
|
|
6
6
|
// Client's example onChange function
|
|
7
|
-
var onChange = function (key) {
|
|
7
|
+
var onChange = React.useCallback(function (key) {
|
|
8
8
|
console.log(key);
|
|
9
|
-
};
|
|
9
|
+
}, []);
|
|
10
10
|
var _a = React.useState('C'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
11
11
|
var onChange2 = React.useCallback(function (key) {
|
|
12
12
|
setSelectedKey(key);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/DefaultRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,UAAC,GAAW;
|
|
1
|
+
{"version":3,"file":"DefaultRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/DefaultRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAED,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAC;IAE1D,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC9C,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,UAAU,IAAC,KAAK,EAAC,yBAAyB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YAC7E,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,kBAAkB,EAAC,0BAA0B,GAAG;YAClF,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,KAAK,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,GAAI;YAC/D,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG,CACzB;QACb,oBAAC,SAAS,OAAG;QACb,oBAAC,UAAU,IAAC,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS;YAC/E,oBAAC,IAAI;gBACH,oBAAC,KAAK,IACJ,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,GAAG,EACT,kBAAkB,EAAC,0BAA0B,EAC7C,0BAA0B,EAAE,CAAC,EAC7B,oBAAoB,EAAE,CAAC,GACvB;gBACF,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,0BAA0B,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,GAAI;gBAC5F,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,0BAA0B,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,GAAI;gBAC5F,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,0BAA0B,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,GAAI,CACvF,CACI,CACR,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -4,9 +4,9 @@ import * as React from 'react';
|
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
export var DisabledRadioGroup = function () {
|
|
6
6
|
// Client's example onChange function
|
|
7
|
-
var onChange = function (key) {
|
|
7
|
+
var onChange = React.useCallback(function (key) {
|
|
8
8
|
console.log(key);
|
|
9
|
-
};
|
|
9
|
+
}, []);
|
|
10
10
|
return (React.createElement(View, null,
|
|
11
11
|
React.createElement(RadioGroup, { disabled: true, label: "Disabled RadioGroup", defaultValue: "X", onChange: onChange },
|
|
12
12
|
React.createElement(Radio, { label: "Option W", value: "W", accessibilityLabel: "Test Accessibility Label" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisabledRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/DisabledRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAA4B;IACzD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,UAAC,GAAW;
|
|
1
|
+
{"version":3,"file":"DisabledRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/DisabledRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAA4B;IACzD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,UAAU,IAAC,QAAQ,QAAC,KAAK,EAAC,qBAAqB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YAClF,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,kBAAkB,EAAC,0BAA0B,GAAG;YAClF,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG,CACzB;QACb,oBAAC,SAAS,OAAG;QACb,oBAAC,UAAU,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YACnE,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,kBAAkB,EAAC,0BAA0B,GAAG;YAClF,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,KAAK,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,GAAI;YAC/D,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG,CACzB,CACR,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupExperimentalTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioGroupExperimentalTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAuB9C,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { RADIO_GROUP_EXPERIMENTAL_TESTPAGE } from './consts';
|
|
|
3
3
|
import { DefaultRadioGroup } from './DefaultRadioGroup';
|
|
4
4
|
import { RequiredRadioGroup } from './RequiredRadioGroup';
|
|
5
5
|
import { DisabledRadioGroup } from './DisabledRadioGroup';
|
|
6
|
+
import { SubtextRadioGroup } from './SubtextRadioGroup';
|
|
6
7
|
import { Test } from '../Test';
|
|
7
8
|
var radioGroupExperimentalSections = [
|
|
8
9
|
{
|
|
@@ -20,6 +21,11 @@ var radioGroupExperimentalSections = [
|
|
|
20
21
|
testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
|
|
21
22
|
component: RequiredRadioGroup,
|
|
22
23
|
},
|
|
24
|
+
{
|
|
25
|
+
name: 'RadioGroup with Label Subtext',
|
|
26
|
+
testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
|
|
27
|
+
component: SubtextRadioGroup,
|
|
28
|
+
},
|
|
23
29
|
];
|
|
24
30
|
export var RadioGroupExperimentalTest = function () {
|
|
25
31
|
var status = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupExperimentalTest.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,8BAA8B,GAAkB;IACpD;QACE,IAAI,EAAE,0BAA0B;QAChC,MAAM,EAAE,iCAAiC;QACzC,SAAS,EAAE,iBAAiB;KAC7B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,iCAAiC;QACzC,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,iCAAiC;QACzC,SAAS,EAAE,kBAAkB;KAC9B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAA4B;IACjE,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,mKAAmK,CAAC;IAEtK,IAAM,IAAI,GAAG,uGAAuG,CAAC;IAErH,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAC,8BAA8B,EACnC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,8BAA8B,EACxC,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"RadioGroupExperimentalTest.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iCAAiC,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,IAAM,8BAA8B,GAAkB;IACpD;QACE,IAAI,EAAE,0BAA0B;QAChC,MAAM,EAAE,iCAAiC;QACzC,SAAS,EAAE,iBAAiB;KAC7B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,iCAAiC;QACzC,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,iCAAiC;QACzC,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,+BAA+B;QACrC,MAAM,EAAE,iCAAiC;QACzC,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAA4B;IACjE,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,mKAAmK,CAAC;IAEtK,IAAM,IAAI,GAAG,uGAAuG,CAAC;IAErH,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAC,8BAA8B,EACnC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,8BAA8B,EACxC,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,9 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
export var RequiredRadioGroup = function () {
|
|
5
5
|
// Client's example onChange function
|
|
6
|
-
var onChange = function (key) {
|
|
6
|
+
var onChange = React.useCallback(function (key) {
|
|
7
7
|
console.log(key);
|
|
8
|
-
};
|
|
8
|
+
}, []);
|
|
9
9
|
return (React.createElement(View, null,
|
|
10
10
|
React.createElement(RadioGroup, { required: true, label: "Required RadioGroup", defaultValue: "X", onChange: onChange },
|
|
11
11
|
React.createElement(Radio, { label: "Option W", value: "W", accessibilityLabel: "Test Accessibility Label" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequiredRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RequiredRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAA4B;IACzD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,UAAC,GAAW;
|
|
1
|
+
{"version":3,"file":"RequiredRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RequiredRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAA4B;IACzD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,UAAU,IAAC,QAAQ,QAAC,KAAK,EAAC,qBAAqB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YAClF,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,kBAAkB,EAAC,0BAA0B,GAAG;YAClF,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,KAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG,CACzB,CACR,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubtextRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/SubtextRadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAgBrC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
export var SubtextRadioGroup = function () {
|
|
5
|
+
// Client's example onChange function
|
|
6
|
+
var onChange = React.useCallback(function (key) {
|
|
7
|
+
console.log(key);
|
|
8
|
+
}, []);
|
|
9
|
+
return (React.createElement(View, null,
|
|
10
|
+
React.createElement(RadioGroup, { label: "Select a fruit:", defaultValue: "X", onChange: onChange },
|
|
11
|
+
React.createElement(Radio, { label: "Apple", subtext: "This is a type of fruit", value: "W" }),
|
|
12
|
+
React.createElement(Radio, { label: "Pear", subtext: "This is another type of fruit", value: "X" }),
|
|
13
|
+
React.createElement(Radio, { label: "Banana", value: "C" }),
|
|
14
|
+
React.createElement(Radio, { label: "Orange", value: "Z" }))));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=SubtextRadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubtextRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/SubtextRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,UAAU,IAAC,KAAK,EAAC,iBAAiB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YACrE,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,yBAAyB,EAAC,KAAK,EAAC,GAAG,GAAG;YACnE,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,+BAA+B,EAAC,KAAK,EAAC,GAAG,GAAG;YACxE,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,GAAG;YAClC,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,GAAG,CACvB,CACR,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -8,9 +8,9 @@ var React = (0, tslib_1.__importStar)(require("react"));
|
|
|
8
8
|
var react_native_2 = require("react-native");
|
|
9
9
|
var DefaultRadioGroup = function () {
|
|
10
10
|
// Client's example onChange function
|
|
11
|
-
var onChange = function (key) {
|
|
11
|
+
var onChange = React.useCallback(function (key) {
|
|
12
12
|
console.log(key);
|
|
13
|
-
};
|
|
13
|
+
}, []);
|
|
14
14
|
var _a = React.useState('C'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
15
15
|
var onChange2 = React.useCallback(function (key) {
|
|
16
16
|
setSelectedKey(key);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/DefaultRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,4FAAoF;AACpF,uDAAmD;AACnD,wDAA+B;AAC/B,6CAAoC;AAE7B,IAAM,iBAAiB,GAA4B;IACxD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,UAAC,GAAW;
|
|
1
|
+
{"version":3,"file":"DefaultRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/DefaultRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,4FAAoF;AACpF,uDAAmD;AACnD,wDAA+B;AAC/B,6CAAoC;AAE7B,IAAM,iBAAiB,GAA4B;IACxD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAED,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAlD,WAAW,QAAA,EAAE,cAAc,QAAuB,CAAC;IAE1D,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC9C,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,qCAAU,IAAC,KAAK,EAAC,yBAAyB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YAC7E,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,kBAAkB,EAAC,0BAA0B,GAAG;YAClF,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,gCAAK,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,GAAI;YAC/D,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG,CACzB;QACb,oBAAC,wBAAS,OAAG;QACb,oBAAC,qCAAU,IAAC,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS;YAC/E,oBAAC,mBAAI;gBACH,oBAAC,gCAAK,IACJ,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,GAAG,EACT,kBAAkB,EAAC,0BAA0B,EAC7C,0BAA0B,EAAE,CAAC,EAC7B,oBAAoB,EAAE,CAAC,GACvB;gBACF,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,0BAA0B,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,GAAI;gBAC5F,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,0BAA0B,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,GAAI;gBAC5F,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,0BAA0B,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,GAAI,CACvF,CACI,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,iBAAiB,qBAqC5B"}
|
|
@@ -8,9 +8,9 @@ var React = (0, tslib_1.__importStar)(require("react"));
|
|
|
8
8
|
var react_native_2 = require("react-native");
|
|
9
9
|
var DisabledRadioGroup = function () {
|
|
10
10
|
// Client's example onChange function
|
|
11
|
-
var onChange = function (key) {
|
|
11
|
+
var onChange = React.useCallback(function (key) {
|
|
12
12
|
console.log(key);
|
|
13
|
-
};
|
|
13
|
+
}, []);
|
|
14
14
|
return (React.createElement(react_native_2.View, null,
|
|
15
15
|
React.createElement(experimental_radio_group_1.RadioGroup, { disabled: true, label: "Disabled RadioGroup", defaultValue: "X", onChange: onChange },
|
|
16
16
|
React.createElement(experimental_radio_group_1.Radio, { label: "Option W", value: "W", accessibilityLabel: "Test Accessibility Label" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisabledRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/DisabledRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,4FAAoF;AACpF,uDAAmD;AACnD,wDAA+B;AAC/B,6CAAoC;AAE7B,IAAM,kBAAkB,GAA4B;IACzD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,UAAC,GAAW;
|
|
1
|
+
{"version":3,"file":"DisabledRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/DisabledRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,4FAAoF;AACpF,uDAAmD;AACnD,wDAA+B;AAC/B,6CAAoC;AAE7B,IAAM,kBAAkB,GAA4B;IACzD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,qCAAU,IAAC,QAAQ,QAAC,KAAK,EAAC,qBAAqB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YAClF,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,kBAAkB,EAAC,0BAA0B,GAAG;YAClF,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG,CACzB;QACb,oBAAC,wBAAS,OAAG;QACb,oBAAC,qCAAU,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YACnE,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,kBAAkB,EAAC,0BAA0B,GAAG;YAClF,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,gCAAK,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI,GAAI;YAC/D,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG,CACzB,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,kBAAkB,sBAuB7B"}
|
package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupExperimentalTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RadioGroupExperimentalTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAuB9C,CAAC"}
|
|
@@ -7,6 +7,7 @@ var consts_1 = require("./consts");
|
|
|
7
7
|
var DefaultRadioGroup_1 = require("./DefaultRadioGroup");
|
|
8
8
|
var RequiredRadioGroup_1 = require("./RequiredRadioGroup");
|
|
9
9
|
var DisabledRadioGroup_1 = require("./DisabledRadioGroup");
|
|
10
|
+
var SubtextRadioGroup_1 = require("./SubtextRadioGroup");
|
|
10
11
|
var Test_1 = require("../Test");
|
|
11
12
|
var radioGroupExperimentalSections = [
|
|
12
13
|
{
|
|
@@ -24,6 +25,11 @@ var radioGroupExperimentalSections = [
|
|
|
24
25
|
testID: consts_1.RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
|
|
25
26
|
component: RequiredRadioGroup_1.RequiredRadioGroup,
|
|
26
27
|
},
|
|
28
|
+
{
|
|
29
|
+
name: 'RadioGroup with Label Subtext',
|
|
30
|
+
testID: consts_1.RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
|
|
31
|
+
component: SubtextRadioGroup_1.SubtextRadioGroup,
|
|
32
|
+
},
|
|
27
33
|
];
|
|
28
34
|
var RadioGroupExperimentalTest = function () {
|
|
29
35
|
var status = {
|
package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroupExperimentalTest.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,mCAA6D;AAC7D,yDAAwD;AACxD,2DAA0D;AAC1D,2DAA0D;AAC1D,gCAA4D;AAE5D,IAAM,8BAA8B,GAAkB;IACpD;QACE,IAAI,EAAE,0BAA0B;QAChC,MAAM,EAAE,0CAAiC;QACzC,SAAS,EAAE,qCAAiB;KAC7B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,0CAAiC;QACzC,SAAS,EAAE,uCAAkB;KAC9B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,0CAAiC;QACzC,SAAS,EAAE,uCAAkB;KAC9B;CACF,CAAC;AAEK,IAAM,0BAA0B,GAA4B;IACjE,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,mKAAmK,CAAC;IAEtK,IAAM,IAAI,GAAG,uGAAuG,CAAC;IAErH,OAAO,CACL,oBAAC,WAAI,IACH,IAAI,EAAC,8BAA8B,EACnC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,8BAA8B,EACxC,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,0BAA0B,8BAuBrC"}
|
|
1
|
+
{"version":3,"file":"RadioGroupExperimentalTest.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,mCAA6D;AAC7D,yDAAwD;AACxD,2DAA0D;AAC1D,2DAA0D;AAC1D,yDAAwD;AACxD,gCAA4D;AAE5D,IAAM,8BAA8B,GAAkB;IACpD;QACE,IAAI,EAAE,0BAA0B;QAChC,MAAM,EAAE,0CAAiC;QACzC,SAAS,EAAE,qCAAiB;KAC7B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,0CAAiC;QACzC,SAAS,EAAE,uCAAkB;KAC9B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,MAAM,EAAE,0CAAiC;QACzC,SAAS,EAAE,uCAAkB;KAC9B;IACD;QACE,IAAI,EAAE,+BAA+B;QACrC,MAAM,EAAE,0CAAiC;QACzC,SAAS,EAAE,qCAAiB;KAC7B;CACF,CAAC;AAEK,IAAM,0BAA0B,GAA4B;IACjE,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GACf,mKAAmK,CAAC;IAEtK,IAAM,IAAI,GAAG,uGAAuG,CAAC;IAErH,OAAO,CACL,oBAAC,WAAI,IACH,IAAI,EAAC,8BAA8B,EACnC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,8BAA8B,EACxC,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,0BAA0B,8BAuBrC"}
|
|
@@ -7,9 +7,9 @@ var React = (0, tslib_1.__importStar)(require("react"));
|
|
|
7
7
|
var react_native_1 = require("react-native");
|
|
8
8
|
var RequiredRadioGroup = function () {
|
|
9
9
|
// Client's example onChange function
|
|
10
|
-
var onChange = function (key) {
|
|
10
|
+
var onChange = React.useCallback(function (key) {
|
|
11
11
|
console.log(key);
|
|
12
|
-
};
|
|
12
|
+
}, []);
|
|
13
13
|
return (React.createElement(react_native_1.View, null,
|
|
14
14
|
React.createElement(experimental_radio_group_1.RadioGroup, { required: true, label: "Required RadioGroup", defaultValue: "X", onChange: onChange },
|
|
15
15
|
React.createElement(experimental_radio_group_1.Radio, { label: "Option W", value: "W", accessibilityLabel: "Test Accessibility Label" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RequiredRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RequiredRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,4FAAoF;AACpF,wDAA+B;AAC/B,6CAAoC;AAE7B,IAAM,kBAAkB,GAA4B;IACzD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,UAAC,GAAW;
|
|
1
|
+
{"version":3,"file":"RequiredRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RequiredRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,4FAAoF;AACpF,wDAA+B;AAC/B,6CAAoC;AAE7B,IAAM,kBAAkB,GAA4B;IACzD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,qCAAU,IAAC,QAAQ,QAAC,KAAK,EAAC,qBAAqB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YAClF,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,kBAAkB,EAAC,0BAA0B,GAAG;YAClF,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG;YACpC,oBAAC,gCAAK,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,GAAG,CACzB,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,kBAAkB,sBAgB7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubtextRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/SubtextRadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAgBrC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SubtextRadioGroup = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var experimental_radio_group_1 = require("@fluentui-react-native/experimental-radio-group");
|
|
6
|
+
var React = (0, tslib_1.__importStar)(require("react"));
|
|
7
|
+
var react_native_1 = require("react-native");
|
|
8
|
+
var SubtextRadioGroup = function () {
|
|
9
|
+
// Client's example onChange function
|
|
10
|
+
var onChange = React.useCallback(function (key) {
|
|
11
|
+
console.log(key);
|
|
12
|
+
}, []);
|
|
13
|
+
return (React.createElement(react_native_1.View, null,
|
|
14
|
+
React.createElement(experimental_radio_group_1.RadioGroup, { label: "Select a fruit:", defaultValue: "X", onChange: onChange },
|
|
15
|
+
React.createElement(experimental_radio_group_1.Radio, { label: "Apple", subtext: "This is a type of fruit", value: "W" }),
|
|
16
|
+
React.createElement(experimental_radio_group_1.Radio, { label: "Pear", subtext: "This is another type of fruit", value: "X" }),
|
|
17
|
+
React.createElement(experimental_radio_group_1.Radio, { label: "Banana", value: "C" }),
|
|
18
|
+
React.createElement(experimental_radio_group_1.Radio, { label: "Orange", value: "Z" }))));
|
|
19
|
+
};
|
|
20
|
+
exports.SubtextRadioGroup = SubtextRadioGroup;
|
|
21
|
+
//# sourceMappingURL=SubtextRadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SubtextRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/SubtextRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,4FAAoF;AACpF,wDAA+B;AAC/B,6CAAoC;AAE7B,IAAM,iBAAiB,GAA4B;IACxD,qCAAqC;IACrC,IAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,GAAW;QAC7C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,qCAAU,IAAC,KAAK,EAAC,iBAAiB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YACrE,oBAAC,gCAAK,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,yBAAyB,EAAC,KAAK,EAAC,GAAG,GAAG;YACnE,oBAAC,gCAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,+BAA+B,EAAC,KAAK,EAAC,GAAG,GAAG;YACxE,oBAAC,gCAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,GAAG;YAClC,oBAAC,gCAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,GAAG,CACvB,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,iBAAiB,qBAgB5B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.101.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>",
|
|
@@ -36,40 +36,40 @@
|
|
|
36
36
|
"directory": "apps/fluent-tester"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@fluentui-react-native/android-theme": ">=0.12.
|
|
40
|
-
"@fluentui-react-native/apple-theme": ">=0.16.
|
|
41
|
-
"@fluentui-react-native/avatar": "^1.2.
|
|
42
|
-
"@fluentui-react-native/badge": ">=0.1.
|
|
43
|
-
"@fluentui-react-native/button": ">=0.25.
|
|
44
|
-
"@fluentui-react-native/default-theme": ">=0.16.
|
|
45
|
-
"@fluentui-react-native/dropdown": ">=0.4.
|
|
46
|
-
"@fluentui-react-native/experimental-activity-indicator": ">=0.6.
|
|
47
|
-
"@fluentui-react-native/experimental-avatar": ">=0.16.
|
|
48
|
-
"@fluentui-react-native/experimental-button": "0.16.
|
|
49
|
-
"@fluentui-react-native/experimental-checkbox": "0.12.
|
|
50
|
-
"@fluentui-react-native/experimental-expander": "0.4.
|
|
51
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.4.
|
|
39
|
+
"@fluentui-react-native/android-theme": ">=0.12.8 <1.0.0",
|
|
40
|
+
"@fluentui-react-native/apple-theme": ">=0.16.1 <1.0.0",
|
|
41
|
+
"@fluentui-react-native/avatar": "^1.2.20",
|
|
42
|
+
"@fluentui-react-native/badge": ">=0.1.42 <1.0.0",
|
|
43
|
+
"@fluentui-react-native/button": ">=0.25.8 <1.0.0",
|
|
44
|
+
"@fluentui-react-native/default-theme": ">=0.16.4 <1.0.0",
|
|
45
|
+
"@fluentui-react-native/dropdown": ">=0.4.10 <1.0.0",
|
|
46
|
+
"@fluentui-react-native/experimental-activity-indicator": ">=0.6.10 <1.0.0",
|
|
47
|
+
"@fluentui-react-native/experimental-avatar": ">=0.16.14 <1.0.0",
|
|
48
|
+
"@fluentui-react-native/experimental-button": "0.16.35",
|
|
49
|
+
"@fluentui-react-native/experimental-checkbox": "0.12.26",
|
|
50
|
+
"@fluentui-react-native/experimental-expander": "0.4.12",
|
|
51
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.4.41 <1.0.0",
|
|
52
52
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.7.3 <1.0.0",
|
|
53
|
-
"@fluentui-react-native/experimental-radio-group": "^0.
|
|
54
|
-
"@fluentui-react-native/experimental-shadow": "0.2.
|
|
55
|
-
"@fluentui-react-native/experimental-shimmer": "0.7.
|
|
56
|
-
"@fluentui-react-native/experimental-tabs": "0.5.
|
|
57
|
-
"@fluentui-react-native/experimental-text": ">=0.11.
|
|
58
|
-
"@fluentui-react-native/framework": ">=0.8.
|
|
59
|
-
"@fluentui-react-native/icon": "0.13.
|
|
60
|
-
"@fluentui-react-native/interactive-hooks": ">=0.18.
|
|
61
|
-
"@fluentui-react-native/menu": "^1.0.
|
|
53
|
+
"@fluentui-react-native/experimental-radio-group": "^0.6.1",
|
|
54
|
+
"@fluentui-react-native/experimental-shadow": "0.2.28",
|
|
55
|
+
"@fluentui-react-native/experimental-shimmer": "0.7.11",
|
|
56
|
+
"@fluentui-react-native/experimental-tabs": "0.5.24",
|
|
57
|
+
"@fluentui-react-native/experimental-text": ">=0.11.12 <1.0.0",
|
|
58
|
+
"@fluentui-react-native/framework": ">=0.8.10 <1.0.0",
|
|
59
|
+
"@fluentui-react-native/icon": "0.13.15",
|
|
60
|
+
"@fluentui-react-native/interactive-hooks": ">=0.18.13 <1.0.0",
|
|
61
|
+
"@fluentui-react-native/menu": "^1.0.47",
|
|
62
62
|
"@fluentui-react-native/merge-props": ">=0.5.1 <1.0.0",
|
|
63
|
-
"@fluentui-react-native/notification": "0.17.
|
|
64
|
-
"@fluentui-react-native/stack": ">=0.7.
|
|
65
|
-
"@fluentui-react-native/switch": "^0.6.
|
|
66
|
-
"@fluentui-react-native/text": ">=0.15.
|
|
67
|
-
"@fluentui-react-native/theme": ">=0.7.
|
|
68
|
-
"@fluentui-react-native/theme-types": ">=0.
|
|
63
|
+
"@fluentui-react-native/notification": "0.17.20",
|
|
64
|
+
"@fluentui-react-native/stack": ">=0.7.14 <1.0.0",
|
|
65
|
+
"@fluentui-react-native/switch": "^0.6.15",
|
|
66
|
+
"@fluentui-react-native/text": ">=0.15.6 <1.0.0",
|
|
67
|
+
"@fluentui-react-native/theme": ">=0.7.6 <1.0.0",
|
|
68
|
+
"@fluentui-react-native/theme-types": ">=0.22.0 <1.0.0",
|
|
69
69
|
"@fluentui-react-native/themed-stylesheet": "^1.4.1",
|
|
70
|
-
"@fluentui-react-native/theming-utils": ">=0.16.
|
|
71
|
-
"@fluentui-react-native/win32-theme": ">=0.21.
|
|
72
|
-
"@fluentui/react-native": ">=0.32.
|
|
70
|
+
"@fluentui-react-native/theming-utils": ">=0.16.2 <1.0.0",
|
|
71
|
+
"@fluentui-react-native/win32-theme": ">=0.21.8 <1.0.0",
|
|
72
|
+
"@fluentui/react-native": ">=0.32.33 <1.0.0",
|
|
73
73
|
"@react-native-community/slider": "^4.2.0",
|
|
74
74
|
"@react-native-menu/menu": "^0.1.2",
|
|
75
75
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -5,9 +5,9 @@ import { View } from 'react-native';
|
|
|
5
5
|
|
|
6
6
|
export const DefaultRadioGroup: React.FunctionComponent = () => {
|
|
7
7
|
// Client's example onChange function
|
|
8
|
-
const onChange = (key: string) => {
|
|
8
|
+
const onChange = React.useCallback((key: string) => {
|
|
9
9
|
console.log(key);
|
|
10
|
-
};
|
|
10
|
+
}, []);
|
|
11
11
|
|
|
12
12
|
const [selectedKey, setSelectedKey] = React.useState('C');
|
|
13
13
|
|
|
@@ -5,9 +5,9 @@ import { View } from 'react-native';
|
|
|
5
5
|
|
|
6
6
|
export const DisabledRadioGroup: React.FunctionComponent = () => {
|
|
7
7
|
// Client's example onChange function
|
|
8
|
-
const onChange = (key: string) => {
|
|
8
|
+
const onChange = React.useCallback((key: string) => {
|
|
9
9
|
console.log(key);
|
|
10
|
-
};
|
|
10
|
+
}, []);
|
|
11
11
|
|
|
12
12
|
return (
|
|
13
13
|
<View>
|
|
@@ -3,6 +3,7 @@ import { RADIO_GROUP_EXPERIMENTAL_TESTPAGE } from './consts';
|
|
|
3
3
|
import { DefaultRadioGroup } from './DefaultRadioGroup';
|
|
4
4
|
import { RequiredRadioGroup } from './RequiredRadioGroup';
|
|
5
5
|
import { DisabledRadioGroup } from './DisabledRadioGroup';
|
|
6
|
+
import { SubtextRadioGroup } from './SubtextRadioGroup';
|
|
6
7
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
7
8
|
|
|
8
9
|
const radioGroupExperimentalSections: TestSection[] = [
|
|
@@ -21,6 +22,11 @@ const radioGroupExperimentalSections: TestSection[] = [
|
|
|
21
22
|
testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
|
|
22
23
|
component: RequiredRadioGroup,
|
|
23
24
|
},
|
|
25
|
+
{
|
|
26
|
+
name: 'RadioGroup with Label Subtext',
|
|
27
|
+
testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
|
|
28
|
+
component: SubtextRadioGroup,
|
|
29
|
+
},
|
|
24
30
|
];
|
|
25
31
|
|
|
26
32
|
export const RadioGroupExperimentalTest: React.FunctionComponent = () => {
|
|
@@ -4,9 +4,9 @@ import { View } from 'react-native';
|
|
|
4
4
|
|
|
5
5
|
export const RequiredRadioGroup: React.FunctionComponent = () => {
|
|
6
6
|
// Client's example onChange function
|
|
7
|
-
const onChange = (key: string) => {
|
|
7
|
+
const onChange = React.useCallback((key: string) => {
|
|
8
8
|
console.log(key);
|
|
9
|
-
};
|
|
9
|
+
}, []);
|
|
10
10
|
|
|
11
11
|
return (
|
|
12
12
|
<View>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
|
|
5
|
+
export const SubtextRadioGroup: React.FunctionComponent = () => {
|
|
6
|
+
// Client's example onChange function
|
|
7
|
+
const onChange = React.useCallback((key: string) => {
|
|
8
|
+
console.log(key);
|
|
9
|
+
}, []);
|
|
10
|
+
|
|
11
|
+
return (
|
|
12
|
+
<View>
|
|
13
|
+
<RadioGroup label="Select a fruit:" defaultValue="X" onChange={onChange}>
|
|
14
|
+
<Radio label="Apple" subtext="This is a type of fruit" value="W" />
|
|
15
|
+
<Radio label="Pear" subtext="This is another type of fruit" value="X" />
|
|
16
|
+
<Radio label="Banana" value="C" />
|
|
17
|
+
<Radio label="Orange" value="Z" />
|
|
18
|
+
</RadioGroup>
|
|
19
|
+
</View>
|
|
20
|
+
);
|
|
21
|
+
};
|