@fluentui-react-native/tester 0.135.1 → 0.135.3

package/lib/fluent-tester/src/TestComponents/CornerRadius/CornerRadiusTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CornerRadiusTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CornerRadius/CornerRadiusTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6E/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAY1C,CAAC"}

package/lib/fluent-tester/src/TestComponents/CornerRadius/CornerRadiusTest.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { useFluentTheme } from '@fluentui-react-native/framework';
+import { Stack } from '@fluentui-react-native/stack';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+import { HOMEPAGE_CORNERRADIUS_TESTPAGE } from '../../../../E2E/src/CornerRadiusTokens/consts';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+var CornerRadiusTestComponent = function (props) {
+    var theme = useFluentTheme();
+    var isLightMode = getCurrentAppearance(theme.host.appearance, 'light') === 'light';
+    var outerBoxProps = React.useMemo(function () { return ({
+        height: 60,
+        margin: 16,
+        backgroundColor: isLightMode ? globalTokens.color.grey80 : globalTokens.color.grey10,
+        borderRadius: props.cornerRadius,
+    }); }, [props.cornerRadius, isLightMode]);
+    var innerCircleIndicatorProps = React.useMemo(function () { return ({
+        height: Math.min(props.cornerRadius * 2, 60),
+        width: Math.min(props.cornerRadius * 2, 60),
+        borderRadius: props.cornerRadius,
+        backgroundColor: isLightMode ? globalTokens.color.grey10 : globalTokens.color.grey80,
+    }); }, [props.cornerRadius, isLightMode]);
+    return (React.createElement(View, null,
+        React.createElement(Text, { variant: "bodySemibold" }, props.name + ': ' + props.cornerRadius + 'px'),
+        React.createElement(View, { style: outerBoxProps },
+            React.createElement(View, { style: innerCircleIndicatorProps }))));
+};
+var CornerRadiusTest = function () {
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle, gap: 500 },
+            React.createElement(CornerRadiusTestComponent, { name: "radiusNone", cornerRadius: globalTokens.corner.radiusNone }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius20", cornerRadius: globalTokens.corner.radius20 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius40", cornerRadius: globalTokens.corner.radius40 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius60", cornerRadius: globalTokens.corner.radius60 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius80", cornerRadius: globalTokens.corner.radius80 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radius120", cornerRadius: globalTokens.corner.radius120 }),
+            React.createElement(CornerRadiusTestComponent, { name: "radiusCircular", cornerRadius: globalTokens.corner.radiusCircular }))));
+};
+var cornerRadiusSections = [
+    {
+        name: 'Basic Usage',
+        testID: HOMEPAGE_CORNERRADIUS_TESTPAGE,
+        component: CornerRadiusTest,
+    },
+];
+export var CornerRadiusTokensTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Experimental',
+        androidStatus: 'Experimental',
+    };
+    var description = 'The different global corner radius tokens available in Fluent UI.';
+    return React.createElement(Test, { name: "Corner Radius Tokens Test", description: description, sections: cornerRadiusSections, status: status });
+};
+//# sourceMappingURL=CornerRadiusTest.js.map

package/lib/fluent-tester/src/TestComponents/CornerRadius/CornerRadiusTest.js.map

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

package/lib/fluent-tester/src/TestComponents/CornerRadius/index.d.ts

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

package/lib/fluent-tester/src/TestComponents/CornerRadius/index.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/CornerRadius/index.js

@@ -0,0 +1,2 @@
+export * from './CornerRadiusTest';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/CornerRadius/index.js.map

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

package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const HorizontalDividers: React.FunctionComponent;
+export declare const VerticalDividers: React.FunctionComponent;
+export declare const DividersWithAppearance: React.FunctionComponent;
+export declare const DividersWithIcons: React.FunctionComponent;
+export declare const CustomDividers: React.FunctionComponent;
+export declare const DividerTest: React.FunctionComponent;
+//# sourceMappingURL=DividerTest.d.ts.map

package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoC/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAelC,CAAC;AAuCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAoB/B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js

@@ -0,0 +1,123 @@
+import * as React from 'react';
+import { Platform, StyleSheet, View } from 'react-native';
+import { Divider } from '@fluentui-react-native/divider';
+import { Stack } from '@fluentui-react-native/stack';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { CustomisedMobileDividers, MobileDividers } from './MobileDividerTest';
+import { DIVIDER_TESTPAGE } from '../../../../E2E/src/Divider/consts';
+import TestSvg from '../../../assets/test.svg';
+import { commonTestStyles } from '../Common/styles';
+import { Test } from '../Test';
+var isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
+var PaddedDivider = Divider.customize({ paddingVertical: 4, thickness: 2 });
+var CustomText = Text.customize({ margin: 8 });
+var ColoredDivider = Divider.customize({ contentColor: '#bf5700', lineColor: '#bf5700' });
+var ThickDivider = Divider.customize({ thickness: 3 });
+var TextVariantDivider = Divider.customize({ variant: 'subtitle2Strong' });
+var StyledTextDivider = Divider.customize({ fontSize: 10, fontStyle: 'italic', textDecorationLine: 'underline' });
+var dividerTestStyles = StyleSheet.create({
+    verticalDividerContainer: {
+        marginVertical: 8,
+        flexDirection: 'row',
+        justifyContent: 'space-evenly',
+    },
+    horizontalDividerContainer: {
+        height: 120,
+        flexDirection: 'column',
+        justifyContent: 'space-evenly',
+    },
+});
+export var HorizontalDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
+    React.createElement(CustomText, null, "Regular divider with no content below."),
+    React.createElement(Divider, null),
+    React.createElement(CustomText, null, "Regular divider with no content above."),
+    React.createElement(Divider, null, "Divider with text content."),
+    React.createElement(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"))); };
+export var VerticalDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
+    React.createElement(View, { style: dividerTestStyles.verticalDividerContainer },
+        React.createElement(CustomText, null,
+            "Regular divider ",
+            '->'),
+        React.createElement(Divider, { vertical: true }),
+        React.createElement(CustomText, null,
+            "Divider with an inset ",
+            '->'),
+        React.createElement(Divider, { vertical: true, insetSize: 16 }),
+        React.createElement(PaddedDivider, { vertical: true }, "Divider with text"),
+        React.createElement(Divider, { vertical: true, alignContent: "start" }, "Start-aligned divider"),
+        React.createElement(Divider, { vertical: true, alignContent: "end" }, "End-aligned divider")),
+    React.createElement(Divider, null),
+    React.createElement(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, { vertical: true }),
+        React.createElement(CustomText, null, "The divider to the left of me should have a min height of 20px")))); };
+export var DividersWithAppearance = function () { return (React.createElement(Stack, { style: 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"))); };
+export var DividersWithIcons = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
+    React.createElement(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."),
+    Platform.OS !== 'windows' && (React.createElement(Divider, { appearance: "brand", icon: { svgSource: { viewBox: '0 0 500 500', src: TestSvg, width: 32, height: 32 } } })))); };
+export var CustomDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
+    React.createElement(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(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")))); };
+var dividerSections = [
+    {
+        name: 'Horizontal Dividers',
+        testID: DIVIDER_TESTPAGE,
+        component: HorizontalDividers,
+    },
+    {
+        name: 'Vertical Dividers',
+        component: VerticalDividers,
+    },
+    {
+        name: 'Divider Appearances',
+        component: DividersWithAppearance,
+    },
+    {
+        name: 'Custom Dividers',
+        component: CustomDividers,
+    },
+    {
+        name: 'Dividers with Icons',
+        component: DividersWithIcons,
+    },
+];
+var mobileDividerSections = [
+    {
+        name: 'Mobile Dividers',
+        testID: DIVIDER_TESTPAGE,
+        component: MobileDividers,
+    },
+    {
+        name: 'Customised Mobile Dividers',
+        testID: DIVIDER_TESTPAGE,
+        component: CustomisedMobileDividers,
+    },
+];
+export var DividerTest = function () {
+    var status = {
+        win32Status: 'Experimental',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Experimental',
+        macosStatus: 'Backlog',
+        androidStatus: 'Experimental',
+    };
+    var description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical';
+    var mobileDescription = 'A Divider is a visual horizontal separator that seperates content/sections';
+    return (React.createElement(Test, { name: "Divider Test", description: isMobile ? mobileDescription : description, sections: isMobile ? mobileDividerSections : dividerSections, status: status }));
+};
+//# sourceMappingURL=DividerTest.js.map

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Divider/MobileDividerTest.d.ts

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Divider } from '@fluentui-react-native/divider';
+import { Stack } from '@fluentui-react-native/stack';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { commonTestStyles } from '../Common/styles';
+var CustomizedText = Text.customize({
+    textAlign: 'right',
+    fontSize: 'caption',
+    fontWeight: 'bold',
+    paddingVertical: 100,
+});
+var mobileDividerstyles = StyleSheet.create({
+    container: { marginVertical: 20, display: 'flex', height: 20, justifyContent: 'space-between' },
+});
+var RedDivider = Divider.customize({ lineColor: 'red' });
+var GreenThickDivider = Divider.customize({ lineColor: 'green', thickness: globalTokens.stroke.width30 });
+export var MobileDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.section },
+    React.createElement(View, { style: mobileDividerstyles.container },
+        React.createElement(Divider, { insetSize: 0 }),
+        React.createElement(CustomizedText, null, "Inset : 0")),
+    React.createElement(View, { style: mobileDividerstyles.container },
+        React.createElement(Divider, { insetSize: 16 }),
+        React.createElement(CustomizedText, null, "Inset : 16")),
+    React.createElement(View, { style: mobileDividerstyles.container },
+        React.createElement(Divider, { insetSize: 56 }),
+        React.createElement(CustomizedText, null, "Inset : 56")),
+    React.createElement(View, { style: mobileDividerstyles.container },
+        React.createElement(Divider, { insetSize: 68 }),
+        React.createElement(CustomizedText, null, "Inset : 68")),
+    React.createElement(View, { style: mobileDividerstyles.container },
+        React.createElement(Divider, { insetSize: 72 }),
+        React.createElement(CustomizedText, null, "Inset : 72")),
+    React.createElement(View, { style: mobileDividerstyles.container },
+        React.createElement(Divider, { insetSize: 108 }),
+        React.createElement(CustomizedText, null, "Inset : 108")))); };
+export var CustomisedMobileDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.section },
+    React.createElement(View, { style: mobileDividerstyles.container },
+        React.createElement(RedDivider, null),
+        React.createElement(CustomizedText, null, "Inset : 0 | color : red")),
+    React.createElement(View, { style: mobileDividerstyles.container },
+        React.createElement(GreenThickDivider, { insetSize: 56 }),
+        React.createElement(CustomizedText, null, "Inset : 56 | color : green | thickness: width30")))); };
+//# sourceMappingURL=MobileDividerTest.js.map

package/lib/fluent-tester/src/TestComponents/Divider/MobileDividerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,GAAG;CACrB,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAAG,UAAU,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,IAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,IAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;AAE5G,MAAM,CAAC,IAAM,cAAc,GAA4B,cAAM,OAAA,CAC3D,oBAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO;IACpC,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,CAAC,GAAI;QACzB,oBAAC,cAAc,oBAA2B,CACrC;IAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI;QAC1B,oBAAC,cAAc,qBAA4B,CACtC;IACP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,GAAI;QAC3B,oBAAC,cAAc,sBAA6B,CACvC,CACD,CACT,EA7B4D,CA6B5D,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAA4B,cAAM,OAAA,CACrE,oBAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO;IACpC,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,UAAU,OAAG;QACd,oBAAC,cAAc,kCAAyC,CACnD;IAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;QACxC,oBAAC,iBAAiB,IAAC,SAAS,EAAE,EAAE,GAAI;QACpC,oBAAC,cAAc,0DAAiE,CAC3E,CACD,CACT,EAZsE,CAYtE,CAAC"}

package/lib/fluent-tester/src/TestComponents/Divider/index.d.ts

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Divider/index.js

@@ -0,0 +1,2 @@
+export * from './DividerTest';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/Divider/index.js.map

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

package/lib/fluent-tester/src/TestComponents/Drawer/DrawerTest.d.ts

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

package/lib/fluent-tester/src/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;AA2C/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Drawer/DrawerTest.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { View, Text } from 'react-native';
+import { Link } from '@fluentui/react-native';
+import { Button } from '@fluentui-react-native/experimental-button';
+import { Drawer } from '@fluentui-react-native/experimental-drawer';
+import { Icon } from '@fluentui-react-native/icon';
+import { Stack } from '@fluentui-react-native/stack';
+import { DRAWER_TESTPAGE } from './consts';
+import { svgProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+var BasicDrawer = function () {
+    var stdBtnRef = React.useRef(null);
+    return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+        React.createElement(Drawer, null,
+            React.createElement(View, null,
+                React.createElement(Text, null, "Press for Drawer")),
+            React.createElement(View, { style: { padding: 20 } },
+                React.createElement(Text, null, "This is content inside Drawer"),
+                React.createElement(Link, { url: "https://www.bing.com/", content: "Click to navigate." }),
+                React.createElement(Icon, { svgSource: svgProps, width: 100, height: 100, color: "blue" }),
+                React.createElement(Button, { componentRef: stdBtnRef }, "Press for Drawer")))));
+};
+var drawerSections = [
+    {
+        name: 'Basic Drawer',
+        testID: DRAWER_TESTPAGE,
+        component: BasicDrawer,
+    },
+];
+export var DrawerTest = function () {
+    var status = {
+        win32Status: 'N/A',
+        uwpStatus: 'N/A',
+        iosStatus: 'Backlog',
+        macosStatus: 'N/A',
+        androidStatus: 'Experimental',
+    };
+    var description = 'A Drawer component using the Fluent Design System.  Currently only implemented on Android.';
+    return React.createElement(Test, { name: "Drawer Test", description: description, sections: drawerSections, status: status });
+};
+//# sourceMappingURL=DrawerTest.js.map

package/lib/fluent-tester/src/TestComponents/Drawer/DrawerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Drawer/DrawerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,IAAM,WAAW,GAA4B;IAC3C,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,MAAM;YACL,oBAAC,IAAI;gBACH,oBAAC,IAAI,2BAAwB,CACxB;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;gBAC1B,oBAAC,IAAI,wCAAqC;gBAC1C,oBAAC,IAAI,IAAC,GAAG,EAAC,uBAAuB,EAAC,OAAO,EAAC,oBAAoB,GAAG;gBACjE,oBAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAC,MAAM,GAAG;gBACnE,oBAAC,MAAM,IAAC,YAAY,EAAE,SAAS,uBAA2B,CACrD,CACA,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,4FAA4F,CAAC;IAEjH,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Drawer/consts.d.ts

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_DRAWER_BUTTON = "Homepage_Drawer_Button";
+export declare const DRAWER_TESTPAGE = "Drawer_TestPage";
+//# sourceMappingURL=consts.d.ts.map

package/lib/fluent-tester/src/TestComponents/Drawer/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Drawer/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,eAAe,oBAAoB,CAAC"}

package/lib/fluent-tester/src/TestComponents/Drawer/consts.js

@@ -0,0 +1,3 @@
+export var HOMEPAGE_DRAWER_BUTTON = 'Homepage_Drawer_Button';
+export var DRAWER_TESTPAGE = 'Drawer_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib/fluent-tester/src/TestComponents/Drawer/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Drawer/consts.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sBAAsB,GAAG,wBAAwB,CAAC;AAC/D,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC"}

package/lib/fluent-tester/src/TestComponents/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DrawerTest';
+export * from './consts';
+//# sourceMappingURL=index.d.ts.map

package/lib/fluent-tester/src/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;AAC7B,cAAc,UAAU,CAAC"}

package/lib/fluent-tester/src/TestComponents/Drawer/index.js

@@ -0,0 +1,3 @@
+export * from './DrawerTest';
+export * from './consts';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/Drawer/index.js.map

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

package/lib/fluent-tester/src/TestComponents/Dropdown/DropdownTest.d.ts

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Dropdown/DropdownTest.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Option, Dropdown } from '@fluentui-react-native/dropdown';
+import { Stack } from '@fluentui-react-native/stack';
+import { DROPDOWN_TESTPAGE } from './consts';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+var DropdownDefault = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Dropdown, null,
+            React.createElement(Option, null, "Test"),
+            React.createElement(Option, { disabled: true }, "Disabled Test"))));
+};
+var menuSections = [
+    {
+        name: 'Dropdown Default',
+        testID: DROPDOWN_TESTPAGE,
+        component: DropdownDefault,
+    },
+];
+export var DropdownTest = function () {
+    var status = {
+        win32Status: 'Experimental',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Backlog',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = 'TODO';
+    var spec = 'TODO';
+    return React.createElement(Test, { name: "Dropdown Test", description: description, spec: spec, sections: menuSections, status: status });
+};
+//# sourceMappingURL=DropdownTest.js.map

package/lib/fluent-tester/src/TestComponents/Dropdown/DropdownTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Dropdown/DropdownTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,eAAe,GAA4B;IAC/C,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,QAAQ;YACP,oBAAC,MAAM,eAAc;YACrB,oBAAC,MAAM,IAAC,QAAQ,0BAAuB,CAC9B,CACL,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,iBAAiB;QACzB,SAAS,EAAE,eAAe;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAA4B;IACnD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,MAAM,CAAC;IAE3B,IAAM,IAAI,GAAG,MAAM,CAAC;IAEpB,OAAO,oBAAC,IAAI,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"}

package/lib/fluent-tester/src/TestComponents/Dropdown/consts.d.ts

@@ -0,0 +1,3 @@
+export declare const HOMEPAGE_DROPDOWN_BUTTON = "Homepage_Dropdown_Button";
+export declare const DROPDOWN_TESTPAGE = "Dropdown_TestPage";
+//# sourceMappingURL=consts.d.ts.map

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Dropdown/consts.js

@@ -0,0 +1,3 @@
+export var HOMEPAGE_DROPDOWN_BUTTON = 'Homepage_Dropdown_Button';
+export var DROPDOWN_TESTPAGE = 'Dropdown_TestPage';
+//# sourceMappingURL=consts.js.map

package/lib/fluent-tester/src/TestComponents/Dropdown/consts.js.map

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

package/lib/fluent-tester/src/TestComponents/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DropdownTest';
+export * from './consts';
+//# sourceMappingURL=index.d.ts.map

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Dropdown/index.js

@@ -0,0 +1,3 @@
+export * from './DropdownTest';
+export * from './consts';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/Dropdown/index.js.map

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

package/lib/fluent-tester/src/TestComponents/Expander/ExpanderTest.d.ts

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

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Expander/ExpanderTest.js

@@ -0,0 +1,98 @@
+import * as React from 'react';
+import { View, Switch } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Expander } from '@fluentui-react-native/experimental-expander';
+import { Stack } from '@fluentui-react-native/stack';
+import { EXPANDER_TESTPAGE } from './consts';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+var CustomizedExpander = 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,
+});
+var ExpanderMainTest = function () {
+    /** 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
+     */
+    var _a = React.useState(false), switchValue = _a[0], setSwitchValue = _a[1];
+    var _b = React.useState('Initial state'), expanderText = _b[0], setExpanderText = _b[1];
+    var onExpanding = function () {
+        setExpanderText('Expanding event changed title');
+    };
+    var onCollapsing = function () {
+        setExpanderText('Collapsing event changed title');
+    };
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Text, null, "expanded=true, expandDirection=up, and event functionality"),
+        React.createElement(Expander, { collapsedHeight: 50, expandedHeight: 100, expanded: true, expandDirection: "up", onCollapsing: onExpanding, onExpanding: onCollapsing },
+            React.createElement(Text, null, expanderText),
+            React.createElement(Text, null, "Text in the content")),
+        React.createElement(Text, null, "enabled = false"),
+        React.createElement(Expander, { collapsedHeight: 50, expandedHeight: 100, enabled: false },
+            React.createElement(Text, null, "User cannot interact with this control"),
+            React.createElement(Text, null, "Content that you should not see")),
+        React.createElement(Text, null, "Multiple components in header and content"),
+        React.createElement(Expander, { collapsedHeight: 64, expandedHeight: 150 },
+            React.createElement(View, { style: { flexDirection: 'row', width: 200, height: 62 } },
+                React.createElement(View, { style: { alignSelf: 'center' } },
+                    React.createElement(Text, null, "Line one"),
+                    React.createElement(Text, null, "Line two")),
+                React.createElement(Switch, { style: { marginLeft: 'auto', marginTop: 12 }, value: switchValue, onValueChange: setSwitchValue })),
+            React.createElement(View, null,
+                React.createElement(Text, null, "First line of text"),
+                React.createElement(Text, null, "Second line of text"))),
+        React.createElement(Text, null, "Customized Expander"),
+        React.createElement(CustomizedExpander, { collapsedHeight: 50, expandedHeight: 100 },
+            React.createElement(Text, null, "Text in the header"),
+            React.createElement(Text, null, "Text in the content"))));
+};
+var BasicExpander = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(View, { style: commonStyles.root },
+            React.createElement(Expander, { collapsedHeight: 50, expandedHeight: 100 },
+                React.createElement(Text, null, "Text in the header"),
+                React.createElement(Text, null, "Text in the content")))));
+};
+var expanderSections = [
+    {
+        name: 'BaseExpander',
+        testID: EXPANDER_TESTPAGE,
+        component: BasicExpander,
+    },
+    {
+        name: 'Expander',
+        testID: EXPANDER_TESTPAGE,
+        component: ExpanderMainTest,
+    },
+];
+export var ExpanderTest = function () {
+    var status = {
+        win32Status: 'Backlog',
+        uwpStatus: 'Beta',
+        iosStatus: 'Backlog',
+        macosStatus: 'Backlog',
+        androidStatus: 'Backlog',
+    };
+    var 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, { name: "Expander Test", description: description, sections: expanderSections, status: status });
+};
+//# sourceMappingURL=ExpanderTest.js.map

package/lib/fluent-tester/src/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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"}