@fluentui-react-native/tester 0.170.27 → 0.170.29

package/lib/TestComponents/TextV1/V2Usage.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"V2Usage.mobile.js","sourceRoot":"","sources":["../../../src/TestComponents/TextV1/V2Usage.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EACL,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,OAAO,EACP,UAAU,EACV,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,GACP,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,OAAO,GAA4B,GAAG,EAAE;IACnD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,kBAAqB;YAC/C,oBAAC,QAAQ,sBAAuB;YAChC,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,kBAAqB;YAC/C,oBAAC,QAAQ,sBAAuB;YAChC,oBAAC,MAAM,IAAC,OAAO,EAAC,gBAAgB,wBAA2B;YAC3D,oBAAC,cAAc,4BAAmC;YAClD,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,eAAkB;YACzC,oBAAC,KAAK,mBAAiB;YACvB,oBAAC,MAAM,IAAC,OAAO,EAAC,aAAa,qBAAwB;YACrD,oBAAC,WAAW,yBAA6B;YACzC,oBAAC,MAAM,IAAC,OAAO,EAAC,OAAO,eAAkB;YACzC,oBAAC,KAAK,mBAAiB;YACvB,oBAAC,MAAM,IAAC,OAAO,EAAC,aAAa,qBAAwB;YACrD,oBAAC,WAAW,yBAA6B;YACzC,oBAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,gBAAmB;YAC3C,oBAAC,MAAM,oBAAmB;YAC1B,oBAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,gBAAmB;YAC3C,oBAAC,MAAM,oBAAmB;YAC1B,oBAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,gBAAmB;YAC3C,oBAAC,MAAM,oBAAmB;YAC1B,oBAAC,MAAM,IAAC,OAAO,EAAC,YAAY,oBAAuB;YACnD,oBAAC,UAAU,wBAA2B;YACtC,oBAAC,MAAM,IAAC,OAAO,EAAC,SAAS,iBAAoB;YAC7C,oBAAC,OAAO,qBAAqB,CACvB,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/TextV1/V2Usage.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"V2Usage.win32.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/TextV1/V2Usage.win32.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAoB3B,CAAC"}

package/lib/TestComponents/TextV1/V2Usage.win32.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Stack } from '@fluentui-react-native/stack';
+import { Body1, Body1Strong, Body2, Body2Strong, Caption1, Display, LargeTitle, Subtitle1, Subtitle1Strong, Subtitle2, Subtitle2Strong, Title1, Title1Strong, } from '@fluentui-react-native/text';
+import { stackStyle } from '../Common/styles';
+export const V2Usage = () => {
+    return (React.createElement(View, null,
+        React.createElement(Stack, { style: stackStyle, gap: 5 },
+            React.createElement(Caption1, null, "Caption1"),
+            React.createElement(Body1, null, "Body1"),
+            React.createElement(Body1Strong, null, "Body1Strong"),
+            React.createElement(Body2, null, "Body2"),
+            React.createElement(Body2Strong, null, "Body2Strong"),
+            React.createElement(Subtitle2, null, "Subtitle2"),
+            React.createElement(Subtitle2Strong, null, "Subtitle2Strong"),
+            React.createElement(Subtitle1, null, "Subtitle1"),
+            React.createElement(Subtitle1Strong, null, "Subtitle1Strong"),
+            React.createElement(Title1, null, "Title1"),
+            React.createElement(Title1Strong, null, "Title1Strong"),
+            React.createElement(LargeTitle, null, "LargeTitle"),
+            React.createElement(Display, null, "Display"))));
+};
+//# sourceMappingURL=V2Usage.win32.js.map

package/lib/TestComponents/TextV1/V2Usage.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"V2Usage.win32.js","sourceRoot":"","sources":["../../../src/TestComponents/TextV1/V2Usage.win32.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EACL,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,EACV,SAAS,EACT,eAAe,EACf,SAAS,EACT,eAAe,EACf,MAAM,EACN,YAAY,GACb,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,OAAO,GAA4B,GAAG,EAAE;IACnD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,QAAQ,mBAAoB;YAC7B,oBAAC,KAAK,gBAAc;YACpB,oBAAC,WAAW,sBAA0B;YACtC,oBAAC,KAAK,gBAAc;YACpB,oBAAC,WAAW,sBAA0B;YACtC,oBAAC,SAAS,oBAAsB;YAChC,oBAAC,eAAe,0BAAkC;YAClD,oBAAC,SAAS,oBAAsB;YAChC,oBAAC,eAAe,0BAAkC;YAClD,oBAAC,MAAM,iBAAgB;YACvB,oBAAC,YAAY,uBAA4B;YACzC,oBAAC,UAAU,qBAAwB;YACnC,oBAAC,OAAO,kBAAkB,CACpB,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/TextV1/index.d.ts.map

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

package/lib/TestComponents/TextV1/index.js.map

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

package/lib/TestComponents/Theme/ThemeTest.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTest.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Theme/ThemeTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+H/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAa7B,CAAC"}

package/lib/TestComponents/Theme/ThemeTest.android.js

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import { Text as TextRN, View } from 'react-native';
+import { StyleSheet } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { THEME_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { useFluentTheme } from '@fluentui-react-native/framework';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { commonTestStyles } from '../Common/styles';
+import { Test } from '../Test';
+const getThemedStyles = themedStyleSheet((theme) => {
+    return {
+        swatch: {
+            color: theme.colors.neutralForeground1,
+        },
+        rootView: {
+            backgroundColor: theme.colors.brandBackground,
+        },
+    };
+});
+const styles = StyleSheet.create({
+    swatchItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginVertical: 5,
+    },
+    panel: {
+        ...commonTestStyles.view,
+        borderWidth: 2,
+        padding: 12,
+        margin: 8,
+    },
+    pickerContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-evenly',
+    },
+    stackStyle: {
+        borderWidth: 2,
+        padding: 12,
+        margin: 8,
+    },
+});
+const Panel = () => {
+    const theme = useFluentTheme();
+    const themedStyles = getThemedStyles(theme);
+    return (React.createElement(View, null,
+        React.createElement(Text, { style: { color: theme.colors.buttonBackgroundChecked } }, "buttonBackgroundChecked styled text"),
+        React.createElement(Text, { style: { color: theme.colors.neutralForeground1 } }, "neutralForeground1 styled text"),
+        React.createElement(Text, { style: { color: theme.colors.hostColorPink } }, "hostColorPink styled text"),
+        React.createElement(Text, { style: { color: theme.colors.hostColorButtonBackground } }, "hostColorButtonBackground styled text"),
+        React.createElement(Text, { style: { color: theme.colors.hostColorBrandText } }, "hostColorBrandText styled text"),
+        React.createElement(TextRN, { style: { color: theme.colors.yellowBrandColor } }, "yellowBrandColor styled text"),
+        React.createElement(TextRN, { style: themedStyles.swatch }, "Styled RN Text")));
+};
+const getSwatchColorStyle = (name, color) => {
+    styles[name] = styles[name] || { backgroundColor: color };
+    return styles[name];
+};
+const SemanticColor = (p) => {
+    const themedStyles = getThemedStyles(useFluentTheme());
+    return (React.createElement(View, { style: styles.swatchItem },
+        React.createElement(View, { style: [getSwatchColorStyle(p.name, p.color), themedStyles.swatch] }),
+        React.createElement(Text, null, p.name)));
+};
+const SwatchList = () => {
+    const theme = useFluentTheme();
+    const palette = theme.colors;
+    const aggregator = React.useCallback((key) => {
+        return { key: key + ' (' + palette[key] + ')', color: palette[key] };
+    }, [palette]);
+    const flattenArray = React.useCallback(() => {
+        return Object.keys(palette).sort().map(aggregator);
+    }, [palette, aggregator]);
+    const paletteAsArray = React.useMemo(flattenArray, [flattenArray]);
+    const renderSwatch = React.useCallback((item) => {
+        const { color, key } = item;
+        return React.createElement(SemanticColor, { key: key, color: color, name: key });
+    }, []);
+    return (React.createElement(View, { style: commonTestStyles.view },
+        React.createElement(Text, null, "getColorsAndroid(theme: ITheme).palette"),
+        React.createElement(View, { style: styles.stackStyle }, paletteAsArray.map((item) => renderSwatch(item)))));
+};
+const themeSections = [
+    {
+        name: 'Component Examples',
+        testID: THEME_TESTPAGE,
+        component: Panel,
+    },
+    {
+        name: 'Theme.colors',
+        component: () => React.createElement(SwatchList, null),
+    },
+];
+export const ThemeTest = () => {
+    const status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Experimental',
+        androidStatus: 'Beta',
+    };
+    const description = 'The entire color palette of the controls is themeable. We provide a set of sensible defaults, but you can override all colors individually.';
+    return React.createElement(Test, { name: "Theme Test", description: description, sections: themeSections, status: status });
+};
+//# sourceMappingURL=ThemeTest.android.js.map

package/lib/TestComponents/Theme/ThemeTest.android.js.map

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

package/lib/TestComponents/Theme/ThemeTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Theme/ThemeTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuH/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAa7B,CAAC"}

package/lib/TestComponents/Theme/ThemeTest.js

@@ -0,0 +1,102 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Button, PrimaryButton, Text, StealthButton } from '@fluentui/react-native';
+import { THEME_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { commonTestStyles } from '../Common/styles';
+import { Test } from '../Test';
+const getThemedStyles = themedStyleSheet((theme) => {
+    return {
+        swatch: {
+            width: 80,
+            height: 20,
+            marginRight: 5,
+            borderWidth: 2,
+            borderColor: theme.colors.bodyText,
+        },
+    };
+});
+const styles = StyleSheet.create({
+    swatchItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginVertical: 5,
+    },
+    panel: {
+        ...commonTestStyles.view,
+        borderWidth: 2,
+        padding: 12,
+        margin: 8,
+    },
+    pickerContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-evenly',
+    },
+    stackStyle: {
+        borderWidth: 2,
+        padding: 12,
+        margin: 8,
+    },
+});
+const Panel = () => {
+    const [disabled, setDisabled] = React.useState(false);
+    const onClick = React.useCallback(() => setDisabled(!disabled), [disabled, setDisabled]);
+    return (React.createElement(View, { style: styles.panel },
+        React.createElement(PrimaryButton, { onClick: onClick, content: "Primary Button", disabled: disabled }),
+        React.createElement(Button, { onClick: onClick, content: "Default Button", disabled: disabled }),
+        React.createElement(StealthButton, { onClick: onClick, content: "Stealth Button", disabled: disabled }),
+        React.createElement(Text, null, "This is a text element"),
+        React.createElement(Button, { onClick: onClick, content: "This button has longer text", disabled: disabled })));
+};
+const getSwatchColorStyle = (name, color) => {
+    styles[name] = styles[name] || { backgroundColor: color };
+    return styles[name];
+};
+const SemanticColor = (p) => {
+    const themedStyles = getThemedStyles(useTheme());
+    return (React.createElement(View, { style: styles.swatchItem },
+        React.createElement(View, { style: [getSwatchColorStyle(p.name, p.color), themedStyles.swatch] }),
+        React.createElement(Text, null, p.name)));
+};
+const SwatchList = () => {
+    const theme = useTheme();
+    const palette = theme.colors;
+    const aggregator = React.useCallback((key) => {
+        return { key: key + ' (' + palette[key] + ')', color: palette[key] };
+    }, [palette]);
+    const flattenArray = React.useCallback(() => {
+        return Object.keys(palette).sort().map(aggregator);
+    }, [palette, aggregator]);
+    const paletteAsArray = React.useMemo(flattenArray, [flattenArray]);
+    const renderSwatch = React.useCallback((item) => {
+        const { color, key } = item;
+        return React.createElement(SemanticColor, { key: key, color: color, name: key });
+    }, []);
+    return (React.createElement(View, { style: commonTestStyles.view },
+        React.createElement(Text, null, "getHostSettingsWin32(theme: ITheme).palette"),
+        React.createElement(View, { style: styles.stackStyle }, paletteAsArray.map((item) => renderSwatch(item)))));
+};
+const themeSections = [
+    {
+        name: 'Component Examples',
+        testID: THEME_TESTPAGE,
+        component: Panel,
+    },
+    {
+        name: 'Theme.colors',
+        component: () => React.createElement(SwatchList, null),
+    },
+];
+export const ThemeTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Beta',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    const description = 'The entire color palette of the controls is themeable. We provide a set of sensible defaults, but you can override all colors individually.';
+    return React.createElement(Test, { name: "Theme Test", description: description, sections: themeSections, status: status });
+};
+//# sourceMappingURL=ThemeTest.js.map

package/lib/TestComponents/Theme/ThemeTest.js.map

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

package/lib/TestComponents/Theme/index.d.ts.map

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

package/lib/TestComponents/Theme/index.js.map

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

package/lib/TestComponents/Tooltip/TooltipDefault.d.ts.map

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

package/lib/TestComponents/Tooltip/TooltipDefault.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 } from '@fluentui-react-native/button';
+import { Tooltip } from '@fluentui-react-native/tooltip';
+export const TooltipDefault = () => {
+    const defaultContent = 'Tooltip shows relative to mouse cursor.';
+    return (React.createElement(View, null,
+        React.createElement(Tooltip, { content: defaultContent },
+            React.createElement(ButtonV1, { accessibilityDescription: defaultContent }, "Default Tooltip"))));
+};
+//# sourceMappingURL=TooltipDefault.js.map

package/lib/TestComponents/Tooltip/TooltipDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipDefault.js","sourceRoot":"","sources":["../../../src/TestComponents/Tooltip/TooltipDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAEzD,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE;IAC1D,MAAM,cAAc,GAAG,yCAAyC,CAAC;IACjE,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,OAAO,IAAC,OAAO,EAAE,cAAc;YAC9B,oBAAC,QAAQ,IAAC,wBAAwB,EAAE,cAAc,sBAA4B,CACtE,CACL,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/Tooltip/TooltipPosition.d.ts.map

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

package/lib/TestComponents/Tooltip/TooltipPosition.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 } from '@fluentui-react-native/button';
+import { Tooltip } from '@fluentui-react-native/tooltip';
+export const TooltipPosition = () => {
+    const topCenterRef = React.useRef(null);
+    return (React.createElement(View, null,
+        React.createElement(Tooltip, { content: "Test", positioning: "topCenter", target: topCenterRef },
+            React.createElement(ButtonV1, { componentRef: topCenterRef }, "Target + TopCenter")),
+        React.createElement(Tooltip, { content: "Test", positioning: "topCenter", target: 'test' },
+            React.createElement(ButtonV1, { nativeID: 'test' }, "Target + TopCenter"))));
+};
+//# sourceMappingURL=TooltipPosition.js.map

package/lib/TestComponents/Tooltip/TooltipPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipPosition.js","sourceRoot":"","sources":["../../../src/TestComponents/Tooltip/TooltipPosition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAEzD,MAAM,CAAC,MAAM,eAAe,GAA4B,GAAG,EAAE;IAC3D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAO,IAAI,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,IAAI;QAEH,oBAAC,OAAO,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,MAAM,EAAE,YAAY;YAClE,oBAAC,QAAQ,IAAC,YAAY,EAAE,YAAY,yBAA+B,CAC3D;QACV,oBAAC,OAAO,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,MAAM,EAAE,MAAM;YAC5D,oBAAC,QAAQ,IAAC,QAAQ,EAAE,MAAM,yBAA+B,CACjD,CAEL,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/TestComponents/Tooltip/TooltipTest.d.ts.map

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

package/lib/TestComponents/Tooltip/TooltipTest.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { TOOLTIP_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { TooltipDefault } from './TooltipDefault';
+// import { TooltipPosition } from './TooltipPosition';
+import { Test } from '../Test';
+const tooltipSections = [
+    {
+        name: 'Default',
+        testID: TOOLTIP_TESTPAGE,
+        component: TooltipDefault,
+    },
+    // In Progress - Implementation for custom positioning and anchoring is not completed in the native module.
+    // {
+    //   name: 'Target + Positioning',
+    //   component: TooltipPosition,
+    // },
+];
+export const TooltipTest = () => {
+    const status = {
+        win32Status: 'Experimental',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Backlog',
+        macosStatus: 'Backlog',
+        androidStatus: 'Backlog',
+    };
+    const description = 'A Tooltip component displays additional information about another component. Tooltip is not expected to handle interactive content.';
+    return React.createElement(Test, { name: "Tooltip Test", description: description, sections: tooltipSections, status: status });
+};
+//# sourceMappingURL=TooltipTest.js.map

package/lib/TestComponents/Tooltip/TooltipTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Tooltip/TooltipTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,uDAAuD;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,MAAM,eAAe,GAAkB;IACrC;QACE,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,gBAAgB;QACxB,SAAS,EAAE,cAAc;KAC1B;IACD,2GAA2G;IAC3G,IAAI;IACJ,kCAAkC;IAClC,gCAAgC;IAChC,KAAK;CACN,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAA4B,GAAG,EAAE;IACvD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,MAAM,WAAW,GACf,qIAAqI,CAAC;IAExI,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC3G,CAAC,CAAC"}

package/lib/TestComponents/Tooltip/index.d.ts.map

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

package/lib/TestComponents/Tooltip/index.js.map

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

package/lib/TestComponents/VibrancyView/VibrancyViewTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibrancyViewTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/VibrancyView/VibrancyViewTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0N/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}

package/lib/TestComponents/VibrancyView/VibrancyViewTest.js

@@ -0,0 +1,183 @@
+import * as React from 'react';
+import { Alert, StyleSheet, View } from 'react-native';
+import { ButtonV1 as Button, Text } from '@fluentui/react-native';
+import { VIBRANCYVIEW_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { Stack } from '@fluentui-react-native/stack';
+import { VibrancyView } from '@fluentui-react-native/vibrancy-view';
+import { MenuPicker } from '../Common/MenuPicker';
+import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+const styles = StyleSheet.create({
+    row: {
+        flex: 1,
+        flexDirection: 'row',
+    },
+    box: {
+        width: 100,
+        height: 100,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    bigBox: {
+        width: 200,
+        height: 200,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    biggerBox: {
+        backgroundColor: 'yellow',
+        width: 300,
+        height: 300,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    Rectangle1: {
+        backgroundColor: 'yellow',
+        width: 300,
+        height: 300,
+    },
+    Rectangle2: {
+        position: 'absolute',
+        top: 50,
+        width: 400,
+        height: 200,
+    },
+    centeredBox: {
+        backgroundColor: 'green',
+        width: 100,
+        height: 100,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    borderProps: {
+        backgroundColor: 'blue',
+        borderColor: 'red',
+        borderWidth: 1,
+        borderRadius: 8,
+    },
+    rootWithSpacing: { ...commonStyles.root, gap: 8 },
+});
+const VibrancyViewDefault = () => {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(View, { style: styles.rootWithSpacing },
+            React.createElement(Text, null, "Vibrancy View with no props set"),
+            React.createElement(VibrancyView, { style: styles.box }))));
+};
+const VibrancyViewWithViewProps = () => {
+    const descriptionString = '<View> and <VibrancyView> with the backgroundColor, borderColor, borderWidth, borderRadius set';
+    const viewProps = React.useMemo(() => {
+        return {
+            focusable: true,
+            style: [styles.box, styles.borderProps],
+        };
+    }, []);
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(View, { style: styles.rootWithSpacing },
+            React.createElement(Text, null, descriptionString),
+            React.createElement(View, { style: styles.row },
+                React.createElement(View, { ...viewProps }),
+                React.createElement(VibrancyView, { ...viewProps })))));
+};
+const materialSelections = [
+    'titlebar',
+    'selection',
+    'menu',
+    'popover',
+    'sidebar',
+    'headerview',
+    'sheet',
+    'windowbackground',
+    'hudWindow',
+    'fullScreenUI',
+    'toolTip',
+    'contentBackground',
+    'underWindowBackground',
+    'underPageBackground',
+];
+const materialsCollection = materialSelections.map((material) => {
+    return {
+        label: material,
+        value: material,
+    };
+});
+const blendingModeSelections = ['withinWindow', 'behindWindow'];
+const blendingModeCollection = blendingModeSelections.map((material) => {
+    return {
+        label: material,
+        value: material,
+    };
+});
+const stateSelections = ['followsWindowActiveState', 'active', 'inactive'];
+const stateCollection = stateSelections.map((material) => {
+    return {
+        label: material,
+        value: material,
+    };
+});
+const VibrancyViewWithVibrancyViewProps = () => {
+    const [material, setMaterial] = React.useState(undefined);
+    const [blendingMode, setBlendingMode] = React.useState(undefined);
+    const [state, setState] = React.useState(undefined);
+    const onMaterialChange = React.useCallback((material) => {
+        setMaterial(material);
+    }, []);
+    const onBlendingModeChange = React.useCallback((blendingMode) => {
+        setBlendingMode(blendingMode);
+    }, []);
+    const onStateChange = React.useCallback((state) => {
+        setState(state);
+    }, []);
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(View, { style: styles.Rectangle1 },
+            React.createElement(VibrancyView, { material: material, blendingMode: blendingMode, state: state, style: styles.Rectangle2 },
+                React.createElement(MenuPicker, { prompt: "Material", selected: material || 'undefined', onChange: onMaterialChange, collection: materialsCollection }),
+                React.createElement(MenuPicker, { prompt: "Blending Mode", selected: blendingMode || 'undefined', onChange: onBlendingModeChange, collection: blendingModeCollection }),
+                React.createElement(MenuPicker, { prompt: "State", selected: state || 'undefined', onChange: onStateChange, collection: stateCollection })))));
+};
+const HitTestButton = (props) => {
+    const onClick = React.useCallback((_e) => {
+        Alert.alert(props.title);
+    }, [props]);
+    return React.createElement(Button, { onClick: onClick }, props.title);
+};
+const VibrancyViewHitTest = () => {
+    return (React.createElement(View, { style: commonStyles.root },
+        React.createElement(HitTestButton, { title: 'Button 1' }),
+        React.createElement(VibrancyView, { style: styles.biggerBox },
+            React.createElement(HitTestButton, { title: 'Button 2' }),
+            React.createElement(View, { style: styles.centeredBox },
+                React.createElement(HitTestButton, { title: 'Button 3' })),
+            React.createElement(HitTestButton, { title: 'Button 4' })),
+        React.createElement(HitTestButton, { title: 'Button 5' })));
+};
+const VibrancyViewSections = [
+    {
+        name: 'VibrancyView Default',
+        testID: VIBRANCYVIEW_TESTPAGE,
+        component: VibrancyViewDefault,
+    },
+    {
+        name: 'VibrancyView with View props',
+        component: VibrancyViewWithViewProps,
+    },
+    {
+        name: 'VibrancyView with VibrancyView props',
+        component: VibrancyViewWithVibrancyViewProps,
+    },
+    {
+        name: 'VibrancyView Hit Test',
+        component: VibrancyViewHitTest,
+    },
+];
+export const VibrancyViewTest = () => {
+    const status = {
+        win32Status: 'N/A',
+        uwpStatus: 'N/A',
+        iosStatus: 'Backlog',
+        macosStatus: 'Beta',
+        androidStatus: 'N/A',
+    };
+    const description = 'VibrancyView is a native module that exposes NSVisualEffectView to React Native on macOS';
+    return React.createElement(Test, { name: "VibrancyView Test", description: description, sections: VibrancyViewSections, status: status });
+};
+//# sourceMappingURL=VibrancyViewTest.js.map

package/lib/TestComponents/VibrancyView/VibrancyViewTest.js.map

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

package/lib/TestComponents/VibrancyView/index.d.ts.map

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

package/lib/TestComponents/VibrancyView/index.js.map

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

package/lib/TestComponents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TestComponents/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC"}

package/lib/TestComponents/index.js.map

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

package/lib/index.d.ts.map

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

package/lib/index.js.map

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

package/lib/testPages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"testPages.d.ts","sourceRoot":"","sources":["../src/testPages.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAgDxD,eAAO,MAAM,KAAK,EAAE,eAAe,EAkSlC,CAAC"}