@fluentui-react-native/tester 0.170.26 → 0.170.28

package/lib-commonjs/TestComponents/LinkLegacy/LinkLegacyTest.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkLegacyTest = 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 e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const stack_1 = require("@fluentui-react-native/stack");
+const E2ELinkLegacyTest_1 = require("./E2ELinkLegacyTest");
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+const Links = () => {
+    const doPress = () => {
+        react_native_1.Alert.alert('Alert.', 'You have been alerted.');
+    };
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_2.Link, { url: "https://www.bing.com/", content: "Click to navigate." }),
+        React.createElement(react_native_2.Link, { onPress: doPress, content: "Click to alert." })));
+};
+const linkSections = [
+    {
+        name: 'Navigation and Alert',
+        testID: e2e_testing_1.LINK_TESTPAGE,
+        component: Links,
+    },
+];
+const e2eSections = [
+    {
+        name: 'Link E2E Test',
+        component: E2ELinkLegacyTest_1.E2ELinkLegacyTest,
+    },
+];
+const LinkLegacyTest = () => {
+    const status = {
+        win32Status: 'Deprecated',
+        uwpStatus: 'Deprecated',
+        iosStatus: 'Deprecated',
+        macosStatus: 'Deprecated',
+        androidStatus: 'Deprecated',
+    };
+    const description = 'With a Link, users can navigate to another page, window, or Help topic; display a definition; initiate a command; or choose an option. A Link indicates that it can be clicked, typically by being displayed using the visited or unvisited link system colors. Traditionally, Links are underlined as well, but that approach is often unnecessary and falling out of favor to reduce visual clutter.\n\nA Link is the lightest weight clickable control, and is often used to reduce the visual complexity of a design.';
+    return React.createElement(Test_1.Test, { name: "Link Legacy Test", description: description, sections: linkSections, status: status, e2eSections: e2eSections });
+};
+exports.LinkLegacyTest = LinkLegacyTest;
+//# sourceMappingURL=LinkLegacyTest.js.map

package/lib-commonjs/TestComponents/LinkLegacy/LinkLegacyTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkLegacyTest.js","sourceRoot":"","sources":["../../../src/TestComponents/LinkLegacy/LinkLegacyTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAqC;AAErC,yDAA8C;AAC9C,oEAAmE;AACnE,wDAAqD;AAErD,2DAAwD;AACxD,6CAA8C;AAE9C,kCAA+B;AAE/B,MAAM,KAAK,GAA4B,GAAG,EAAE;IAC1C,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,oBAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,wBAAwB,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,mBAAI,IAAC,GAAG,EAAC,uBAAuB,EAAC,OAAO,EAAC,oBAAoB,GAAG;QACjE,oBAAC,mBAAI,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,iBAAiB,GAAG,CAC9C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,sBAAsB;QAC5B,MAAM,EAAE,2BAAa;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,qCAAiB;KAC7B;CACF,CAAC;AAEK,MAAM,cAAc,GAA4B,GAAG,EAAE;IAC1D,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,YAAY;QACvB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,2fAA2f,CAAC;IAE9f,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAS,CAAC;AAC3I,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}

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

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

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

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

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

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

package/lib-commonjs/TestComponents/LinkV1/E2ELinkV1Test.d.ts.map

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

package/lib-commonjs/TestComponents/LinkV1/E2ELinkV1Test.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.E2ELinkV1Test = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("@fluentui/react-native");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const stack_1 = require("@fluentui-react-native/stack");
+const styles_1 = require("../Common/styles");
+const TestProps_1 = require("../Common/TestProps");
+const E2ELinkV1Test = () => {
+    const doPress = () => {
+        console.log('Link pressed');
+    };
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_1.LinkV1, { url: "https://www.bing.com/", accessibilityLabel: e2e_testing_1.LINKV1_ACCESSIBILITY_LABEL, ...(0, TestProps_1.testProps)(e2e_testing_1.LINKV1_TEST_COMPONENT) }, "Link with Accessibility Label"),
+        React.createElement(react_native_1.LinkV1, { onPress: doPress, ...(0, TestProps_1.testProps)(e2e_testing_1.LINKV1_NO_A11Y_LABEL_COMPONENT) }, e2e_testing_1.LINKV1_TEST_COMPONENT_LABEL)));
+};
+exports.E2ELinkV1Test = E2ELinkV1Test;
+//# sourceMappingURL=E2ELinkV1Test.js.map

package/lib-commonjs/TestComponents/LinkV1/E2ELinkV1Test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2ELinkV1Test.js","sourceRoot":"","sources":["../../../src/TestComponents/LinkV1/E2ELinkV1Test.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,yDAAwD;AACxD,oEAK4C;AAC5C,wDAAqD;AAErD,6CAA8C;AAC9C,mDAAgD;AAEzC,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,qBAAI,IACH,GAAG,EAAC,uBAAuB,EAC3B,kBAAkB,EAAE,wCAA0B,KAE1C,IAAA,qBAAS,EAAC,mCAAqB,CAAC,oCAG/B;QACP,oBAAC,qBAAI,IACH,OAAO,EAAE,OAAO,KACZ,IAAA,qBAAS,EAAC,4CAA8B,CAAC,IAE5C,yCAA2B,CACvB,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,aAAa,iBAuBxB"}

package/lib-commonjs/TestComponents/LinkV1/InlineLinksTest.android.d.ts.map

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

package/lib-commonjs/TestComponents/LinkV1/InlineLinksTest.android.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineLinks = 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 stack_1 = require("@fluentui-react-native/stack");
+const styles_1 = require("../Common/styles");
+const InlineLinks = () => {
+    const doPress = React.useCallback(() => react_native_1.Alert.alert('Alert.', 'You have been alerted.'), []);
+    const doA11yTap = React.useCallback(() => react_native_1.Alert.alert('Alert.', 'You have invoked onA11yTap.'), []);
+    return (
+    // RN Core has a bug where Text in Text is not keyboard accessible. Issues - #32004, #35194.
+    // This is a workaround for the issue. Once those issues are resolved, InlineLinksTest.android.tsx can be removed.
+    React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_1.View, { style: styles.row },
+            React.createElement(react_native_2.TextV1, null, "Click "),
+            React.createElement(react_native_2.LinkV1, { inline: true, onPress: doPress, onAccessibilityTap: doA11yTap }, "this link"),
+            React.createElement(react_native_2.TextV1, null, " to alert me.")),
+        React.createElement(react_native_1.View, { style: styles.row },
+            React.createElement(react_native_2.TextV1, null, "This "),
+            React.createElement(react_native_2.LinkV1, { inline: true, onPress: doPress, disabled: true, focusable: true }, "link"),
+            React.createElement(react_native_2.TextV1, null, " is disabled but focusable.")),
+        React.createElement(react_native_1.View, { style: styles.row },
+            React.createElement(react_native_2.TextV1, null, "Follow this "),
+            React.createElement(react_native_2.LinkV1, { inline: true, url: "https://www.bing.com/" }, "link"),
+            React.createElement(react_native_2.TextV1, null, " to navigate."))));
+};
+exports.InlineLinks = InlineLinks;
+const styles = react_native_1.StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+    },
+});
+//# sourceMappingURL=InlineLinksTest.android.js.map

package/lib-commonjs/TestComponents/LinkV1/InlineLinksTest.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLinksTest.android.js","sourceRoot":"","sources":["../../../src/TestComponents/LinkV1/InlineLinksTest.android.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAuD;AAEvD,yDAAwE;AACxE,wDAAqD;AAErD,6CAA8C;AAEvC,MAAM,WAAW,GAA4B,GAAG,EAAE;IACvD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,oBAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,wBAAwB,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,oBAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,6BAA6B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpG,OAAO;IACL,4FAA4F;IAC5F,kHAAkH;IAClH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,qBAAI,iBAAc;YACnB,oBAAC,qBAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,gBAErD;YACP,oBAAC,qBAAI,wBAAqB,CACrB;QACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,qBAAI,gBAAa;YAClB,oBAAC,qBAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,QAAC,SAAS,iBAE1C;YACP,oBAAC,qBAAI,sCAAmC,CACnC;QACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG;YACrB,oBAAC,qBAAI,uBAAoB;YACzB,oBAAC,qBAAI,IAAC,MAAM,QAAC,GAAG,EAAC,uBAAuB,WAEjC;YACP,oBAAC,qBAAI,wBAAqB,CACrB,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;KACrB;CACF,CAAC,CAAC"}

package/lib-commonjs/TestComponents/LinkV1/InlineLinksTest.d.ts.map

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

package/lib-commonjs/TestComponents/LinkV1/InlineLinksTest.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineLinks = 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 stack_1 = require("@fluentui-react-native/stack");
+const styles_1 = require("../Common/styles");
+const InlineLinks = () => {
+    const doPress = React.useCallback(() => react_native_1.Alert.alert('Alert.', 'You have been alerted.'), []);
+    const doA11yTap = React.useCallback(() => react_native_1.Alert.alert('Alert.', 'You have invoked onA11yTap.'), []);
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_2.TextV1, null,
+            "Click",
+            ' ',
+            React.createElement(react_native_2.LinkV1, { inline: true, onPress: doPress, onAccessibilityTap: doA11yTap }, "this link"),
+            ' ',
+            "to alert me."),
+        React.createElement(react_native_2.TextV1, null,
+            "This",
+            ' ',
+            React.createElement(react_native_2.LinkV1, { inline: true, onPress: doPress, disabled: true, focusable: true }, "link"),
+            ' ',
+            "is disabled and not focusable."),
+        React.createElement(react_native_2.TextV1, null,
+            "Follow this",
+            ' ',
+            React.createElement(react_native_2.LinkV1, { inline: true, url: "https://www.bing.com/" }, "link"),
+            ' ',
+            "to navigate.")));
+};
+exports.InlineLinks = InlineLinks;
+//# sourceMappingURL=InlineLinksTest.js.map

package/lib-commonjs/TestComponents/LinkV1/InlineLinksTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineLinksTest.js","sourceRoot":"","sources":["../../../src/TestComponents/LinkV1/InlineLinksTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAqC;AAErC,yDAAwE;AACxE,wDAAqD;AAErD,6CAA8C;AAEvC,MAAM,WAAW,GAA4B,GAAG,EAAE;IACvD,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,oBAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,wBAAwB,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,oBAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,6BAA6B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpG,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,qBAAI;;YACG,GAAG;YACT,oBAAC,qBAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,gBAErD;YAAC,GAAG;2BAEN;QACP,oBAAC,qBAAI;;YACE,GAAG;YACR,oBAAC,qBAAI,IAAC,MAAM,QAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,QAAC,SAAS,iBAE1C;YAAC,GAAG;6CAEN;QACP,oBAAC,qBAAI;;YACS,GAAG;YACf,oBAAC,qBAAI,IAAC,MAAM,QAAC,GAAG,EAAC,uBAAuB,WAEjC;YAAC,GAAG;2BAEN,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,WAAW,eA6BtB"}

package/lib-commonjs/TestComponents/LinkV1/LinkV1Test.d.ts.map

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

package/lib-commonjs/TestComponents/LinkV1/LinkV1Test.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkV1Test = 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("react-native");
+const react_native_3 = require("@fluentui/react-native");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const stack_1 = require("@fluentui-react-native/stack");
+const E2ELinkV1Test_1 = require("./E2ELinkV1Test");
+const InlineLinksTest_1 = require("./InlineLinksTest");
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+const DefaultLinks = () => {
+    const doPress = React.useCallback(() => react_native_1.Alert.alert('Alert.', 'You have been alerted.'), []);
+    const doAllyTap = React.useCallback(() => react_native_1.Alert.alert('Alert.', 'You have invoked onAllyTap.'), []);
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_3.LinkV1, { tooltip: 'https://www.bing.com/', url: "https://www.bing.com/" }, "Click to navigate."),
+        React.createElement(react_native_3.LinkV1, { onPress: doPress, onAccessibilityTap: doAllyTap }, "Click to alert."),
+        React.createElement(react_native_3.LinkV1, { disabled: true }, "Disabled Link")));
+};
+const SubtleLinks = () => {
+    const doPress = React.useCallback(() => react_native_1.Alert.alert('Alert.', 'You have been alerted.'), []);
+    const doAllyTap = React.useCallback(() => react_native_1.Alert.alert('Alert.', 'You have invoked onAllyTap.'), []);
+    const supportsInlineLink = react_native_2.Platform.OS !== 'win32';
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_3.LinkV1, { appearance: "subtle", url: "https://www.bing.com/" }, "Click to navigate."),
+        supportsInlineLink && (React.createElement(react_native_1.Text, null,
+            "This is inline Link.",
+            ' ',
+            React.createElement(react_native_3.LinkV1, { appearance: "subtle", inline: true, onPress: doPress, onAccessibilityTap: doAllyTap }, "Click to alert."))),
+        React.createElement(react_native_3.LinkV1, { appearance: "subtle", onPress: doPress, disabled: true }, "Disabled Link")));
+};
+const styles = react_native_1.StyleSheet.create({
+    tokensRow: {
+        flexDirection: 'row',
+        marginBottom: 10,
+    },
+    tokensColumn: {
+        flexDirection: 'column',
+        margin: 10,
+    },
+});
+const BlueHeaderBold = react_native_3.LinkV1.customize({ variant: 'headerStandard', fontWeight: '700', color: '#0229c4', textAlign: 'right' });
+const CustomLinks = () => {
+    const [linkColor, setLinkColor] = React.useState('blue');
+    const [linkFont, setLinkFont] = React.useState('Ariel');
+    const [linkFontSize, setLinkFontSize] = React.useState(12);
+    const [linkText, setLinkText] = React.useState('Click to Navigate');
+    const [linkUrl, setLinkUrl] = React.useState('https://www.bing.com/');
+    const CustomLink = React.useMemo(() => {
+        const tokens = {
+            color: linkColor,
+            fontFamily: linkFont,
+            fontSize: linkFontSize,
+        };
+        return react_native_3.LinkV1.customize(tokens);
+    }, [linkColor, linkFont, linkFontSize]);
+    return (React.createElement(react_native_1.View, { style: styles.tokensColumn },
+        React.createElement(react_native_1.View, { style: styles.tokensRow },
+            React.createElement(react_native_1.View, null,
+                React.createElement(react_native_1.Text, null, "Text Tokens"),
+                React.createElement(react_native_1.TextInput, { accessibilityLabel: "Link color", style: styles_1.commonTestStyles.textBox, placeholder: "Link color", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkColor(e.nativeEvent.text);
+                    } }),
+                React.createElement(react_native_1.TextInput, { accessibilityLabel: "Link font", style: styles_1.commonTestStyles.textBox, placeholder: "Link font", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkFont(e.nativeEvent.text);
+                    } }),
+                React.createElement(react_native_1.TextInput, { accessibilityLabel: "Link font size", style: styles_1.commonTestStyles.textBox, placeholder: "Link font size", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkFontSize(parseInt(e.nativeEvent.text));
+                    } })),
+            React.createElement(react_native_1.View, null,
+                React.createElement(react_native_1.Text, null, "Content and URL customize"),
+                React.createElement(react_native_1.TextInput, { accessibilityLabel: "Link text", style: styles_1.commonTestStyles.textBox, placeholder: "Link text", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkText(e.nativeEvent.text);
+                    } }),
+                React.createElement(react_native_1.TextInput, { accessibilityLabel: "Link Url", style: styles_1.commonTestStyles.textBox, placeholder: "Link URL", blurOnSubmit: true, onSubmitEditing: (e) => {
+                        setLinkUrl(e.nativeEvent.text);
+                    } }))),
+        React.createElement(CustomLink, { align: "end", url: linkUrl }, linkText),
+        React.createElement(BlueHeaderBold, null, "BlueHeaderBold")));
+};
+const linkSections = [
+    {
+        name: 'Default Links',
+        testID: e2e_testing_1.LINKV1_TESTPAGE,
+        component: DefaultLinks,
+    },
+    {
+        name: 'Inline Links',
+        component: InlineLinksTest_1.InlineLinks,
+    },
+    react_native_2.Platform.select({
+        // As per design discussion, there is no use case for subtle link on Android, no tokens available for the same.
+        android: null,
+        default: {
+            name: 'Subtle Links',
+            component: SubtleLinks,
+        },
+    }),
+    react_native_2.Platform.select({
+        android: null,
+        default: {
+            name: 'Custom Link',
+            component: CustomLinks,
+        },
+    }),
+];
+const e2eSections = [
+    {
+        name: 'Link E2E Test',
+        component: E2ELinkV1Test_1.E2ELinkV1Test,
+    },
+];
+const LinkV1Test = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'Production',
+        macosStatus: 'Production',
+        androidStatus: 'Production',
+    };
+    const description = 'With a Link, users can navigate to another page, window, or Help topic; display a definition; initiate a command; or choose an option. A Link indicates that it can be clicked, typically by being displayed using the visited or unvisited link system colors. Traditionally, Links are underlined as well, but that approach is often unnecessary and falling out of favor to reduce visual clutter.\n\nA Link is the lightest weight clickable control, and is often used to reduce the visual complexity of a design.';
+    return React.createElement(Test_1.Test, { name: "LinkV1 Test", description: description, sections: linkSections, status: status, e2eSections: e2eSections });
+};
+exports.LinkV1Test = LinkV1Test;
+//# sourceMappingURL=LinkV1Test.js.map

package/lib-commonjs/TestComponents/LinkV1/LinkV1Test.js.map

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

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

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

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

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

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

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

package/lib-commonjs/TestComponents/Menu/E2EMenuTest.d.ts.map

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

package/lib-commonjs/TestComponents/Menu/E2EMenuTest.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.E2EMenuTest = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const button_1 = require("@fluentui-react-native/button");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const menu_1 = require("@fluentui-react-native/menu");
+const stack_1 = require("@fluentui-react-native/stack");
+const text_1 = require("@fluentui-react-native/text");
+const styles_1 = require("../Common/styles");
+const TestProps_1 = require("../Common/TestProps");
+const E2EMenuTest = () => {
+    const [menuOpened, setMenuOpened] = React.useState(false);
+    const [numOnClickCalls, setNumOnClickCalls] = React.useState(0);
+    const onOpenChange = React.useCallback((_e, isOpen) => {
+        setMenuOpened(isOpen);
+    }, [setMenuOpened]);
+    const onItemClick = () => {
+        setNumOnClickCalls((n) => n + 1);
+    };
+    const onResetClick = () => {
+        setNumOnClickCalls(0);
+    };
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+            menuOpened ? (React.createElement(text_1.TextV1 /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, { ...(0, TestProps_1.testProps)(e2e_testing_1.MENU_ON_OPEN) }, "Menu opened")) : (React.createElement(text_1.TextV1 /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, { ...(0, TestProps_1.testProps)(e2e_testing_1.MENU_ON_CLOSE) }, "Menu closed")),
+            React.createElement(button_1.ButtonV1, { onClick: onResetClick, ...(0, TestProps_1.testProps)(e2e_testing_1.MENU_CALLBACK_RESET_BUTTON) }, "Reset Item Callback"),
+            React.createElement(menu_1.Menu, { open: menuOpened, onOpenChange: onOpenChange },
+                React.createElement(menu_1.MenuTrigger, null,
+                    React.createElement(button_1.ButtonV1
+                    /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                    , { ...(0, TestProps_1.testProps)(e2e_testing_1.MENUTRIGGER_TEST_COMPONENT) }, "Test")),
+                React.createElement(menu_1.MenuPopover
+                /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                , { ...(0, TestProps_1.testProps)(e2e_testing_1.MENUPOPOVER_TEST_COMPONENT) },
+                    React.createElement(menu_1.MenuList, null,
+                        React.createElement(menu_1.MenuGroup, null,
+                            React.createElement(menu_1.MenuItem, { onClick: onItemClick, accessibilityLabel: e2e_testing_1.MENUITEM_ACCESSIBILITY_LABEL, persistOnClick: true, ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_TEST_COMPONENT) }, "A plain MenuItem"),
+                            React.createElement(menu_1.MenuItem, { onClick: onItemClick, ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_DISABLED_COMPONENT), disabled: true, persistOnClick: true }, "A second disabled plain MenuItem")),
+                        React.createElement(menu_1.MenuDivider, null),
+                        React.createElement(menu_1.MenuGroup, null,
+                            React.createElement(menu_1.MenuItem
+                            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                            , { ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_NO_A11Y_LABEL_COMPONENT) }, e2e_testing_1.MENUITEM_TEST_LABEL),
+                            React.createElement(menu_1.MenuItem
+                            /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+                            , { ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_FOURTH_COMPONENT) }, "A fourth plain MenuItem")))))),
+        React.createElement(text_1.TextV1, { style: { marginVertical: 4 }, ...(0, TestProps_1.testProps)(e2e_testing_1.MENUITEM_CALLBACK_LABEL) }, `onClick fired ${numOnClickCalls} times`)));
+};
+exports.E2EMenuTest = E2EMenuTest;
+//# sourceMappingURL=E2EMenuTest.js.map

package/lib-commonjs/TestComponents/Menu/E2EMenuTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2EMenuTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/E2EMenuTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAoC;AAEpC,0DAAmE;AACnE,oEAa4C;AAC5C,sDAAyH;AACzH,wDAAqD;AACrD,sDAA6D;AAE7D,6CAA8C;AAC9C,mDAAgD;AAEzC,MAAM,WAAW,GAA4B,GAAG,EAAE;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhE,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,EAAO,EAAE,MAAe,EAAE,EAAE;QAC3B,aAAa,CAAC,MAAM,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;YAClC,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,aAAI,CAAC,6FAA6F,OAAK,IAAA,qBAAS,EAAC,0BAAY,CAAC,kBAExH,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,aAAI,CAAC,6FAA6F,OAAK,IAAA,qBAAS,EAAC,2BAAa,CAAC,kBAEzH,CACR;YACD,oBAAC,iBAAM,IACL,OAAO,EAAE,YAAY,KAC6E,IAAA,qBAAS,EACzG,wCAA0B,CAC3B,0BAGM;YACT,oBAAC,WAAI,IAAC,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY;gBAChD,oBAAC,kBAAW;oBACV,oBAAC,iBAAM;oBACL,6FAA6F;2BACzF,IAAA,qBAAS,EAAC,wCAA0B,CAAC,WAGlC,CACG;gBACd,oBAAC,kBAAW;gBACV,6FAA6F;uBACzF,IAAA,qBAAS,EAAC,wCAA0B,CAAC;oBAEzC,oBAAC,eAAQ;wBACP,oBAAC,gBAAS;4BACR,oBAAC,eAAQ,IACP,OAAO,EAAE,WAAW,EACpB,kBAAkB,EAAE,0CAA4B,EAChD,cAAc,WAEV,IAAA,qBAAS,EAAC,qCAAuB,CAAC,uBAG7B;4BACX,oBAAC,eAAQ,IACP,OAAO,EAAE,WAAW,KAEhB,IAAA,qBAAS,EAAC,yCAA2B,CAAC,EAC1C,QAAQ,QACR,cAAc,6CAGL,CACD;wBACZ,oBAAC,kBAAW,OAAG;wBACf,oBAAC,gBAAS;4BACR,oBAAC,eAAQ;4BACP,6FAA6F;mCACzF,IAAA,qBAAS,EAAC,8CAAgC,CAAC,IAE9C,iCAAmB,CACX;4BACX,oBAAC,eAAQ;4BACP,6FAA6F;mCACzF,IAAA,qBAAS,EAAC,uCAAyB,CAAC,8BAG/B,CACD,CACH,CACC,CACT,CACF;QACP,oBAAC,aAAI,IACH,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,KAExB,IAAA,qBAAS,EAAC,qCAAuB,CAAC,IAErC,iBAAiB,eAAe,QAAQ,CACpC,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AArGW,QAAA,WAAW,eAqGtB"}

package/lib-commonjs/TestComponents/Menu/MenuComponentOutsideMenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuComponentOutsideMenuList.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuComponentOutsideMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAiBhD,CAAC"}

package/lib-commonjs/TestComponents/Menu/MenuComponentOutsideMenuList.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuComponentOutsideMenuList = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("@fluentui/react-native");
+const menu_1 = require("@fluentui-react-native/menu");
+const stack_1 = require("@fluentui-react-native/stack");
+const styles_1 = require("../Common/styles");
+const MenuComponentOutsideMenuList = () => {
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(menu_1.Menu, null,
+            React.createElement(menu_1.MenuTrigger, null,
+                React.createElement(react_native_1.ButtonV1, null, "The Menu")),
+            React.createElement(menu_1.MenuPopover, null,
+                React.createElement(menu_1.MenuList, null,
+                    React.createElement(menu_1.MenuItem, null, "A plain MenuItem"),
+                    React.createElement(menu_1.MenuItem, null, "A plain MenuItem 2")),
+                React.createElement(react_native_1.ButtonV1, null, "Not in arrow loop")))));
+};
+exports.MenuComponentOutsideMenuList = MenuComponentOutsideMenuList;
+//# sourceMappingURL=MenuComponentOutsideMenuList.js.map

package/lib-commonjs/TestComponents/Menu/MenuComponentOutsideMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuComponentOutsideMenuList.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuComponentOutsideMenuList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,yDAA4D;AAC5D,sDAAiG;AACjG,wDAAqD;AAErD,6CAA8C;AAEvC,MAAM,4BAA4B,GAA4B,GAAG,EAAE;IACxE,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,mBAAkB,CACb;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,2BAA4B;oBACrC,oBAAC,eAAQ,6BAA8B,CAC9B;gBACX,oBAAC,uBAAM,4BAA2B,CACtB,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,4BAA4B,gCAiBvC"}

package/lib-commonjs/TestComponents/Menu/MenuIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcons.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAuB7B,CAAC"}

package/lib-commonjs/TestComponents/Menu/MenuIcons.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuIcons = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const menu_1 = require("@fluentui-react-native/menu");
+const stack_1 = require("@fluentui-react-native/stack");
+const iconExamples_1 = require("../Common/iconExamples");
+const styles_1 = require("../Common/styles");
+const fontBuiltInProps = {
+    fontFamily: 'Arial',
+    codepoint: 0x2663,
+};
+const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
+const MenuIcons = () => {
+    return (react_1.default.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        react_1.default.createElement(menu_1.Menu, { hasIcons: true },
+            react_1.default.createElement(menu_1.MenuTrigger, null,
+                react_1.default.createElement(react_native_2.ButtonV1, null, "Items with icons")),
+            react_1.default.createElement(menu_1.MenuPopover, null,
+                react_1.default.createElement(menu_1.MenuList, null,
+                    react_1.default.createElement(menu_1.MenuItem, { icon: { source: iconExamples_1.testImage } }, "Option 1 image icon"),
+                    react_1.default.createElement(menu_1.MenuItem, { icon: { fontSource: { ...fontBuiltInProps, style: { textAlign: 'center', marginTop: -1 } } } }, "Option 2 font icon"),
+                    svgIconsEnabled && react_1.default.createElement(menu_1.MenuItem, { icon: { svgSource: iconExamples_1.svgProps } }, "Option 3 svg icon"),
+                    react_1.default.createElement(menu_1.MenuItem, null, "Option 4 no icon"),
+                    react_1.default.createElement(menu_1.MenuItemCheckbox, { icon: { source: iconExamples_1.testImage }, name: "Option4" }, "Option 5 checkbox"))))));
+};
+exports.MenuIcons = MenuIcons;
+//# sourceMappingURL=MenuIcons.js.map

package/lib-commonjs/TestComponents/Menu/MenuIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcons.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuIcons.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,+CAAwC;AAExC,yDAA4D;AAC5D,sDAAmH;AACnH,wDAAqD;AAErD,yDAA6D;AAC7D,6CAA8C;AAE9C,MAAM,gBAAgB,GAAG;IACvB,UAAU,EAAE,OAAO;IACnB,SAAS,EAAE,MAAM;CAClB,CAAC;AACF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;AAEtF,MAAM,SAAS,GAA4B,GAAG,EAAE;IACrD,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,8BAAC,WAAI,IAAC,QAAQ;YACZ,8BAAC,kBAAW;gBACV,8BAAC,uBAAM,2BAA0B,CACrB;YACd,8BAAC,kBAAW;gBACV,8BAAC,eAAQ;oBACP,8BAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,wBAAS,EAAE,0BAAgC;oBACrE,8BAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,GAAG,gBAAgB,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,yBAE3F;oBACV,eAAe,IAAI,8BAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,wBAA8B;oBACzF,8BAAC,eAAQ,2BAA4B;oBACrC,8BAAC,uBAAgB,IAAC,IAAI,EAAE,EAAE,MAAM,EAAE,wBAAS,EAAE,EAAE,IAAI,EAAC,SAAS,wBAE1C,CACV,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,SAAS,aAuBpB"}

package/lib-commonjs/TestComponents/Menu/MenuRefs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRefs.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuRefs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAsBvC,CAAC"}

package/lib-commonjs/TestComponents/Menu/MenuRefs.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuTriggerChildRef = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_native_1 = require("@fluentui/react-native");
+const menu_1 = require("@fluentui-react-native/menu");
+const stack_1 = require("@fluentui-react-native/stack");
+const styles_1 = require("../Common/styles");
+const MenuTriggerChildRef = () => {
+    const ref = React.useRef(null);
+    const onClick = React.useCallback(() => {
+        ref?.current?.focus();
+    }, [ref]);
+    return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        React.createElement(react_native_1.ButtonV1, { onClick: onClick }, "Click to focus Menu trigger"),
+        React.createElement(menu_1.Menu, null,
+            React.createElement(menu_1.MenuTrigger, null,
+                React.createElement(react_native_1.ButtonV1, { componentRef: ref }, "The Menu")),
+            React.createElement(menu_1.MenuPopover, null,
+                React.createElement(menu_1.MenuList, null,
+                    React.createElement(menu_1.MenuItem, null, "A plain MenuItem"))))));
+};
+exports.MenuTriggerChildRef = MenuTriggerChildRef;
+//# sourceMappingURL=MenuRefs.js.map

package/lib-commonjs/TestComponents/Menu/MenuRefs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRefs.js","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuRefs.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,yDAA4D;AAC5D,sDAAiG;AACjG,wDAAqD;AAErD,6CAA8C;AAEvC,MAAM,mBAAmB,GAA4B,GAAG,EAAE;IAC/D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IACxB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;QACtB,oBAAC,uBAAM,IAAC,OAAO,EAAE,OAAO,kCAAsC;QAE9D,oBAAC,WAAI;YACH,oBAAC,kBAAW;gBACV,oBAAC,uBAAM,IAAC,YAAY,EAAE,GAAG,eAAmB,CAChC;YACd,oBAAC,kBAAW;gBACV,oBAAC,eAAQ;oBACP,oBAAC,eAAQ,2BAA4B,CAC5B,CACC,CACT,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,mBAAmB,uBAsB9B"}

package/lib-commonjs/TestComponents/Menu/MenuScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuScrollView.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAoFlC,CAAC"}

package/lib-commonjs/TestComponents/Menu/MenuScrollView.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuScrollView = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_native_2 = require("@fluentui/react-native");
+const menu_1 = require("@fluentui-react-native/menu");
+const stack_1 = require("@fluentui-react-native/stack");
+const styles_1 = require("../Common/styles");
+const styles_2 = require("../Common/styles");
+const styles = react_native_1.StyleSheet.create({
+    menuContainerRow: { flexDirection: 'row' },
+    menuMargin: { marginRight: 20 },
+});
+const MenuScrollView = () => {
+    const [data, setData] = (0, react_1.useState)([
+        react_1.default.createElement(menu_1.MenuItem, { key: 1 }, "MenuItem 1"),
+        react_1.default.createElement(menu_1.MenuItem, { key: 2 }, "MenuItem 2"),
+        react_1.default.createElement(menu_1.MenuItem, { key: 3 }, "MenuItem 3"),
+        react_1.default.createElement(menu_1.MenuItem, { key: 4 }, "MenuItem 4"),
+        react_1.default.createElement(menu_1.MenuItem, { key: 5 }, "MenuItem 5"),
+    ]);
+    const insertOnClick = react_1.default.useCallback(() => {
+        data.push(react_1.default.createElement(menu_1.MenuItem, { key: Math.random() }, "MenuItem"));
+        const newList = [...data];
+        setData(newList);
+    }, [data]);
+    const popOnClick = react_1.default.useCallback(() => {
+        if (data.length > 0) {
+            data.pop();
+            const newList = [...data];
+            setData(newList);
+        }
+    }, [data]);
+    const [maxHeight, setMaxHeight] = (0, react_1.useState)(800);
+    const menuItems = [];
+    for (let i = 0; i < 40; i++) {
+        menuItems.push(react_1.default.createElement(menu_1.MenuItem, { key: i },
+            "MenuItem ",
+            i));
+    }
+    return (react_1.default.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+        react_1.default.createElement(react_native_1.View, { style: styles.menuContainerRow },
+            react_1.default.createElement(react_native_1.TextInput, { accessibilityLabel: "Max height for menu", style: [styles_2.commonTestStyles.textBox, styles.menuMargin], placeholder: "Max height for menu", blurOnSubmit: true, onSubmitEditing: (e) => {
+                    setMaxHeight(parseInt(e.nativeEvent.text));
+                } }),
+            react_1.default.createElement(menu_1.Menu, null,
+                react_1.default.createElement(menu_1.MenuTrigger, null,
+                    react_1.default.createElement(react_native_2.ButtonV1, null, "Custom height")),
+                react_1.default.createElement(menu_1.MenuPopover, { maxHeight: maxHeight },
+                    react_1.default.createElement(menu_1.MenuList, null, menuItems)))),
+        react_1.default.createElement(react_native_1.View, { style: styles.menuContainerRow },
+            react_1.default.createElement(react_native_2.ButtonV1, { appearance: "subtle", onClick: insertOnClick }, "Add new menu item"),
+            react_1.default.createElement(react_native_2.ButtonV1, { appearance: "subtle", onClick: popOnClick }, "Remove last menu item"),
+            react_1.default.createElement(menu_1.Menu, null,
+                react_1.default.createElement(menu_1.MenuTrigger, null,
+                    react_1.default.createElement(react_native_2.ButtonV1, null, "Mutable Menu: MaxHeight 250 ")),
+                react_1.default.createElement(menu_1.MenuPopover, { maxHeight: 250 },
+                    react_1.default.createElement(menu_1.MenuList, null, data)))),
+        react_1.default.createElement(menu_1.Menu, null,
+            react_1.default.createElement(menu_1.MenuTrigger, null,
+                react_1.default.createElement(react_native_2.ButtonV1, null, "Height: 100 minWidth: 250")),
+            react_1.default.createElement(menu_1.MenuPopover, { maxHeight: 100, minWidth: 250 },
+                react_1.default.createElement(menu_1.MenuList, null,
+                    react_1.default.createElement(menu_1.MenuItem, null, "MenuItem 1"),
+                    react_1.default.createElement(menu_1.MenuItem, null, "MenuItem 2"),
+                    react_1.default.createElement(menu_1.MenuItem, null, "MenuItem 3"),
+                    react_1.default.createElement(menu_1.MenuItem, null, "MenuItem 4"),
+                    react_1.default.createElement(menu_1.MenuItem, null, "MenuItem 5"),
+                    react_1.default.createElement(menu_1.MenuItem, null, "MenuItem 6"))))));
+};
+exports.MenuScrollView = MenuScrollView;
+//# sourceMappingURL=MenuScrollView.js.map

package/lib-commonjs/TestComponents/Menu/MenuScrollView.js.map

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

package/lib-commonjs/TestComponents/Menu/MenuTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Menu/MenuTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuiB1B,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAe5B,CAAC"}