@fluentui-react-native/tester 0.69.5 → 0.69.6

package/lib-commonjs/FluentTester/TestComponents/Common/MenuPicker.win32.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuPicker.desktop';
+//# sourceMappingURL=MenuPicker.win32.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Common/MenuPicker.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.win32.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/MenuPicker.win32.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Common/MenuPicker.win32.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./MenuPicker.desktop"), exports);
+//# sourceMappingURL=MenuPicker.win32.js.map

package/lib-commonjs/FluentTester/TestComponents/Common/MenuPicker.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.win32.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/MenuPicker.win32.tsx"],"names":[],"mappings":";;;AAAA,oEAAqC"}

package/lib-commonjs/FluentTester/TestComponents/Common/MenuPicker.windows.d.ts

@@ -0,0 +1,11 @@
+export * from './MenuPicker.desktop';
+import * as React from 'react';
+interface MenuPickerProps {
+    prompt?: string;
+    selected?: any;
+    onChange?: (value: any, index?: number) => void;
+    collection?: any[];
+    style?: any;
+}
+export declare const MenuPicker: React.FunctionComponent<MenuPickerProps>;
+//# sourceMappingURL=MenuPicker.windows.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Common/MenuPicker.windows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.windows.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/MenuPicker.windows.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,eAAe;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAU/D,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Common/MenuPicker.windows.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuPicker = void 0;
+var tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./MenuPicker.desktop"), exports);
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_1 = require("react-native");
+var MenuPicker = function (props) {
+    var prompt = props.prompt, onChange = props.onChange, collection = props.collection;
+    return (React.createElement(react_native_1.View, { style: menuPickerStyles.container },
+        React.createElement(react_native_1.Text, { style: menuPickerStyles.prompt }, prompt),
+        collection.map(function (value, index) { return (React.createElement(react_native_1.Button, { onPress: function () { return onChange(value, index); }, key: index, title: value })); })));
+};
+exports.MenuPicker = MenuPicker;
+var menuPickerStyles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+        margin: 5,
+    },
+    prompt: {
+        marginRight: 5,
+    },
+    chevronContainer: {
+        padding: 4,
+    },
+});
+//# sourceMappingURL=MenuPicker.windows.js.map

package/lib-commonjs/FluentTester/TestComponents/Common/MenuPicker.windows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPicker.windows.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/MenuPicker.windows.tsx"],"names":[],"mappings":";;;;AAAA,oEAAqC;AACrC,wDAA+B;AAC/B,6CAA8D;AAUvD,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,MAAM,GAA2B,KAAK,OAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IAC/C,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,SAAS;QACrC,oBAAC,mBAAI,IAAC,KAAK,EAAE,gBAAgB,CAAC,MAAM,IAAG,MAAM,CAAQ;QACpD,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAChC,oBAAC,qBAAM,IAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAtB,CAAsB,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5E,EAFiC,CAEjC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,UAAU,cAUrB;AAEF,IAAM,gBAAgB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACzC,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,CAAC;KACV;IACD,MAAM,EAAE;QACN,WAAW,EAAE,CAAC;KACf;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Common/StyledPicker.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledPicker: (props: any) => JSX.Element;
+//# sourceMappingURL=StyledPicker.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Common/StyledPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledPicker.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/StyledPicker.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,YAAY,6BAKxB,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Common/StyledPicker.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledPicker = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var MenuPicker_1 = require("./MenuPicker");
+var theme_types_1 = require("@fluentui-react-native/theme-types");
+var styles_1 = require("./styles");
+var StyledPicker = function (props) {
+    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
+    var theme = (0, theme_types_1.useTheme)();
+    var pickerStyles = (0, tslib_1.__assign)({ color: theme.colors.inputText }, styles_1.commonTestStyles.header);
+    return React.createElement(MenuPicker_1.MenuPicker, { prompt: prompt, style: pickerStyles, selected: selected, onChange: onChange, collection: collection });
+};
+exports.StyledPicker = StyledPicker;
+//# sourceMappingURL=StyledPicker.js.map

package/lib-commonjs/FluentTester/TestComponents/Common/StyledPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledPicker.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/StyledPicker.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,2CAA0C;AAE1C,kEAA8D;AAC9D,mCAA4D;AAErD,IAAM,YAAY,GAAG,UAAC,KAAK;IACxB,IAAA,MAAM,GAAqC,KAAK,OAA1C,EAAE,QAAQ,GAA2B,KAAK,SAAhC,EAAE,QAAQ,GAAiB,KAAK,SAAtB,EAAE,UAAU,GAAK,KAAK,WAAV,CAAW;IACzD,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,YAAY,2BAAK,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAuB,IAAK,yBAAY,CAAC,MAAM,CAAE,CAAC;IAC7F,OAAO,oBAAC,uBAAU,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AAC7H,CAAC,CAAC;AALW,QAAA,YAAY,gBAKvB"}

package/lib-commonjs/FluentTester/TestComponents/Common/styles.d.ts

@@ -24,6 +24,14 @@ export declare const commonTestStyles: {
     settings: {
         flexGrow: number;
     };
+    settingsPicker: {
+        flexDirection: "column";
+        flex: number;
+    };
+    pickerControlled: {
+        flex: number;
+        flexDirection: "row";
+    };
     vmargin: {
         marginVertical: number;
     };

package/lib-commonjs/FluentTester/TestComponents/Common/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAkBvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CAkBvB,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Common/styles.js

@@ -27,6 +27,14 @@ exports.commonTestStyles = react_native_1.StyleSheet.create({
     settings: {
         flexGrow: 1,
     },
+    settingsPicker: {
+        flexDirection: 'column',
+        flex: 1,
+    },
+    pickerControlled: {
+        flex: 1,
+        flexDirection: 'row',
+    },
     vmargin: {
         marginVertical: 6,
     },

package/lib-commonjs/FluentTester/TestComponents/Common/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/TestComponents/Persona/StandardUsage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Persona/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBA2CjC,CAAC"}
+{"version":3,"file":"StandardUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Persona/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuC/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAuCjC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Persona/StandardUsage.js

@@ -8,6 +8,7 @@ var styles_1 = require("./styles");
 var styles_2 = require("../Common/styles");
 var react_native_2 = require("react-native");
 var styles_3 = require("../PersonaCoin/styles");
+var MenuPicker_1 = require("../Common/MenuPicker");
 var allSizes = [
     styles_3.undefinedText,
     'size8',
@@ -40,7 +41,7 @@ var StandardUsage = function () {
             React.createElement(SwitchWithLabel, { label: "Show secondary text", value: showSecondary, onValueChange: setShowSecondary }),
             React.createElement(SwitchWithLabel, { label: "Show tertiary text", value: showTertiary, onValueChange: setShowTertiary }),
             React.createElement(SwitchWithLabel, { label: "Show optional text", value: showOptional, onValueChange: setShowOptional }),
-            React.createElement(react_native_2.Picker, { prompt: "Size", style: styles_2.commonTestStyles.header, selectedValue: imageSize || styles_3.undefinedText, onValueChange: function (size) { return setImageSize(size === styles_3.undefinedText ? undefined : size); } }, allSizes.map(function (size, index) { return (React.createElement(react_native_2.Picker.Item, { label: size, key: index, value: size })); }))),
+            React.createElement(MenuPicker_1.MenuPicker, { prompt: "Size", style: styles_2.commonTestStyles.header, selected: imageSize || styles_3.undefinedText, onChange: function (size) { return setImageSize(size === styles_3.undefinedText ? undefined : size); }, collection: allSizes })),
         React.createElement(react_native_1.Persona, { text: showPrimary ? 'Rajesh Jha' : undefined, secondaryText: showSecondary ? 'Executive Vice President' : undefined, tertiaryText: showTertiary ? 'E & D' : undefined, optionalText: showOptional ? 'Building 36/5600' : undefined, size: imageSize, initials: "RJ", imageUrl: showImage ? styles_1.rajeshImageUrl : undefined, imageDescription: "Profile photo of Rajesh Jha", presence: 'away' })));
 };
 exports.StandardUsage = StandardUsage;

package/lib-commonjs/FluentTester/TestComponents/Persona/StandardUsage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Persona/StandardUsage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Persona/StandardUsage.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/StandardUsage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/PersonaCoin/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6D/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAsCjC,CAAC"}
+{"version":3,"file":"StandardUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/PersonaCoin/StandardUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiD/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAuCjC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/StandardUsage.js

@@ -4,6 +4,7 @@ exports.StandardUsage = void 0;
 var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
 var react_native_1 = require("@fluentui/react-native");
+var StyledPicker_1 = require("../Common/StyledPicker");
 var react_native_2 = require("react-native");
 var styles_1 = require("./styles");
 var styles_2 = require("../Common/styles");
@@ -44,12 +45,6 @@ var allColors = [
     'brown',
 ];
 var allPresences = [styles_1.undefinedText, 'none', 'online', 'offline', 'busy', 'dnd', 'blocked', 'away'];
-var StyledPicker = function (props) {
-    var prompt = props.prompt, selected = props.selected, onChange = props.onChange, collection = props.collection;
-    var theme = (0, theme_types_1.useTheme)();
-    var pickerStyles = (0, tslib_1.__assign)({ color: theme.colors.inputText }, styles_2.commonTestStyles.header);
-    return (React.createElement(react_native_2.Picker, { prompt: prompt, style: pickerStyles, selectedValue: selected, onValueChange: onChange }, collection.map(function (value, index) { return (React.createElement(react_native_2.Picker.Item, { label: value, key: index, value: value })); })));
-};
 var StandardUsage = function () {
     var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
     var _b = React.useState('size72'), imageSize = _b[0], setImageSize = _b[1];
@@ -61,14 +56,15 @@ var StandardUsage = function () {
     var theme = (0, theme_types_1.useTheme)();
     var textStyles = { color: theme.colors.inputText };
     return (React.createElement(react_native_2.View, { style: styles_2.commonTestStyles.root },
-        React.createElement(react_native_2.View, { style: styles_2.commonTestStyles.settings },
+        React.createElement(react_native_2.View, { style: styles_2.commonTestStyles.settingsPicker },
             React.createElement(react_native_2.View, { style: styles_2.commonTestStyles.switch },
                 React.createElement(react_native_2.Text, { style: textStyles }, "Show image"),
                 React.createElement(react_native_2.Switch, { value: showImage, onValueChange: setShowImage })),
-            React.createElement(StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
-            React.createElement(StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
-            React.createElement(StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
-        React.createElement(react_native_1.PersonaCoin, { size: imageSize === styles_1.undefinedText ? undefined : imageSize, initials: "SN", imageDescription: "Photo of Satya Nadella", presence: presence === styles_1.undefinedText ? undefined : presence, imageUrl: showImage ? styles_1.satyaPhotoUrl : undefined, coinColorFluent: coinColor === styles_1.undefinedText ? undefined : coinColor })));
+            React.createElement(StyledPicker_1.StyledPicker, { prompt: "Size", selected: imageSize, onChange: onSizeChange, collection: allSizes }),
+            React.createElement(StyledPicker_1.StyledPicker, { prompt: "Coin color", selected: coinColor, onChange: onColorChange, collection: allColors }),
+            React.createElement(StyledPicker_1.StyledPicker, { prompt: "Presence status", selected: presence, onChange: onPresenceChange, collection: allPresences })),
+        React.createElement(react_native_2.View, { style: styles_2.commonTestStyles.pickerControlled },
+            React.createElement(react_native_1.PersonaCoin, { size: imageSize === styles_1.undefinedText ? undefined : imageSize, initials: "SN", imageDescription: "Photo of Satya Nadella", presence: presence === styles_1.undefinedText ? undefined : presence, imageUrl: showImage ? styles_1.satyaPhotoUrl : undefined, coinColorFluent: coinColor === styles_1.undefinedText ? undefined : coinColor }))));
 };
 exports.StandardUsage = StandardUsage;
 //# sourceMappingURL=StandardUsage.js.map

package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/StandardUsage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/PersonaCoin/StandardUsage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StandardUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/PersonaCoin/StandardUsage.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/theme/ThemePickers.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePickers.android.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.android.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemePickers.android.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.android.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/theme/ThemePickers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePickers.d.ts","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAEH,aAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAiB/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA+BhC,CAAC"}
+{"version":3,"file":"ThemePickers.d.ts","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAEH,aAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAc/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA+BhC,CAAC"}

package/lib-commonjs/FluentTester/theme/ThemePickers.js

@@ -8,6 +8,7 @@ var experimental_text_1 = require("@fluentui-react-native/experimental-text");
 var CustomThemes_1 = require("./CustomThemes");
 var applyTheme_1 = require("./applyTheme");
 var applyBrand_1 = require("./applyBrand");
+var MenuPicker_1 = require("../TestComponents/Common/MenuPicker");
 exports.themePickerStyles = react_native_1.StyleSheet.create({
     pickerRoot: {
         flexDirection: 'row',
@@ -30,7 +31,10 @@ var PartPicker = function (props) {
         setValue(newValue);
         onChange(newValue);
     }, [setValue, onChange]);
-    return (React.createElement(react_native_1.Picker, { selectedValue: value, style: exports.themePickerStyles.dropdown, onValueChange: onValueChange }, contents.map(function (entry, index) { return (React.createElement(react_native_1.Picker.Item, { label: entry.label, value: entry.value, key: "entry".concat(index) })); })));
+    var MenuPickerCollection = contents.map(function (entry) {
+        return entry.label;
+    });
+    return React.createElement(MenuPicker_1.MenuPicker, { selected: value, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: MenuPickerCollection });
 };
 exports.PartPicker = PartPicker;
 var PickerLabel = experimental_text_1.Text.customize({ variant: 'bodySemibold' });

package/lib-commonjs/FluentTester/theme/ThemePickers.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/theme/ThemePickers.macos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePickers.macos.d.ts","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAEH,aAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAiB/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAsBhC,CAAC"}
+{"version":3,"file":"ThemePickers.macos.d.ts","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAaH,aAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAiCF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAW/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAsBhC,CAAC"}

package/lib-commonjs/FluentTester/theme/ThemePickers.macos.js

@@ -5,7 +5,9 @@ var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
 var react_native_1 = require("react-native");
 var experimental_text_1 = require("@fluentui-react-native/experimental-text");
-var picker_1 = require("@react-native-picker/picker");
+var react_native_svg_1 = require("react-native-svg");
+var menu_1 = require("@fluentui-react-native/menu");
+var react_native_2 = require("@fluentui/react-native");
 var CustomThemes_1 = require("./CustomThemes");
 var applyTheme_1 = require("./applyTheme");
 var applyBrand_1 = require("./applyBrand");
@@ -24,6 +26,29 @@ exports.themePickerStyles = react_native_1.StyleSheet.create({
         fontSize: 12,
     },
 });
+var themeMenuPickerStyles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        margin: 5,
+    },
+    svg: {
+        padding: 4,
+    },
+});
+var ThemeMenuPicker = function (_a) {
+    var selected = _a.selected, onChange = _a.onChange, collection = _a.collection, style = _a.style;
+    var chevronXml = "\n  <svg width=\"12\" height=\"16\" viewBox=\"0 0 11 6\" color=\"#000\">\n    <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />\n  </svg>";
+    return (React.createElement(react_native_1.View, { style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, themeMenuPickerStyles.container), style) },
+        React.createElement(menu_1.Menu, null,
+            React.createElement(menu_1.MenuTrigger, null,
+                React.createElement(react_native_2.ButtonV1, null,
+                    React.createElement(experimental_text_1.Text, null, selected),
+                    React.createElement(react_native_1.View, { style: themeMenuPickerStyles.svg },
+                        React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml })))),
+            React.createElement(menu_1.MenuPopover, null,
+                React.createElement(menu_1.MenuList, null, collection.map(function (entry, index) { return (React.createElement(menu_1.MenuItem, { onClick: function () { return onChange(entry.value); }, key: "entry".concat(index) }, entry.label)); }))))));
+};
 var PartPicker = function (props) {
     var initial = props.initial, contents = props.contents, onChange = props.onChange;
     var _a = React.useState(initial), value = _a[0], setValue = _a[1];
@@ -31,7 +56,7 @@ var PartPicker = function (props) {
         setValue(newValue);
         onChange(newValue);
     }, [setValue, onChange]);
-    return (React.createElement(picker_1.Picker, { selectedValue: value, style: exports.themePickerStyles.dropdown, onValueChange: onValueChange }, contents.map(function (entry, index) { return (React.createElement(picker_1.Picker.Item, { label: entry.label, value: entry.value, key: "entry".concat(index) })); })));
+    return React.createElement(ThemeMenuPicker, { selected: value, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
 };
 exports.PartPicker = PartPicker;
 var PickerLabel = experimental_text_1.Text.customize({ variant: 'bodySemibold' });

package/lib-commonjs/FluentTester/theme/ThemePickers.macos.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.macos.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAgD;AAChD,8EAAgE;AAChE,sDAAqD;AACrD,+CAA6C;AAC7C,2CAAwD;AACxD,2CAAyD;AAE5C,QAAA,iBAAiB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACjD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;KACrB;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX;IAED,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAUI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACxC,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAA1C,KAAK,QAAA,EAAE,QAAQ,QAA2B,CAAC;IAClD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,QAAgB;QACf,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IACF,OAAO,CACL,oBAAC,eAAM,IAAC,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,yBAAiB,CAAC,QAAQ,EAAE,aAAa,EAAE,aAAa,IAC1F,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAsB,EAAE,KAAa,IAAK,OAAA,CACvD,oBAAC,eAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,eAAQ,KAAK,CAAE,GAAI,CAC9E,EAFwD,CAExD,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,UAAU,cAiBrB;AAEF,IAAM,WAAW,GAAG,wBAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEzD,IAAM,YAAY,GAA4B;IACnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,0BAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,UAAU;QACvC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yBAAY,GAAI,CAC5F;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,yBAAY,GAAI,CACtF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,YAAY,gBAsBvB"}
+{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.69.5",
+  "version": "0.69.6",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -46,7 +46,7 @@
     "@fluentui-react-native/framework": ">=0.7.30 <1.0.0",
     "@fluentui-react-native/icon": "0.12.1",
     "@fluentui-react-native/interactive-hooks": ">=0.16.3 <1.0.0",
-    "@fluentui-react-native/menu": "^1.0.1",
+    "@fluentui-react-native/menu": "^1.0.2",
     "@fluentui-react-native/notification": "0.1.0",
     "@fluentui-react-native/stack": ">=0.6.29 <1.0.0",
     "@fluentui-react-native/theme": ">=0.6.11 <1.0.0",

package/src/FluentTester/TestComponents/Avatar/BasicAvatar.tsx

@@ -1,12 +1,13 @@
 import React, { useState, useCallback, FunctionComponent } from 'react';
 import { AvatarSize, AvatarSizes, AvatarColor, AvatarColors, Avatar, AvatarActive } from '@fluentui-react-native/avatar';
 import { PresenceBadgeStatuses, PresenceBadgeStatus } from '@fluentui-react-native/badge';
-import { Switch, View, Text, Picker, ColorValue, Platform } from 'react-native';
+import { Switch, View, Text, ColorValue, Platform } from 'react-native';
 import { satyaPhotoUrl, undefinedText } from './../PersonaCoin/styles';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 import { useTheme } from '@fluentui-react-native/theme-types';
 import TestSvg from '../../test-data/test.svg';
 import { SvgIconProps } from '@fluentui-react-native/icon';
+import { StyledPicker } from '../Common/StyledPicker';
 
 type WithUndefined<T> = T | typeof undefinedText;
 
@@ -16,19 +17,6 @@ const avatarColors: AvatarColor[] = ['neutral', 'brand', 'colorful', ...AvatarCo
 const allSizes: WithUndefined<AvatarSize>[] = [undefinedText, ...AvatarSizes];
 const allPresences: WithUndefined<PresenceBadgeStatus>[] = [undefinedText, ...PresenceBadgeStatuses];
 
-const StyledPicker = (props) => {
-  const { prompt, selected, onChange, collection } = props;
-  const theme = useTheme();
-  const pickerStyles = { color: theme.colors.inputText as ColorValue, ...commonStyles.header };
-  return (
-    <Picker prompt={prompt} style={pickerStyles} selectedValue={selected} onValueChange={onChange}>
-      {collection.map((value, index) => (
-        <Picker.Item label={value} key={index} value={value} />
-      ))}
-    </Picker>
-  );
-};
-
 export const StandardUsage: FunctionComponent = () => {
   const [isSquare, setSquare] = useState(false);
   const [showImage, setShowImage] = useState(true);
@@ -64,7 +52,7 @@ export const StandardUsage: FunctionComponent = () => {
 
   return (
     <View style={commonStyles.root}>
-      <View style={commonStyles.settings}>
+      <View style={commonStyles.settingsPicker}>
         <View style={commonStyles.switch}>
           <Text style={textStyles}>Show image</Text>
           <Switch value={showImage} onValueChange={setShowImage} />
@@ -84,58 +72,60 @@ export const StandardUsage: FunctionComponent = () => {
         <StyledPicker prompt="Avatar Color" selected={avatarColor} onChange={onAvatarColorChange} collection={avatarColors} />
         <StyledPicker prompt="Presence status" selected={presence} onChange={onPresenceChange} collection={allPresences} />
       </View>
-      <Avatar
-        accessibilityLabel="Fall-back Icon"
-        accessibilityHint="A picture representing a user"
-        size={imageSize === undefinedText ? undefined : imageSize}
-      />
-      <Avatar
-        active={active}
-        activeAppearance={activeAppearance}
-        size={imageSize === undefinedText ? undefined : imageSize}
-        name="Satya Nadella"
-        shape={isSquare ? 'square' : 'circular'}
-        accessibilityLabel="Photo of Satya Nadella"
-        badge={{ status: presence === undefinedText ? undefined : presence, outOfOffice }}
-        imageUrl={showImage ? satyaPhotoUrl : undefined}
-        avatarColor={avatarColor}
-      />
-      <Avatar
-        active={active}
-        activeAppearance={activeAppearance}
-        size={imageSize === undefinedText ? undefined : imageSize}
-        shape={isSquare ? 'square' : 'circular'}
-        accessibilityLabel="Icon"
-        name="* Richard Faynman *"
-        avatarColor="#ff0099"
-        initialsColor="yellow"
-      />
-      {svgIconsEnabled && (
-        <>
-          <Avatar
-            active={active}
-            activeAppearance={activeAppearance}
-            size={imageSize === undefinedText ? undefined : imageSize}
-            shape={isSquare ? 'square' : 'circular'}
-            accessibilityLabel="SVG Icon"
-            icon={{ fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: 'red' }}
-            avatarColor={avatarColor}
-            badge={{ status: 'outOfOffice', outOfOffice }}
-          />
-          <Avatar
-            accessibilityHint="A picture representing a user"
-            active={active}
-            activeAppearance={activeAppearance}
-            size={imageSize === undefinedText ? undefined : imageSize}
-            shape={isSquare ? 'square' : 'circular'}
-            accessibilityLabel="SVG Icon"
-            icon={{ svgSource: svgProps }}
-            avatarColor={avatarColor}
-            badge={{ status: 'away', outOfOffice }}
-            idForColor="15"
-          />
-        </>
-      )}
+      <View style={commonStyles.pickerControlled}>
+        <Avatar
+          accessibilityLabel="Fall-back Icon"
+          accessibilityHint="A picture representing a user"
+          size={imageSize === undefinedText ? undefined : imageSize}
+        />
+        <Avatar
+          active={active}
+          activeAppearance={activeAppearance}
+          size={imageSize === undefinedText ? undefined : imageSize}
+          name="Satya Nadella"
+          shape={isSquare ? 'square' : 'circular'}
+          accessibilityLabel="Photo of Satya Nadella"
+          badge={{ status: presence === undefinedText ? undefined : presence, outOfOffice }}
+          imageUrl={showImage ? satyaPhotoUrl : undefined}
+          avatarColor={avatarColor}
+        />
+        <Avatar
+          active={active}
+          activeAppearance={activeAppearance}
+          size={imageSize === undefinedText ? undefined : imageSize}
+          shape={isSquare ? 'square' : 'circular'}
+          accessibilityLabel="Icon"
+          name="* Richard Faynman *"
+          avatarColor="#ff0099"
+          initialsColor="yellow"
+        />
+        {svgIconsEnabled && (
+          <>
+            <Avatar
+              active={active}
+              activeAppearance={activeAppearance}
+              size={imageSize === undefinedText ? undefined : imageSize}
+              shape={isSquare ? 'square' : 'circular'}
+              accessibilityLabel="SVG Icon"
+              icon={{ fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: 'red' }}
+              avatarColor={avatarColor}
+              badge={{ status: 'outOfOffice', outOfOffice }}
+            />
+            <Avatar
+              accessibilityHint="A picture representing a user"
+              active={active}
+              activeAppearance={activeAppearance}
+              size={imageSize === undefinedText ? undefined : imageSize}
+              shape={isSquare ? 'square' : 'circular'}
+              accessibilityLabel="SVG Icon"
+              icon={{ svgSource: svgProps }}
+              avatarColor={avatarColor}
+              badge={{ status: 'away', outOfOffice }}
+              idForColor="15"
+            />
+          </>
+        )}
+      </View>
     </View>
   );
 };