@fluentui-react-native/tester 0.170.27 → 0.170.29

package/lib-commonjs/TestComponents/Notification/NotificationTest.js.map

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

package/lib-commonjs/TestComponents/Notification/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Notification/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,iCAAiC,CAAC;AAC3E,eAAO,MAAM,qBAAqB,0BAA0B,CAAC"}

package/lib-commonjs/TestComponents/Notification/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/TestComponents/Notification/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,4BAA4B,GAAG,8BAA8B,CAAC;AAC9D,QAAA,qBAAqB,GAAG,uBAAuB,CAAC"}

package/lib-commonjs/TestComponents/Notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Notification/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC"}

package/lib-commonjs/TestComponents/Notification/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./NotificationTest"), exports);
+tslib_1.__exportStar(require("./consts"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/TestComponents/Notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Notification/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,mDAAyB"}

package/lib-commonjs/TestComponents/Overflow/OverflowE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowE2ETest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Overflow/OverflowE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2D/B,wBAAgB,eAAe,sBAmC9B"}

package/lib-commonjs/TestComponents/Overflow/OverflowE2ETest.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.E2EOverflowTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const button_1 = require("@fluentui-react-native/button");
+const divider_1 = require("@fluentui-react-native/divider");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const overflow_1 = require("@fluentui-react-native/overflow");
+const radio_group_1 = require("@fluentui-react-native/radio-group");
+const text_1 = require("@fluentui-react-native/text");
+const styles = react_native_1.StyleSheet.create({
+    menu: {
+        width: 50,
+    },
+    item: {
+        width: 100,
+    },
+});
+function OverflowMenu() {
+    const { showMenu, visibleMenuItems, onMenuTriggerLayout } = (0, overflow_1.useOverflowMenu)();
+    const overflowCount = visibleMenuItems.length;
+    if (showMenu) {
+        return (React.createElement(button_1.ButtonV1, { testID: e2e_testing_1.OVERFLOW_MENU, onLayout: onMenuTriggerLayout, style: styles.menu }, `${overflowCount} hidden`));
+    }
+    else {
+        return null;
+    }
+}
+const items = [e2e_testing_1.FIRST_OVERFLOW_ITEM_ID, e2e_testing_1.SECOND_OVERFLOW_ITEM_ID, e2e_testing_1.THIRD_OVERFLOW_ITEM_ID];
+const itemsToTestIDs = {
+    [e2e_testing_1.FIRST_OVERFLOW_ITEM_ID]: e2e_testing_1.FIRST_OVERFLOW_ITEM,
+    [e2e_testing_1.SECOND_OVERFLOW_ITEM_ID]: e2e_testing_1.SECOND_OVERFLOW_ITEM,
+    [e2e_testing_1.THIRD_OVERFLOW_ITEM_ID]: e2e_testing_1.THIRD_OVERFLOW_ITEM,
+};
+function E2EOverflowTest() {
+    const [overflowStyles, setOverflowStyles] = React.useState({});
+    const [ready, setReady] = React.useState(false);
+    const [updated, setUpdated] = React.useState(false);
+    const handleRadioGroupChange = React.useCallback((key) => {
+        setUpdated(false);
+        const keyAsInt = parseInt(key);
+        setOverflowStyles({ width: keyAsInt });
+    }, []);
+    const handleReady = React.useCallback(() => setReady(true), []);
+    const handleOverflowUpdate = React.useCallback(() => setUpdated(true), []);
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(text_1.TextV1, { testID: e2e_testing_1.READY_LABEL }, ready ? e2e_testing_1.READY_VALUE_TRUE : e2e_testing_1.READY_VALUE_FALSE),
+        React.createElement(text_1.TextV1, { testID: e2e_testing_1.UPDATED_LABEL }, updated ? e2e_testing_1.UPDATED_VALUE_TRUE : e2e_testing_1.UPDATED_VALUE_FALSE),
+        React.createElement(divider_1.Divider, null),
+        React.createElement(radio_group_1.RadioGroupV1, { defaultValue: "375", label: "Width Options", onChange: handleRadioGroupChange },
+            React.createElement(radio_group_1.Radio, { testID: e2e_testing_1.RADIO_175, label: "175", value: "175" }),
+            React.createElement(radio_group_1.Radio, { testID: e2e_testing_1.RADIO_275, label: "275", value: "275" }),
+            React.createElement(radio_group_1.Radio, { testID: e2e_testing_1.RADIO_375, label: "375", value: "375" })),
+        React.createElement(divider_1.Divider, null),
+        React.createElement(overflow_1.Overflow, { onOverflowUpdate: handleOverflowUpdate, itemIDs: items, style: overflowStyles, onReady: handleReady },
+            items.map((id, i) => (React.createElement(overflow_1.OverflowItem, { testID: itemsToTestIDs[id], priority: items.length - i, overflowID: id, key: id },
+                React.createElement(button_1.ButtonV1, { style: styles.item }, `Item '${id}'`)))),
+            React.createElement(OverflowMenu, null))));
+}
+exports.E2EOverflowTest = E2EOverflowTest;
+//# sourceMappingURL=OverflowE2ETest.js.map

package/lib-commonjs/TestComponents/Overflow/OverflowE2ETest.js.map

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

package/lib-commonjs/TestComponents/Overflow/OverflowTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Overflow/OverflowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuL/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA2ChC,CAAC"}

package/lib-commonjs/TestComponents/Overflow/OverflowTest.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverflowTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const button_1 = require("@fluentui-react-native/button");
+const divider_1 = require("@fluentui-react-native/divider");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const menu_1 = require("@fluentui-react-native/menu");
+const overflow_1 = require("@fluentui-react-native/overflow");
+const tablist_1 = require("@fluentui-react-native/tablist");
+const text_1 = require("@fluentui-react-native/text");
+const OverflowE2ETest_1 = require("./OverflowE2ETest");
+const MoreHorizontalFilled_svg_1 = tslib_1.__importDefault(require("../../../assets/MoreHorizontalFilled.svg"));
+const Test_1 = require("../Test");
+const items = ['a', 'b', 'c', 'd', 'e'];
+const itemLabels = {
+    a: 'Item A',
+    b: 'Item B Item B Item B',
+    c: 'Item C Item C',
+    d: 'Item D',
+    e: 'Item E Item E Item E Item E',
+};
+const overflowTestPageStyles = react_native_1.StyleSheet.create({
+    containerStyle: {
+        paddingVertical: 4,
+    },
+    width100: {
+        width: 100,
+    },
+    width250: {
+        width: 250,
+    },
+    width400: {
+        width: 400,
+    },
+    menuTrigger: {
+        alignSelf: 'center',
+    },
+    dynamicAddRemoval: {
+        width: 400,
+        borderWidth: 1,
+        borderStyle: 'solid',
+        borderColor: 'black',
+    },
+});
+function OverflowMenu(props) {
+    const { showMenu, visibleMenuItems, menuTriggerRef, onMenuTriggerLayout } = (0, overflow_1.useOverflowMenu)();
+    if (showMenu) {
+        return (React.createElement(menu_1.Menu, null,
+            React.createElement(menu_1.MenuTrigger, null,
+                React.createElement(button_1.ButtonV1, { accessibilityLabel: "More options", onLayout: onMenuTriggerLayout, style: overflowTestPageStyles.menuTrigger, appearance: "subtle", iconOnly: true, icon: { svgSource: { src: MoreHorizontalFilled_svg_1.default, viewBox: '0 0 20 20' } }, componentRef: menuTriggerRef })),
+            React.createElement(menu_1.MenuPopover, null,
+                React.createElement(menu_1.MenuList, null, visibleMenuItems.map((id) => (React.createElement(menu_1.MenuItem, { onClick: () => props.onItemPress(id), key: id }, itemLabels[id] ?? 'Item ' + id)))))));
+    }
+    else {
+        return null;
+    }
+}
+function OverflowMainTest() {
+    return (React.createElement(react_native_1.View, { style: overflowTestPageStyles.containerStyle },
+        React.createElement(overflow_1.Overflow, { itemIDs: items },
+            items.map((item) => (React.createElement(overflow_1.OverflowItem, { key: item, overflowID: item },
+                React.createElement(button_1.ButtonV1, { onClick: () => console.log(item) }, itemLabels[item])))),
+            React.createElement(OverflowMenu, { onItemPress: console.log }))));
+}
+function OverflowTabTest() {
+    const [key, setKey] = React.useState('a');
+    return (React.createElement(react_native_1.View, { style: overflowTestPageStyles.containerStyle },
+        React.createElement(overflow_1.Overflow, { dontHideBeforeReady: true, itemIDs: items },
+            React.createElement(tablist_1.TabList, { selectedKey: key, onTabSelect: setKey },
+                items.map((item) => (React.createElement(overflow_1.OverflowItem, { priority: key === item ? 2 : 1, key: item, overflowID: item },
+                    React.createElement(tablist_1.Tab, { tabKey: item }, itemLabels[item])))),
+                React.createElement(OverflowMenu, { onItemPress: setKey })))));
+}
+function OverflowWidthExample(props) {
+    const style = React.useMemo(() => ({ width: props.width }), [props]);
+    return (React.createElement(react_native_1.View, { style: overflowTestPageStyles.containerStyle },
+        React.createElement(text_1.TextV1, { variant: "body1Strong" }, `Width: ${props.width}`),
+        React.createElement(overflow_1.Overflow, { dontHideBeforeReady: props.dontHideBeforeReady, style: style, itemIDs: items },
+            items.map((item) => (React.createElement(overflow_1.OverflowItem, { overflowID: item, key: item },
+                React.createElement(button_1.ButtonV1, null,
+                    "Item ",
+                    ' ' + item)))),
+            React.createElement(OverflowMenu, { onItemPress: console.log }))));
+}
+function OverflowDifferentWidthTest() {
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(text_1.TextV1, { variant: "heroStandard" }, "Hidden Before Layout"),
+        React.createElement(OverflowWidthExample, { width: 100 }),
+        React.createElement(OverflowWidthExample, { width: 250 }),
+        React.createElement(OverflowWidthExample, { width: 400 }),
+        React.createElement(divider_1.Divider, null),
+        React.createElement(text_1.TextV1, { variant: "heroStandard" }, "Visible Before Layout"),
+        React.createElement(OverflowWidthExample, { dontHideBeforeReady: true, width: 100 }),
+        React.createElement(OverflowWidthExample, { dontHideBeforeReady: true, width: 250 }),
+        React.createElement(OverflowWidthExample, { dontHideBeforeReady: true, width: 400 })));
+}
+function OverflowDynamicAddRemovalTest() {
+    const [ids, setIDs] = React.useState(['1', '2', '3']);
+    const addItem = React.useCallback(() => setIDs((prev) => {
+        const newItem = (parseInt(prev[prev.length - 1]) + 1).toString();
+        return [...prev, newItem];
+    }), []);
+    const removeItem = React.useCallback((item) => setIDs((prev) => prev.filter((x) => x !== item)), []);
+    return (React.createElement(react_native_1.View, { style: overflowTestPageStyles.containerStyle },
+        React.createElement(text_1.TextV1, null, "Add buttons using the button below. Remove by clicking on individual items in the Overflow container."),
+        React.createElement(button_1.ButtonV1, { onClick: addItem }, "Add item"),
+        React.createElement(text_1.TextV1, null,
+            "Overflow Items (raw): ",
+            ids.reduce((prev, curr) => prev + ', ' + curr)),
+        React.createElement(divider_1.Divider, null),
+        React.createElement(overflow_1.Overflow, { padding: 4, style: overflowTestPageStyles.dynamicAddRemoval, itemIDs: ids },
+            ids.map((id) => {
+                return (React.createElement(overflow_1.OverflowItem, { key: id, overflowID: id },
+                    React.createElement(button_1.ButtonV1, { onClick: () => removeItem(id) }, 'Item ' + id)));
+            }),
+            React.createElement(OverflowMenu, { onItemPress: removeItem }))));
+}
+const OverflowTest = () => {
+    const description = 'The `Overflow` and `OverflowItem` components, based off the same Fluent web v9 components of the same name, are low level utilities that enable users to create overflow experiences with any component. These components will detect and hide overflowing elements on screen and manage the overflow state.';
+    return (React.createElement(Test_1.Test, { name: "Overflow Test", description: description, sections: [
+            {
+                name: 'Overflow',
+                component: OverflowMainTest,
+                testID: e2e_testing_1.OVERFLOW_TESTPAGE,
+            },
+            {
+                name: 'Overflow TabList',
+                component: OverflowTabTest,
+            },
+            {
+                name: 'Overflow Dynamic Add/Removal of Items',
+                component: OverflowDynamicAddRemovalTest,
+            },
+            {
+                name: 'Overflow Variable Width',
+                component: OverflowDifferentWidthTest,
+            },
+        ], e2eSections: [
+            {
+                name: 'Overflow E2E Section',
+                component: OverflowE2ETest_1.E2EOverflowTest,
+            },
+        ], spec: "https://github.com/microsoft/fluentui-react-native/blob/main/packages/experimental/Overflow/SPEC.md", status: {
+            win32Status: 'Experimental',
+            uwpStatus: 'Backlog',
+            iosStatus: 'Backlog',
+            macosStatus: 'Experimental',
+            androidStatus: 'Backlog',
+        } }));
+};
+exports.OverflowTest = OverflowTest;
+//# sourceMappingURL=OverflowTest.js.map

package/lib-commonjs/TestComponents/Overflow/OverflowTest.js.map

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

package/lib-commonjs/TestComponents/Persona/CustomizeUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Persona/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2FlC,CAAC"}

package/lib-commonjs/TestComponents/Persona/CustomizeUsage.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomizeUsage = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const theme_types_1 = require("@fluentui-react-native/theme-types");
+const themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
+const styles_1 = require("./styles");
+const Slider_1 = require("../Common/Slider");
+const styles_2 = require("../Common/styles");
+const getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)((t) => {
+    return { textbox: { ...styles_2.commonTestStyles.textBox, borderColor: t.colors.inputBorder } };
+});
+const CustomizeUsage = () => {
+    const [showImage, setShowImage] = React.useState(true);
+    const [coinColor, setCoinColor] = React.useState();
+    const [textColor, setTextColor] = React.useState();
+    const [textSize, setTextSize] = React.useState(23);
+    const [secondarySize, setSecondarySize] = React.useState(20);
+    const [tertiarySize, setTertiarySize] = React.useState(17);
+    const [optionalSize, setOptionalSize] = React.useState(14);
+    const [horizontalGap, setHorizontalGap] = React.useState();
+    const [verticalGap, setVerticalGap] = React.useState();
+    const theme = (0, theme_types_1.useTheme)();
+    const textBoxBorderStyle = getThemedStyles(theme);
+    const CustomizedPersona = React.useMemo(() => {
+        const tokens = {
+            backgroundColor: coinColor,
+            color: textColor,
+            textFont: { fontSize: textSize },
+            secondaryFont: { fontSize: secondarySize },
+            tertiaryFont: { fontSize: tertiarySize },
+            optionalFont: { fontSize: optionalSize },
+            horizontalGap: horizontalGap,
+            verticalGap: verticalGap,
+        };
+        return react_native_2.Persona.customize({ tokens });
+    }, [coinColor, textColor, textSize, secondarySize, tertiarySize, optionalSize, horizontalGap, verticalGap]);
+    return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
+        React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
+            React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
+                React.createElement(react_native_1.Text, null, "Show image"),
+                React.createElement(react_native_1.Switch, { value: showImage, onValueChange: setShowImage })),
+            React.createElement(react_native_1.TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: (e) => {
+                    setCoinColor(e.nativeEvent.text);
+                } }),
+            React.createElement(react_native_1.TextInput, { accessibilityLabel: "Initials text color", style: textBoxBorderStyle.textbox, placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: (e) => {
+                    setTextColor(e.nativeEvent.text);
+                } }),
+            React.createElement(react_native_1.Text, null, "Primary text size"),
+            React.createElement(Slider_1.Slider, { maximum: 50, minimum: 5, initialValue: textSize, style: styles_2.commonTestStyles.vmargin, onChange: setTextSize }),
+            React.createElement(react_native_1.Text, null, "Secondary text size"),
+            React.createElement(Slider_1.Slider, { maximum: 50, minimum: 5, initialValue: secondarySize, style: styles_2.commonTestStyles.vmargin, onChange: setSecondarySize }),
+            React.createElement(react_native_1.Text, null, "Tertiary text size"),
+            React.createElement(Slider_1.Slider, { maximum: 50, minimum: 5, initialValue: tertiarySize, style: styles_2.commonTestStyles.vmargin, onChange: setTertiarySize }),
+            React.createElement(react_native_1.Text, null, "Optional text size"),
+            React.createElement(Slider_1.Slider, { maximum: 50, minimum: 5, initialValue: optionalSize, style: styles_2.commonTestStyles.vmargin, onChange: setOptionalSize }),
+            React.createElement(react_native_1.Text, null, "Horizontal gap"),
+            React.createElement(Slider_1.Slider, { maximum: 100, initialValue: 5, minimum: 0, style: styles_2.commonTestStyles.vmargin, onChange: setHorizontalGap }),
+            React.createElement(react_native_1.Text, null, "Vertical gap"),
+            React.createElement(Slider_1.Slider, { maximum: 20, initialValue: 5, minimum: 0, style: styles_2.commonTestStyles.vmargin, onChange: setVerticalGap })),
+        React.createElement(CustomizedPersona, { initials: "MJ", size: "size72", text: "Michael Jackson", secondaryText: "Pop singer", tertiaryText: "King of pop", optionalText: "Indiana", imageDescription: "Legendary pop singer", presence: "offline", imageUrl: showImage ? styles_1.michaelImageUrl : undefined })));
+};
+exports.CustomizeUsage = CustomizeUsage;
+//# sourceMappingURL=CustomizeUsage.js.map

package/lib-commonjs/TestComponents/Persona/CustomizeUsage.js.map

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

package/lib-commonjs/TestComponents/Persona/PersonaTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Persona/PersonaTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAa/B,CAAC"}

package/lib-commonjs/TestComponents/Persona/PersonaTest.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PersonaTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const CustomizeUsage_1 = require("./CustomizeUsage");
+const StandardUsage_1 = require("./StandardUsage");
+const Test_1 = require("../Test");
+const personaSections = [
+    {
+        name: 'Standard Usage',
+        testID: e2e_testing_1.PERSONA_TESTPAGE,
+        component: StandardUsage_1.StandardUsage,
+    },
+    {
+        name: 'Customize Usage',
+        component: CustomizeUsage_1.CustomizeUsage,
+    },
+];
+const PersonaTest = () => {
+    const status = {
+        win32Status: 'Deprecated',
+        uwpStatus: 'Deprecated',
+        iosStatus: 'Deprecated',
+        macosStatus: 'Deprecated',
+        androidStatus: 'Deprecated',
+    };
+    const description = "Personas are used for rendering an individual's avatar and presence. Persona renders a PersonaCoin along with descriptive text components.";
+    return React.createElement(Test_1.Test, { name: "Persona Test", description: description, sections: personaSections, status: status });
+};
+exports.PersonaTest = PersonaTest;
+//# sourceMappingURL=PersonaTest.js.map

package/lib-commonjs/TestComponents/Persona/PersonaTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonaTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Persona/PersonaTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,oEAAsE;AAEtE,qDAAkD;AAClD,mDAAgD;AAEhD,kCAA+B;AAE/B,MAAM,eAAe,GAAkB;IACrC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,8BAAgB;QACxB,SAAS,EAAE,6BAAa;KACzB;IACD;QACE,IAAI,EAAE,iBAAiB;QACvB,SAAS,EAAE,+BAAc;KAC1B;CACF,CAAC;AAEK,MAAM,WAAW,GAA4B,GAAG,EAAE;IACvD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,YAAY;QACvB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,4IAA4I,CAAC;IAE/I,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC3G,CAAC,CAAC;AAbW,QAAA,WAAW,eAatB"}

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

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

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StandardUsage = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const styles_1 = require("./styles");
+const MenuPicker_1 = require("../Common/MenuPicker");
+const styles_2 = require("../Common/styles");
+const styles_3 = require("../PersonaCoin/styles");
+const allSizes = [
+    styles_3.undefinedText,
+    'size8',
+    'size24',
+    'size32',
+    'size40',
+    'size48',
+    'size56',
+    'size72',
+    'size100',
+    'size120',
+];
+const allSizesCollection = allSizes.map((size) => {
+    return {
+        label: size,
+        value: size,
+    };
+});
+function SwitchWithLabel(props) {
+    const { label, value, onValueChange } = props;
+    return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
+        React.createElement(react_native_1.Text, null, label),
+        React.createElement(react_native_1.Switch, { value: value, onValueChange: onValueChange })));
+}
+const StandardUsage = () => {
+    const [showImage, setShowImage] = React.useState(true);
+    const [showPrimary, setShowPrimary] = React.useState(true);
+    const [showSecondary, setShowSecondary] = React.useState(true);
+    const [showTertiary, setShowTertiary] = React.useState(true);
+    const [showOptional, setShowOptional] = React.useState(true);
+    const [imageSize, setImageSize] = React.useState('size72');
+    return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
+        React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
+            React.createElement(SwitchWithLabel, { label: "Show image", value: showImage, onValueChange: setShowImage }),
+            React.createElement(SwitchWithLabel, { label: "Show primary text", value: showPrimary, onValueChange: setShowPrimary }),
+            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(MenuPicker_1.MenuPicker, { prompt: "Size", style: styles_2.commonTestStyles.header, selected: imageSize || styles_3.undefinedText, onChange: (size) => setImageSize(size === styles_3.undefinedText ? undefined : size), collection: allSizesCollection })),
+        React.createElement(react_native_2.Persona, { text: showPrimary ? 'Satya Nadella' : undefined, secondaryText: showSecondary ? 'CEO' : undefined, tertiaryText: showTertiary ? 'Microsoft' : undefined, optionalText: showOptional ? 'Office of the CEO' : undefined, size: imageSize, initials: "SN", imageUrl: showImage ? styles_1.satyaImageUrl : undefined, imageDescription: "Profile photo of Satya Nadella", presence: 'away' })));
+};
+exports.StandardUsage = StandardUsage;
+//# sourceMappingURL=StandardUsage.js.map

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

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

package/lib-commonjs/TestComponents/Persona/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Persona/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib-commonjs/TestComponents/Persona/index.js

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

package/lib-commonjs/TestComponents/Persona/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TestComponents/Persona/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B"}

package/lib-commonjs/TestComponents/Persona/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Persona/styles.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AAEtC,eAAO,MAAM,aAAa,gLACqJ,CAAC;AAEhL,eAAO,MAAM,eAAe,oFAAoF,CAAC"}

package/lib-commonjs/TestComponents/Persona/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.michaelImageUrl = exports.satyaImageUrl = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("../PersonaCoin/styles"), exports);
+exports.satyaImageUrl = 'https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg/330px-MS-Exec-Nadella-Satya-2017-08-31-22_%28cropped%29.jpg';
+exports.michaelImageUrl = 'https://upload.wikimedia.org/wikipedia/commons/3/31/Michael_Jackson_in_1988.jpg';
+//# sourceMappingURL=styles.js.map

package/lib-commonjs/TestComponents/Persona/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/TestComponents/Persona/styles.ts"],"names":[],"mappings":";;;;AAAA,gEAAsC;AAEzB,QAAA,aAAa,GACxB,6KAA6K,CAAC;AAEnK,QAAA,eAAe,GAAG,iFAAiF,CAAC"}

package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.android.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.android.js

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

package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.android.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.android.tsx"],"names":[],"mappings":";;;AAAA,kEAAwC"}

package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAsJlC,CAAC"}

package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.ios.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.ios.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.ios.js

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

package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.ios.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.ios.tsx"],"names":[],"mappings":";;;AAAA,kEAAwC"}