@fluentui-react-native/tester 0.100.3 → 0.101.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +22 -1
- package/CHANGELOG.md +11 -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 +2 -2
- 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,28 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Wed, 12 Oct 2022
|
|
5
|
+
"date": "Wed, 12 Oct 2022 16:17:25 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.101.0",
|
|
7
|
+
"version": "0.101.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "gulnazsayed@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "e9adcc0b0b6da103e32ab3dfc3ea9c445277124f",
|
|
14
|
+
"comment": "Added label subtext radiogroup example to tester"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/experimental-radio-group to v0.6.0",
|
|
20
|
+
"commit": "e9adcc0b0b6da103e32ab3dfc3ea9c445277124f"
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"date": "Wed, 12 Oct 2022 13:07:10 GMT",
|
|
6
27
|
"tag": "@fluentui-react-native/tester_v0.100.3",
|
|
7
28
|
"version": "0.100.3",
|
|
8
29
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,21 @@
|
|
|
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 16:17:25 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.101.0
|
|
8
|
+
|
|
9
|
+
Wed, 12 Oct 2022 16:17:25 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Added label subtext radiogroup example to tester (gulnazsayed@microsoft.com)
|
|
14
|
+
- Bump @fluentui-react-native/experimental-radio-group to v0.6.0
|
|
15
|
+
|
|
7
16
|
## 0.100.3
|
|
8
17
|
|
|
9
|
-
Wed, 12 Oct 2022 13:
|
|
18
|
+
Wed, 12 Oct 2022 13:07:10 GMT
|
|
10
19
|
|
|
11
20
|
### Patches
|
|
12
21
|
|
|
@@ -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.0",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@fluentui-react-native/experimental-expander": "0.4.11",
|
|
51
51
|
"@fluentui-react-native/experimental-menu-button": ">=0.4.40 <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.
|
|
53
|
+
"@fluentui-react-native/experimental-radio-group": "^0.6.0",
|
|
54
54
|
"@fluentui-react-native/experimental-shadow": "0.2.27",
|
|
55
55
|
"@fluentui-react-native/experimental-shimmer": "0.7.10",
|
|
56
56
|
"@fluentui-react-native/experimental-tabs": "0.5.23",
|
|
@@ -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
|
+
};
|