@fluentui-react-native/tester 0.170.27 → 0.170.29

package/lib-commonjs/TestComponents/Divider/DividerTest.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DividerTest = exports.CustomDividers = exports.DividersWithIcons = exports.DividersWithAppearance = exports.VerticalDividers = exports.HorizontalDividers = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const divider_1 = require("@fluentui-react-native/divider");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const stack_1 = require("@fluentui-react-native/stack");
+const text_1 = require("@fluentui-react-native/text");
+const MobileDividerTest_1 = require("./MobileDividerTest");
+const test_svg_1 = tslib_1.__importDefault(require("../../../assets/test.svg"));
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+const isMobile = react_native_1.Platform.OS === 'android' || react_native_1.Platform.OS === 'ios';
+const PaddedDivider = divider_1.Divider.customize({ paddingVertical: 4, thickness: 2 });
+const CustomText = text_1.TextV1.customize({ margin: 8 });
+const ColoredDivider = divider_1.Divider.customize({ contentColor: '#bf5700', lineColor: '#bf5700' });
+const ThickDivider = divider_1.Divider.customize({ thickness: 3 });
+const TextVariantDivider = divider_1.Divider.customize({ variant: 'subtitle2Strong' });
+const StyledTextDivider = divider_1.Divider.customize({ fontSize: 10, fontStyle: 'italic', textDecorationLine: 'underline' });
+const dividerTestStyles = react_native_1.StyleSheet.create({
+    verticalDividerContainer: {
+        marginVertical: 8,
+        flexDirection: 'row',
+        justifyContent: 'space-evenly',
+    },
+    horizontalDividerContainer: {
+        height: 120,
+        flexDirection: 'column',
+        justifyContent: 'space-evenly',
+    },
+});
+const HorizontalDividers = () => (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
+    React.createElement(CustomText, null, "Regular divider with no content below."),
+    React.createElement(divider_1.Divider, null),
+    React.createElement(CustomText, null, "Regular divider with no content above."),
+    React.createElement(divider_1.Divider, null, "Divider with text content."),
+    React.createElement(divider_1.Divider, { insetSize: 16 }, "Divider with text + inset."),
+    React.createElement(PaddedDivider, { alignContent: "start" }, "I am a start-aligned divider"),
+    React.createElement(PaddedDivider, { alignContent: "end" }, "I am a end-aligned divider")));
+exports.HorizontalDividers = HorizontalDividers;
+const VerticalDividers = () => (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
+    React.createElement(react_native_1.View, { style: dividerTestStyles.verticalDividerContainer },
+        React.createElement(CustomText, null,
+            "Regular divider ",
+            '->'),
+        React.createElement(divider_1.Divider, { vertical: true }),
+        React.createElement(CustomText, null,
+            "Divider with an inset ",
+            '->'),
+        React.createElement(divider_1.Divider, { vertical: true, insetSize: 16 }),
+        React.createElement(PaddedDivider, { vertical: true }, "Divider with text"),
+        React.createElement(divider_1.Divider, { vertical: true, alignContent: "start" }, "Start-aligned divider"),
+        React.createElement(divider_1.Divider, { vertical: true, alignContent: "end" }, "End-aligned divider")),
+    React.createElement(divider_1.Divider, null),
+    React.createElement(react_native_1.View, { style: dividerTestStyles.verticalDividerContainer },
+        React.createElement(CustomText, null, "The divider to the right of me should have a min height of 20px"),
+        React.createElement(divider_1.Divider, { vertical: true }),
+        React.createElement(CustomText, null, "The divider to the left of me should have a min height of 20px"))));
+exports.VerticalDividers = VerticalDividers;
+const DividersWithAppearance = () => (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
+    React.createElement(PaddedDivider, { appearance: "default" }, "Default divider"),
+    React.createElement(PaddedDivider, { appearance: "subtle" }, "Subtle divider"),
+    React.createElement(PaddedDivider, { appearance: "brand" }, "Branded divider"),
+    React.createElement(PaddedDivider, { appearance: "strong" }, "Strong divider")));
+exports.DividersWithAppearance = DividersWithAppearance;
+const DividersWithIcons = () => (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
+    React.createElement(divider_1.Divider, { appearance: "brand", icon: { fontSource: { fontFamily: 'Arial', codepoint: 0x2663, fontSize: 32 } } }),
+    React.createElement(CustomText, { align: "center" }, "Above is a branded Divider with a font icon as content. Below me is a branded divider with an svg icon as content - this will not show on UWP."),
+    react_native_1.Platform.OS !== 'windows' && (React.createElement(divider_1.Divider, { appearance: "brand", icon: { svgSource: { viewBox: '0 0 500 500', src: test_svg_1.default, width: 32, height: 32 } } }))));
+exports.DividersWithIcons = DividersWithIcons;
+const CustomDividers = () => (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
+    React.createElement(react_native_1.View, { style: dividerTestStyles.horizontalDividerContainer },
+        React.createElement(ColoredDivider, null, "Divider with color"),
+        React.createElement(ThickDivider, null, "Divider with thickness"),
+        React.createElement(TextVariantDivider, null, "Divider with text variant"),
+        React.createElement(StyledTextDivider, null, "Divider with text styling")),
+    React.createElement(react_native_1.View, { style: dividerTestStyles.verticalDividerContainer },
+        React.createElement(ColoredDivider, { vertical: true }, "Divider with color"),
+        React.createElement(ThickDivider, { vertical: true }, "Divider with thickness"),
+        React.createElement(TextVariantDivider, { vertical: true }, "Divider with text variant"),
+        React.createElement(StyledTextDivider, { vertical: true }, "Divider with text styling"))));
+exports.CustomDividers = CustomDividers;
+const dividerSections = [
+    {
+        name: 'Horizontal Dividers',
+        testID: e2e_testing_1.DIVIDER_TESTPAGE,
+        component: exports.HorizontalDividers,
+    },
+    {
+        name: 'Vertical Dividers',
+        component: exports.VerticalDividers,
+    },
+    {
+        name: 'Divider Appearances',
+        component: exports.DividersWithAppearance,
+    },
+    {
+        name: 'Custom Dividers',
+        component: exports.CustomDividers,
+    },
+    {
+        name: 'Dividers with Icons',
+        component: exports.DividersWithIcons,
+    },
+];
+const mobileDividerSections = [
+    {
+        name: 'Mobile Dividers',
+        testID: e2e_testing_1.DIVIDER_TESTPAGE,
+        component: MobileDividerTest_1.MobileDividers,
+    },
+    {
+        name: 'Customised Mobile Dividers',
+        testID: e2e_testing_1.DIVIDER_TESTPAGE,
+        component: MobileDividerTest_1.CustomisedMobileDividers,
+    },
+];
+const DividerTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    const description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical';
+    const mobileDescription = 'A Divider is a visual horizontal separator that seperates content/sections';
+    const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Divider/SPEC.md';
+    return (React.createElement(Test_1.Test, { name: "Divider Test", description: isMobile ? mobileDescription : description, sections: isMobile ? mobileDividerSections : dividerSections, spec: spec, status: status }));
+};
+exports.DividerTest = DividerTest;
+//# sourceMappingURL=DividerTest.js.map

package/lib-commonjs/TestComponents/Divider/DividerTest.js.map

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

package/lib-commonjs/TestComponents/Divider/MobileDividerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDividerTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA6BlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAY5C,CAAC"}

package/lib-commonjs/TestComponents/Divider/MobileDividerTest.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomisedMobileDividers = exports.MobileDividers = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const divider_1 = require("@fluentui-react-native/divider");
+const stack_1 = require("@fluentui-react-native/stack");
+const text_1 = require("@fluentui-react-native/text");
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
+const styles_1 = require("../Common/styles");
+const CustomizedText = text_1.TextV1.customize({
+    textAlign: 'right',
+    fontSize: 'caption',
+    fontWeight: 'bold',
+    paddingVertical: 100,
+});
+const mobileDividerstyles = react_native_1.StyleSheet.create({
+    container: { marginVertical: 20, display: 'flex', height: 20, justifyContent: 'space-between' },
+});
+const RedDivider = divider_1.Divider.customize({ lineColor: 'red' });
+const GreenThickDivider = divider_1.Divider.customize({ lineColor: 'green', thickness: theme_tokens_1.globalTokens.stroke.width30 });
+const MobileDividers = () => (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.section },
+    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
+        React.createElement(divider_1.Divider, { insetSize: 0 }),
+        React.createElement(CustomizedText, null, "Inset : 0")),
+    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
+        React.createElement(divider_1.Divider, { insetSize: 16 }),
+        React.createElement(CustomizedText, null, "Inset : 16")),
+    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
+        React.createElement(divider_1.Divider, { insetSize: 56 }),
+        React.createElement(CustomizedText, null, "Inset : 56")),
+    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
+        React.createElement(divider_1.Divider, { insetSize: 68 }),
+        React.createElement(CustomizedText, null, "Inset : 68")),
+    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
+        React.createElement(divider_1.Divider, { insetSize: 72 }),
+        React.createElement(CustomizedText, null, "Inset : 72")),
+    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
+        React.createElement(divider_1.Divider, { insetSize: 108 }),
+        React.createElement(CustomizedText, null, "Inset : 108"))));
+exports.MobileDividers = MobileDividers;
+const CustomisedMobileDividers = () => (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.section },
+    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
+        React.createElement(RedDivider, null),
+        React.createElement(CustomizedText, null, "Inset : 0 | color : red")),
+    React.createElement(react_native_1.View, { style: mobileDividerstyles.container },
+        React.createElement(GreenThickDivider, { insetSize: 56 }),
+        React.createElement(CustomizedText, null, "Inset : 56 | color : green | thickness: width30"))));
+exports.CustomisedMobileDividers = CustomisedMobileDividers;
+//# sourceMappingURL=MobileDividerTest.js.map

package/lib-commonjs/TestComponents/Divider/MobileDividerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDividerTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAgD;AAEhD,4DAAyD;AACzD,wDAAqD;AACrD,sDAA6D;AAC7D,sEAAmE;AAEnE,6CAAoD;AAEpD,MAAM,cAAc,GAAG,aAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,GAAG;CACrB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC5C,SAAS,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE;CAChG,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,iBAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,MAAM,iBAAiB,GAAG,iBAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,2BAAY,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;AAErG,MAAM,cAAc,GAA4B,GAAG,EAAE,CAAC,CAC3D,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO;IACpC,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,CAAC,GAAI;QACzB,oBAAC,cAAc,oBAA2B,CACrC;IAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAO,IAAC,SAAS,EAAE,GAAG,GAAI;QAC3B,oBAAC,cAAc,sBAA6B,CACvC,CACD,CACT,CAAC;AA7BW,QAAA,cAAc,kBA6BzB;AAEK,MAAM,wBAAwB,GAA4B,GAAG,EAAE,CAAC,CACrE,oBAAC,aAAK,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO;IACpC,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,UAAU,OAAG;QACd,oBAAC,cAAc,kCAAyC,CACnD;IAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAiB,IAAC,SAAS,EAAE,EAAE,GAAI;QACpC,oBAAC,cAAc,0DAAiE,CAC3E,CACD,CACT,CAAC;AAZW,QAAA,wBAAwB,4BAYnC"}

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

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

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

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

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

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

package/lib-commonjs/TestComponents/Drawer/DrawerDefault.d.ts.map

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

package/lib-commonjs/TestComponents/Drawer/DrawerDefault.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerDefault = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const avatar_1 = require("@fluentui-react-native/avatar");
+const button_1 = require("@fluentui-react-native/button");
+const drawer_1 = require("@fluentui-react-native/drawer");
+const stack_1 = require("@fluentui-react-native/stack");
+const switch_1 = require("@fluentui-react-native/switch");
+const text_1 = require("@fluentui-react-native/text");
+const styles_1 = require("../Common/styles");
+const DrawerDefault = () => {
+    const [isDrawerVisible, setIsDrawerVisible] = React.useState(false);
+    const [drawerPosition, setDrawerPosition] = React.useState('left');
+    const handleDrawerClose = React.useCallback(() => {
+        setIsDrawerVisible(false);
+    }, []);
+    const handleDrawerOpen = React.useCallback((behavior) => {
+        setDrawerPosition(behavior);
+        setIsDrawerVisible(true);
+    }, []);
+    const handleChildrenClick = React.useCallback(() => {
+        console.log('Children Clicked');
+    }, []);
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_1.View, { style: drawerContentstyles.container },
+            React.createElement(react_native_1.View, { style: drawerContentstyles.content },
+                React.createElement(text_1.Text, null, "This is the main content of the screen."),
+                React.createElement(button_1.ButtonV1, { appearance: "outline", onClick: () => handleDrawerOpen('left') }, "Open Drawer (Left)"),
+                React.createElement(button_1.ButtonV1, { appearance: "outline", onClick: () => handleDrawerOpen('right') }, "Open Drawer (Right)"),
+                React.createElement(button_1.ButtonV1, { appearance: "outline", onClick: () => handleDrawerOpen('bottom') }, "Open Drawer (Bottom)")),
+            React.createElement(drawer_1.Drawer, { open: isDrawerVisible, onClose: handleDrawerClose, onScrimClick: handleDrawerClose, drawerPosition: drawerPosition },
+                React.createElement(react_native_1.View, { style: drawerContentstyles.drawerContent },
+                    React.createElement(react_native_1.View, { style: drawerContentstyles.flexRow },
+                        React.createElement(avatar_1.Avatar, { active: 'active', activeAppearance: "ring", size: 56, name: "John Doe", avatarColor: 'colorful' }),
+                        React.createElement(text_1.Text, { variant: "headerSemibold", style: drawerContentstyles.text }, "John Doe")),
+                    React.createElement(switch_1.Switch, { style: drawerContentstyles.switch, defaultChecked: true, label: 'Notifications' }),
+                    React.createElement(stack_1.Stack, { gap: 10 },
+                        React.createElement(text_1.Text, { variant: "body1" }, "This is the content of the drawer."),
+                        React.createElement(button_1.ButtonV1, { onClick: handleDrawerClose }, "Close Drawer"),
+                        React.createElement(button_1.ButtonV1, { appearance: "outline", onClick: handleChildrenClick }, "Validate Children Clicked on Drawer")))))));
+};
+exports.DrawerDefault = DrawerDefault;
+const drawerContentstyles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    flexRow: {
+        flexDirection: 'row',
+    },
+    content: {
+        height: 200,
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    switch: {
+        margin: 10,
+    },
+    drawerContent: {
+        flex: 1,
+        alignItems: 'flex-start',
+        margin: 20,
+    },
+    text: {
+        fontSize: 20,
+        textAlign: 'center',
+        alignSelf: 'center',
+        marginStart: 10,
+    },
+});
+//# sourceMappingURL=DrawerDefault.js.map

package/lib-commonjs/TestComponents/Drawer/DrawerDefault.js.map

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

package/lib-commonjs/TestComponents/Drawer/DrawerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}

package/lib-commonjs/TestComponents/Drawer/DrawerTest.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerTest = 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 DrawerDefault_1 = require("./DrawerDefault");
+const E2EDrawerTest_1 = require("./E2EDrawerTest");
+const Test_1 = require("../Test");
+const DrawerSections = [
+    {
+        name: 'Drawer Page',
+        testID: e2e_testing_1.Drawer_TESTPAGE,
+        component: DrawerDefault_1.DrawerDefault,
+    },
+];
+const e2eSections = [
+    {
+        name: 'E2E Drawer Testing',
+        component: E2EDrawerTest_1.E2EDrawerTest,
+    },
+];
+const DrawerTest = () => {
+    const status = {
+        win32Status: 'Backlog',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Backlog',
+        macosStatus: 'Backlog',
+        androidStatus: 'Backlog',
+    };
+    const description = 'Drawer allows to put content in a drawer that slides in from different sides of the screen.';
+    return React.createElement(Test_1.Test, { name: "Drawer Test", description: description, sections: DrawerSections, status: status, e2eSections: e2eSections });
+};
+exports.DrawerTest = DrawerTest;
+//# sourceMappingURL=DrawerTest.js.map

package/lib-commonjs/TestComponents/Drawer/DrawerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,oEAAqE;AAErE,mDAAgD;AAChD,mDAAgD;AAEhD,kCAA+B;AAE/B,MAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,aAAa;QACnB,MAAM,EAAE,6BAAe;QACvB,SAAS,EAAE,6BAAa;KACzB;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,6BAAa;KACzB;CACF,CAAC;AAEK,MAAM,UAAU,GAA4B,GAAG,EAAE;IACtD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,MAAM,WAAW,GAAG,6FAA6F,CAAC;IAElH,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAS,CAAC;AACxI,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}

package/lib-commonjs/TestComponents/Drawer/E2EDrawerTest.d.ts.map

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

package/lib-commonjs/TestComponents/Drawer/E2EDrawerTest.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.E2EDrawerTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const drawer_1 = require("@fluentui-react-native/drawer");
+const stack_1 = require("@fluentui-react-native/stack");
+const styles_1 = require("../Common/styles");
+const E2EDrawerTest = () => {
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(drawer_1.Drawer, null)));
+};
+exports.E2EDrawerTest = E2EDrawerTest;
+//# sourceMappingURL=E2EDrawerTest.js.map

package/lib-commonjs/TestComponents/Drawer/E2EDrawerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EDrawerTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Drawer/E2EDrawerTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,0DAAuD;AACvD,wDAAqD;AAErD,6CAA8C;AACvC,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,eAAM,OAAG,CACJ,CACT,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB"}

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

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

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

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

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

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

package/lib-commonjs/TestComponents/Dropdown/DropdownTest.d.ts.map

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

package/lib-commonjs/TestComponents/Dropdown/DropdownTest.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const dropdown_1 = require("@fluentui-react-native/dropdown");
+const stack_1 = require("@fluentui-react-native/stack");
+const consts_1 = require("./consts");
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+const DropdownDefault = () => {
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(dropdown_1.Dropdown, null,
+            React.createElement(dropdown_1.Option, null, "Test"),
+            React.createElement(dropdown_1.Option, { disabled: true }, "Disabled Test"))));
+};
+const menuSections = [
+    {
+        name: 'Dropdown Default',
+        testID: consts_1.DROPDOWN_TESTPAGE,
+        component: DropdownDefault,
+    },
+];
+const DropdownTest = () => {
+    const status = {
+        win32Status: 'Backlog',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Backlog',
+        macosStatus: 'Backlog',
+        androidStatus: 'Backlog',
+    };
+    const description = 'TODO';
+    const spec = 'TODO';
+    return React.createElement(Test_1.Test, { name: "Dropdown Test", description: description, spec: spec, sections: menuSections, status: status });
+};
+exports.DropdownTest = DropdownTest;
+//# sourceMappingURL=DropdownTest.js.map

package/lib-commonjs/TestComponents/Dropdown/DropdownTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/DropdownTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,8DAAmE;AACnE,wDAAqD;AAErD,qCAA6C;AAC7C,6CAA8C;AAE9C,kCAA+B;AAE/B,MAAM,eAAe,GAA4B,GAAG,EAAE;IACpD,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,mBAAQ;YACP,oBAAC,iBAAM,eAAc;YACrB,oBAAC,iBAAM,IAAC,QAAQ,0BAAuB,CAC9B,CACL,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,0BAAiB;QACzB,SAAS,EAAE,eAAe;KAC3B;CACF,CAAC;AAEK,MAAM,YAAY,GAA4B,GAAG,EAAE;IACxD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,CAAC;IAE3B,MAAM,IAAI,GAAG,MAAM,CAAC;IAEpB,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,eAAe,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC;AAdW,QAAA,YAAY,gBAcvB"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,iBAAiB,sBAAsB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/TestComponents/Dropdown/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,wBAAwB,GAAG,0BAA0B,CAAC;AACtD,QAAA,iBAAiB,GAAG,mBAAmB,CAAC"}

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

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

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

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

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

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

package/lib-commonjs/TestComponents/Expander/ExpanderTest.d.ts.map

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

package/lib-commonjs/TestComponents/Expander/ExpanderTest.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpanderTest = 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 experimental_expander_1 = require("@fluentui-react-native/experimental-expander");
+const stack_1 = require("@fluentui-react-native/stack");
+const consts_1 = require("./consts");
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+const CustomizedExpander = experimental_expander_1.Expander.customize({
+    headerBackground: '#9c9c9c',
+    headerForeground: '#ffffff',
+    contentBackground: '#c3c3c3',
+    chevronBackground: '#ff7f7f',
+    chevronForeground: '#ffffff',
+    chevronPointerOverBackground: '#b5ffb2',
+    chevronPointerOverForeground: '#bfbdbd',
+    chevronPressedBackground: '#ffb2f4',
+    chevronPressedForeground: '#912a2a',
+    headerForegroundPointerOver: '#27f238',
+    headerForegroundPressed: '#f227eb',
+    headerBorderBrush: '#f22727',
+    headerBorderPointerOverBrush: '#27f238',
+    headerBorderPressedBrush: '#f227eb',
+    contentBorderBrush: '#f227eb',
+    headerBorderThickness: 2,
+    chevronBorderBrush: '#f22727',
+    chevronBorderPointerOverBrush: '#27f238',
+    chevronBorderPressedBrush: '#f227eb',
+    chevronBorderThickness: 2,
+});
+const ExpanderMainTest = () => {
+    /** This test page has not yet been tested and does not currently build because
+     * the react-native-test-app does not yet support WinUI 2.6
+     * Filed issue in react-native-test-app: https://github.com/microsoft/react-native-test-app/issues/444
+     */
+    const [switchValue, setSwitchValue] = React.useState(false);
+    const [expanderText, setExpanderText] = React.useState('Initial state');
+    const onExpanding = () => {
+        setExpanderText('Expanding event changed title');
+    };
+    const onCollapsing = () => {
+        setExpanderText('Collapsing event changed title');
+    };
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_2.Text, null, "expanded=true, expandDirection=up, and event functionality"),
+        React.createElement(experimental_expander_1.Expander, { collapsedHeight: 50, expandedHeight: 100, expanded: true, expandDirection: "up", onCollapsing: onExpanding, onExpanding: onCollapsing },
+            React.createElement(react_native_2.Text, null, expanderText),
+            React.createElement(react_native_2.Text, null, "Text in the content")),
+        React.createElement(react_native_2.Text, null, "enabled = false"),
+        React.createElement(experimental_expander_1.Expander, { collapsedHeight: 50, expandedHeight: 100, enabled: false },
+            React.createElement(react_native_2.Text, null, "User cannot interact with this control"),
+            React.createElement(react_native_2.Text, null, "Content that you should not see")),
+        React.createElement(react_native_2.Text, null, "Multiple components in header and content"),
+        React.createElement(experimental_expander_1.Expander, { collapsedHeight: 64, expandedHeight: 150 },
+            React.createElement(react_native_1.View, { style: { flexDirection: 'row', width: 200, height: 62 } },
+                React.createElement(react_native_1.View, { style: { alignSelf: 'center' } },
+                    React.createElement(react_native_2.Text, null, "Line one"),
+                    React.createElement(react_native_2.Text, null, "Line two")),
+                React.createElement(react_native_1.Switch, { style: { marginLeft: 'auto', marginTop: 12 }, value: switchValue, onValueChange: setSwitchValue })),
+            React.createElement(react_native_1.View, null,
+                React.createElement(react_native_2.Text, null, "First line of text"),
+                React.createElement(react_native_2.Text, null, "Second line of text"))),
+        React.createElement(react_native_2.Text, null, "Customized Expander"),
+        React.createElement(CustomizedExpander, { collapsedHeight: 50, expandedHeight: 100 },
+            React.createElement(react_native_2.Text, null, "Text in the header"),
+            React.createElement(react_native_2.Text, null, "Text in the content"))));
+};
+const BasicExpander = () => {
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_1.View, { style: styles_1.commonTestStyles.root },
+            React.createElement(experimental_expander_1.Expander, { collapsedHeight: 50, expandedHeight: 100 },
+                React.createElement(react_native_2.Text, null, "Text in the header"),
+                React.createElement(react_native_2.Text, null, "Text in the content")))));
+};
+const expanderSections = [
+    {
+        name: 'BaseExpander',
+        testID: consts_1.EXPANDER_TESTPAGE,
+        component: BasicExpander,
+    },
+    {
+        name: 'Expander',
+        testID: consts_1.EXPANDER_TESTPAGE,
+        component: ExpanderMainTest,
+    },
+];
+const ExpanderTest = () => {
+    const status = {
+        win32Status: 'Backlog',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Backlog',
+        macosStatus: 'Backlog',
+        androidStatus: 'Backlog',
+    };
+    const description = 'Expander is a content control that displays components in the header and content. The control has an expanded and collapsed size. Expander is a native control implemented with WinUI 2.6 Expander.';
+    return React.createElement(Test_1.Test, { name: "Expander Test", description: description, sections: expanderSections, status: status });
+};
+exports.ExpanderTest = ExpanderTest;
+//# sourceMappingURL=ExpanderTest.js.map

package/lib-commonjs/TestComponents/Expander/ExpanderTest.js.map

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Expander/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,6BAA6B,CAAC;AACnE,eAAO,MAAM,iBAAiB,sBAAsB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/TestComponents/Expander/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,wBAAwB,GAAG,0BAA0B,CAAC;AACtD,QAAA,iBAAiB,GAAG,mBAAmB,CAAC"}

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

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

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

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

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

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

package/lib-commonjs/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrapZoneTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAsD5D,UAAU,uBAAuB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,uBAAuB,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAkB9E,CAAC;AA0FF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}