@fluentui-react-native/tester 0.101.9 → 0.102.0

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui-react-native/tester",
   "entries": [
     {
-      "date": "Mon, 17 Oct 2022 19:15:51 GMT",
+      "date": "Mon, 17 Oct 2022 21:24:49 GMT",
+      "tag": "@fluentui-react-native/tester_v0.102.0",
+      "version": "0.102.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "gulnazsayed@microsoft.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "40e38c7cf57ad14383841d850eded5ed2fde5bff",
+            "comment": "Added layout tests to test page"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-radio-group to v0.7.0",
+            "commit": "40e38c7cf57ad14383841d850eded5ed2fde5bff"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 17 Oct 2022 19:16:05 GMT",
       "tag": "@fluentui-react-native/tester_v0.101.9",
       "version": "0.101.9",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui-react-native/tester
 
-This log was last generated on Mon, 17 Oct 2022 19:15:51 GMT and should not be manually modified.
+This log was last generated on Mon, 17 Oct 2022 21:24:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.102.0
+
+Mon, 17 Oct 2022 21:24:49 GMT
+
+### Minor changes
+
+- Added layout tests to test page (gulnazsayed@microsoft.com)
+- Bump @fluentui-react-native/experimental-radio-group to v0.7.0
+
 ## 0.101.9
 
-Mon, 17 Oct 2022 19:15:51 GMT
+Mon, 17 Oct 2022 19:16:05 GMT
 
 ### Patches
 

package/lib/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const HorizontalRadioGroup: React.FunctionComponent;
+//# sourceMappingURL=HorizontalRadioGroup.d.ts.map

package/lib/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAuBxC,CAAC"}

package/lib/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.js

@@ -0,0 +1,23 @@
+import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
+import { Separator } from '@fluentui/react-native';
+import * as React from 'react';
+import { View } from 'react-native';
+export var HorizontalRadioGroup = function () {
+    // Client's example onChange function
+    var onChange = React.useCallback(function (key) {
+        console.log(key);
+    }, []);
+    return (React.createElement(View, null,
+        React.createElement(RadioGroup, { layout: 'horizontal', label: "Horizontal RadioGroup", defaultValue: "X", onChange: onChange },
+            React.createElement(Radio, { label: "Apple", value: "W" }),
+            React.createElement(Radio, { label: "Pear", value: "X" }),
+            React.createElement(Radio, { label: "Banana", value: "C" }),
+            React.createElement(Radio, { label: "Orange", value: "Z" })),
+        React.createElement(Separator, null),
+        React.createElement(RadioGroup, { layout: 'horizontal-stacked', label: "Horizontal-Stacked RadioGroup", defaultValue: "X", onChange: onChange },
+            React.createElement(Radio, { label: "Apple", value: "W" }),
+            React.createElement(Radio, { label: "Pear", value: "X" }),
+            React.createElement(Radio, { label: "Banana", value: "C" }),
+            React.createElement(Radio, { label: "Orange", value: "Z" }))));
+};
+//# sourceMappingURL=HorizontalRadioGroup.js.map

package/lib/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.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,oBAAoB,GAA4B;IAC3D,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,MAAM,EAAE,YAAY,EAAE,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YACjG,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,GAAG;YACjC,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,GAAG,GAAG;YAChC,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,GAAG;YAClC,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,GAAG,CACvB;QACb,oBAAC,SAAS,OAAG;QACb,oBAAC,UAAU,IAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,EAAC,+BAA+B,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YACjH,oBAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,GAAG;YACjC,oBAAC,KAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,GAAG,GAAG;YAChC,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"}

package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"RadioGroupExperimentalTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAuB9C,CAAC"}

package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js

@@ -4,6 +4,7 @@ import { DefaultRadioGroup } from './DefaultRadioGroup';
 import { RequiredRadioGroup } from './RequiredRadioGroup';
 import { DisabledRadioGroup } from './DisabledRadioGroup';
 import { SubtextRadioGroup } from './SubtextRadioGroup';
+import { HorizontalRadioGroup } from './HorizontalRadioGroup';
 import { Test } from '../Test';
 var radioGroupExperimentalSections = [
     {
@@ -26,6 +27,11 @@ var radioGroupExperimentalSections = [
         testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
         component: SubtextRadioGroup,
     },
+    {
+        name: 'Other Layouts',
+        testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
+        component: HorizontalRadioGroup,
+    },
 ];
 export var RadioGroupExperimentalTest = function () {
     var status = {

package/lib/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js.map

@@ -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,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"}
+{"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,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,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;IACD;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,iCAAiC;QACzC,SAAS,EAAE,oBAAoB;KAChC;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"}

package/lib-commonjs/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const HorizontalRadioGroup: React.FunctionComponent;
+//# sourceMappingURL=HorizontalRadioGroup.d.ts.map

package/lib-commonjs/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalRadioGroup.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAuBxC,CAAC"}

package/lib-commonjs/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalRadioGroup = void 0;
+var tslib_1 = require("tslib");
+var experimental_radio_group_1 = require("@fluentui-react-native/experimental-radio-group");
+var react_native_1 = require("@fluentui/react-native");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_2 = require("react-native");
+var HorizontalRadioGroup = function () {
+    // Client's example onChange function
+    var onChange = React.useCallback(function (key) {
+        console.log(key);
+    }, []);
+    return (React.createElement(react_native_2.View, null,
+        React.createElement(experimental_radio_group_1.RadioGroup, { layout: 'horizontal', label: "Horizontal RadioGroup", defaultValue: "X", onChange: onChange },
+            React.createElement(experimental_radio_group_1.Radio, { label: "Apple", value: "W" }),
+            React.createElement(experimental_radio_group_1.Radio, { label: "Pear", value: "X" }),
+            React.createElement(experimental_radio_group_1.Radio, { label: "Banana", value: "C" }),
+            React.createElement(experimental_radio_group_1.Radio, { label: "Orange", value: "Z" })),
+        React.createElement(react_native_1.Separator, null),
+        React.createElement(experimental_radio_group_1.RadioGroup, { layout: 'horizontal-stacked', label: "Horizontal-Stacked RadioGroup", defaultValue: "X", onChange: onChange },
+            React.createElement(experimental_radio_group_1.Radio, { label: "Apple", value: "W" }),
+            React.createElement(experimental_radio_group_1.Radio, { label: "Pear", value: "X" }),
+            React.createElement(experimental_radio_group_1.Radio, { label: "Banana", value: "C" }),
+            React.createElement(experimental_radio_group_1.Radio, { label: "Orange", value: "Z" }))));
+};
+exports.HorizontalRadioGroup = HorizontalRadioGroup;
+//# sourceMappingURL=HorizontalRadioGroup.js.map

package/lib-commonjs/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalRadioGroup.js","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,4FAAoF;AACpF,uDAAmD;AACnD,wDAA+B;AAC/B,6CAAoC;AAE7B,IAAM,oBAAoB,GAA4B;IAC3D,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,MAAM,EAAE,YAAY,EAAE,KAAK,EAAC,uBAAuB,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YACjG,oBAAC,gCAAK,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,GAAG;YACjC,oBAAC,gCAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,GAAG,GAAG;YAChC,oBAAC,gCAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,GAAG;YAClC,oBAAC,gCAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,GAAG,CACvB;QACb,oBAAC,wBAAS,OAAG;QACb,oBAAC,qCAAU,IAAC,MAAM,EAAE,oBAAoB,EAAE,KAAK,EAAC,+BAA+B,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAE,QAAQ;YACjH,oBAAC,gCAAK,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG,GAAG;YACjC,oBAAC,gCAAK,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,GAAG,GAAG;YAChC,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;AAvBW,QAAA,oBAAoB,wBAuB/B"}

package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"RadioGroupExperimentalTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqC/B,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAuB9C,CAAC"}

package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js

@@ -8,6 +8,7 @@ var DefaultRadioGroup_1 = require("./DefaultRadioGroup");
 var RequiredRadioGroup_1 = require("./RequiredRadioGroup");
 var DisabledRadioGroup_1 = require("./DisabledRadioGroup");
 var SubtextRadioGroup_1 = require("./SubtextRadioGroup");
+var HorizontalRadioGroup_1 = require("./HorizontalRadioGroup");
 var Test_1 = require("../Test");
 var radioGroupExperimentalSections = [
     {
@@ -30,6 +31,11 @@ var radioGroupExperimentalSections = [
         testID: consts_1.RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
         component: SubtextRadioGroup_1.SubtextRadioGroup,
     },
+    {
+        name: 'Other Layouts',
+        testID: consts_1.RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
+        component: HorizontalRadioGroup_1.HorizontalRadioGroup,
+    },
 ];
 var RadioGroupExperimentalTest = function () {
     var status = {

package/lib-commonjs/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.js.map

@@ -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,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"}
+{"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,+DAA8D;AAC9D,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;IACD;QACE,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,0CAAiC;QACzC,SAAS,EAAE,2CAAoB;KAChC;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.101.9",
+  "version": "0.102.0",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -50,7 +50,7 @@
     "@fluentui-react-native/experimental-expander": "0.4.14",
     "@fluentui-react-native/experimental-menu-button": ">=0.4.45 <1.0.0",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.7.3 <1.0.0",
-    "@fluentui-react-native/experimental-radio-group": "^0.6.3",
+    "@fluentui-react-native/experimental-radio-group": "^0.7.0",
     "@fluentui-react-native/experimental-shadow": "0.2.30",
     "@fluentui-react-native/experimental-shimmer": "0.7.13",
     "@fluentui-react-native/experimental-tabs": "0.5.26",

package/src/TestComponents/RadioGroupExperimental/HorizontalRadioGroup.tsx

@@ -0,0 +1,29 @@
+import { RadioGroup, Radio } from '@fluentui-react-native/experimental-radio-group';
+import { Separator } from '@fluentui/react-native';
+import * as React from 'react';
+import { View } from 'react-native';
+
+export const HorizontalRadioGroup: React.FunctionComponent = () => {
+  // Client's example onChange function
+  const onChange = React.useCallback((key: string) => {
+    console.log(key);
+  }, []);
+
+  return (
+    <View>
+      <RadioGroup layout={'horizontal'} label="Horizontal RadioGroup" defaultValue="X" onChange={onChange}>
+        <Radio label="Apple" value="W" />
+        <Radio label="Pear" value="X" />
+        <Radio label="Banana" value="C" />
+        <Radio label="Orange" value="Z" />
+      </RadioGroup>
+      <Separator />
+      <RadioGroup layout={'horizontal-stacked'} label="Horizontal-Stacked RadioGroup" defaultValue="X" onChange={onChange}>
+        <Radio label="Apple" value="W" />
+        <Radio label="Pear" value="X" />
+        <Radio label="Banana" value="C" />
+        <Radio label="Orange" value="Z" />
+      </RadioGroup>
+    </View>
+  );
+};

package/src/TestComponents/RadioGroupExperimental/RadioGroupExperimentalTest.tsx

@@ -4,6 +4,7 @@ import { DefaultRadioGroup } from './DefaultRadioGroup';
 import { RequiredRadioGroup } from './RequiredRadioGroup';
 import { DisabledRadioGroup } from './DisabledRadioGroup';
 import { SubtextRadioGroup } from './SubtextRadioGroup';
+import { HorizontalRadioGroup } from './HorizontalRadioGroup';
 import { Test, TestSection, PlatformStatus } from '../Test';
 
 const radioGroupExperimentalSections: TestSection[] = [
@@ -27,6 +28,11 @@ const radioGroupExperimentalSections: TestSection[] = [
     testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
     component: SubtextRadioGroup,
   },
+  {
+    name: 'Other Layouts',
+    testID: RADIO_GROUP_EXPERIMENTAL_TESTPAGE,
+    component: HorizontalRadioGroup,
+  },
 ];
 
 export const RadioGroupExperimentalTest: React.FunctionComponent = () => {