@fluentui-react-native/tester 0.170.27 → 0.170.29

package/lib-commonjs/TestComponents/Callout/CalloutE2ETest.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.E2ECalloutTest = 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 switch_1 = require("@fluentui-react-native/switch");
+const TestProps_1 = require("../Common/TestProps");
+const E2ECalloutTest = () => {
+    const [showCallout, setShowCallout] = React.useState(false);
+    const [isCalloutVisible, setIsCalloutVisible] = React.useState(false);
+    const [dismissBehaviors, setDismissBehaviors] = React.useState({
+        preventDismissOnKeyDown: false,
+        preventDismissOnClickOutside: false,
+    });
+    const toggleShowCallout = React.useCallback(() => {
+        setShowCallout(!showCallout);
+        setIsCalloutVisible(false);
+    }, [showCallout, setIsCalloutVisible, setShowCallout]);
+    const onShowCallout = React.useCallback(() => {
+        setIsCalloutVisible(true);
+    }, [setIsCalloutVisible]);
+    const onDismissCallout = React.useCallback(() => {
+        setIsCalloutVisible(false);
+        setShowCallout(false);
+    }, [setIsCalloutVisible, setShowCallout]);
+    const myRect = { screenX: 10, screenY: 10, width: 100, height: 100 };
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingVertical: 5 } },
+            React.createElement(react_native_2.Text, { variant: "subheaderSemibold" }, "Dismiss Behaviors"),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'row', paddingVertical: 5 } }, Object.entries(dismissBehaviors).map(([behavior, checked], i) => (React.createElement(switch_1.Switch, { label: behavior, checked: checked, onChange: (_, isChecked) => setDismissBehaviors({ ...dismissBehaviors, [behavior]: isChecked }), key: i })))),
+            React.createElement(react_native_2.ButtonV1, { onClick: toggleShowCallout, ...(0, TestProps_1.testProps)(e2e_testing_1.BUTTON_TO_OPEN_CALLOUT) }, "Press for Callout"),
+            React.createElement(react_native_2.Text, { selectable: true },
+                React.createElement(react_native_2.Text, null, "Visibility: "),
+                isCalloutVisible ? React.createElement(react_native_2.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_2.Text, { style: { color: 'red' } }, "Not Visible"))),
+        showCallout && (React.createElement(react_native_2.Callout, { anchorRect: myRect, onDismiss: onDismissCallout, onShow: onShowCallout, accessibilityLabel: e2e_testing_1.CALLOUT_ACCESSIBILITY_LABEL, accessibilityRole: "alert", accessibilityOnShowAnnouncement: "Be informed that a customized callout has been opened.", dismissBehaviors: Object.keys(dismissBehaviors).filter((behavior) => dismissBehaviors[behavior]), ...(0, TestProps_1.testProps)(e2e_testing_1.CALLOUT_TEST_COMPONENT) },
+            React.createElement(react_native_1.View, { style: { padding: 20, borderWidth: 2, borderColor: 'black' } },
+                React.createElement(react_native_2.Text, null, "just some text so it does not take focus and is not empty."))))));
+};
+exports.E2ECalloutTest = E2ECalloutTest;
+//# sourceMappingURL=CalloutE2ETest.js.map

package/lib-commonjs/TestComponents/Callout/CalloutE2ETest.js.map

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

package/lib-commonjs/TestComponents/Callout/CalloutTest.d.ts.map

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

package/lib-commonjs/TestComponents/Callout/CalloutTest.js

@@ -0,0 +1,339 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutTest = 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 callout_1 = require("@fluentui-react-native/callout");
+const e2e_testing_1 = require("@fluentui-react-native/e2e-testing");
+const CalloutE2ETest_1 = require("./CalloutE2ETest");
+const MenuPicker_1 = require("../Common/MenuPicker");
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+const StandardCallout = () => {
+    const [showStandardCallout, setShowStandardCallout] = React.useState(false);
+    const [isStandardCalloutVisible, setIsStandardCalloutVisible] = React.useState(false);
+    const [openCalloutOnHoverAnchor, setOpenCalloutOnHoverAnchor] = React.useState(true);
+    const [calloutHovered, setCalloutHovered] = React.useState(false);
+    const [shouldSetInitialFocus, setShouldSetInitialFocus] = React.useState(true);
+    const onInitialFocusChange = React.useCallback((value) => setShouldSetInitialFocus(value), []);
+    const [customRestoreFocus, setCustomRestoreFocus] = React.useState(false);
+    const onRestoreFocusChange = React.useCallback((value) => setCustomRestoreFocus(value), []);
+    const [isBeakVisible, setIsBeakVisible] = React.useState(false);
+    const onIsBeakVisibleChange = React.useCallback((value) => setIsBeakVisible(value), []);
+    const [preventDismissOnKeyDown, setPreventDismissOnKeyDown] = React.useState(false);
+    const [preventDismissOnClickOutside, setPreventDismissOnClickOutside] = React.useState(false);
+    const [calloutDismissBehaviors, setDismissBehaviors] = React.useState([]);
+    const onPreventDismissOnKeyDownChange = React.useCallback((value) => {
+        setPreventDismissOnKeyDown(value);
+        if (value) {
+            setDismissBehaviors(calloutDismissBehaviors.concat('preventDismissOnKeyDown'));
+        }
+        else {
+            const newDismissBehaviors = calloutDismissBehaviors.filter((value) => {
+                value != 'preventDismissOnKeyDown';
+            });
+            setDismissBehaviors(newDismissBehaviors);
+        }
+    }, [calloutDismissBehaviors]);
+    const onPreventDismissOnClickOutsideChange = React.useCallback((value) => {
+        setPreventDismissOnClickOutside(value);
+        if (value) {
+            setDismissBehaviors(calloutDismissBehaviors.concat('preventDismissOnClickOutside'));
+        }
+        else {
+            const newDismissBehaviors = calloutDismissBehaviors.filter((value) => {
+                value != 'preventDismissOnClickOutside';
+            });
+            setDismissBehaviors(newDismissBehaviors);
+        }
+    }, [calloutDismissBehaviors]);
+    const calloutRef = React.useRef(null);
+    const calloutButtonRef = React.useRef(null);
+    const redTargetRef = React.useRef(null);
+    const blueTargetRef = React.useRef(null);
+    const greenTargetRef = React.useRef(null);
+    const decoyBtn1Ref = React.useRef(null);
+    const decoyBtn2Ref = React.useRef(null);
+    const [anchorRef, setAnchorRef] = React.useState(redTargetRef);
+    const [hoveredTargetsCount, setHoveredTargetsCount] = React.useState(0);
+    const [displayCountHoveredTargets, setDisplayCountHoveredTargets] = React.useState(0);
+    const anchorRefsInfo = React.useMemo(() => {
+        return {
+            hoverCount: displayCountHoveredTargets,
+            isCurrentAnchor: [
+                openCalloutOnHoverAnchor && isStandardCalloutVisible && anchorRef == redTargetRef,
+                openCalloutOnHoverAnchor && isStandardCalloutVisible && anchorRef == greenTargetRef,
+                openCalloutOnHoverAnchor && isStandardCalloutVisible && anchorRef == blueTargetRef,
+            ],
+        };
+    }, [anchorRef, displayCountHoveredTargets, isStandardCalloutVisible, openCalloutOnHoverAnchor]);
+    // Use a timer to update the targets count and avoid jittery updates of counts on-screen
+    React.useLayoutEffect(() => {
+        const timer = setTimeout(() => {
+            setDisplayCountHoveredTargets(hoveredTargetsCount);
+        }, 50);
+        return () => clearTimeout(timer);
+    }, [hoveredTargetsCount]);
+    React.useLayoutEffect(() => {
+        // The callout may be dismissed by multiple mechanisms, depending on its active invocation
+        // mechanisms.  In each of those dismissal routes, we use this function to reset the callout's
+        // state universally.
+        if (!showStandardCallout) {
+            setIsStandardCalloutVisible(false);
+            setCalloutHovered(false);
+        }
+    }, [showStandardCallout]);
+    const toggleShowStandardCallout = React.useCallback(() => {
+        setShowStandardCallout(!showStandardCallout);
+    }, [showStandardCallout]);
+    // Set up a LayoutEffect for hover callout mechanics including:
+    //   the toggle switch for hover callout behavior
+    //   multiple hover targets (i.e. the callout and its anchor)
+    //   a dismissal timer for closing the callout with no targets hovered
+    React.useLayoutEffect(() => {
+        if (!openCalloutOnHoverAnchor) {
+            setShowStandardCallout(false);
+        }
+        else if (openCalloutOnHoverAnchor && hoveredTargetsCount > 0) {
+            setShowStandardCallout(true);
+        }
+        else {
+            const timer = setTimeout(() => {
+                setShowStandardCallout(false);
+            }, 2000);
+            return () => clearTimeout(timer);
+        }
+        return undefined;
+    }, [openCalloutOnHoverAnchor, hoveredTargetsCount]);
+    const updateCalloutTargetsHoverState = React.useCallback((show, hoverAnchorRef) => {
+        if (hoverAnchorRef !== undefined && hoverAnchorRef !== anchorRef) {
+            return;
+        }
+        setHoveredTargetsCount(hoveredTargetsCount + (show ? 1 : -1));
+    }, [anchorRef, hoveredTargetsCount, setHoveredTargetsCount]);
+    const calloutHoveredCallback = React.useCallback((isHovered) => {
+        updateCalloutTargetsHoverState(isHovered, undefined);
+        setCalloutHovered(isHovered);
+    }, [updateCalloutTargetsHoverState]);
+    const toggleCalloutRef = React.useCallback(() => {
+        // Cycle the target ref between the RGB target views
+        setAnchorRef(anchorRef === redTargetRef ? greenTargetRef : anchorRef === greenTargetRef ? blueTargetRef : redTargetRef);
+    }, [anchorRef]);
+    const switchTargetRefOrRect = React.useCallback(() => {
+        // Switch between RGB views or a fixed anchor
+        setAnchorRef(anchorRef === redTargetRef || anchorRef === greenTargetRef || anchorRef == blueTargetRef ? undefined : redTargetRef);
+    }, [anchorRef]);
+    React.useEffect(() => {
+        if (!showStandardCallout && anchorRef === undefined) {
+            setAnchorRef(redTargetRef);
+        }
+    }, [anchorRef, setAnchorRef, showStandardCallout]);
+    const onShowStandardCallout = React.useCallback(() => {
+        setIsStandardCalloutVisible(true);
+    }, []);
+    const onDismissStandardCallout = React.useCallback(() => {
+        // setting the internal state to false will instigate unmounting the
+        // zombie Callout control.
+        setShowStandardCallout(false);
+    }, []);
+    const onShiftFocusToCallout = React.useCallback(() => {
+        calloutRef?.current.focusWindow();
+    }, [calloutRef]);
+    const onShiftFocusToCalloutButton = React.useCallback(() => {
+        calloutButtonRef?.current?.focus?.();
+    }, [calloutButtonRef]);
+    const onShiftFocusToPage = React.useCallback(() => {
+        calloutRef?.current.blurWindow();
+    }, [calloutRef]);
+    const onRestoreFocusStandardCallout = React.useCallback((restoreFocusEvent) => {
+        if (restoreFocusEvent?.nativeEvent?.containsFocus) {
+            decoyBtn1Ref?.current?.focus?.();
+        }
+        else {
+            decoyBtn2Ref?.current?.focus?.();
+        }
+    }, [decoyBtn1Ref, decoyBtn2Ref]);
+    const colorDefault = 'default';
+    const colorSelections = [colorDefault, 'red', 'green', 'blue'];
+    const menuPickerColorCollection = colorSelections.map((color) => {
+        return {
+            label: color,
+            value: color,
+        };
+    });
+    const [selectedBackgroundColor, setSelectedBackgroundColor] = React.useState(undefined);
+    const [selectedBorderColor, setSelectedBorderColor] = React.useState(undefined);
+    const borderWidthDefault = react_native_1.Platform.OS === 'macos' ? '0' : '1';
+    const borderWidthSelections = ['0', '1', '2', '4', '10'];
+    const menuPickerBorderWidthCollection = borderWidthSelections.map((width) => {
+        return {
+            label: width,
+            value: width,
+        };
+    });
+    const borderRadiusDefault = '5';
+    const borderRadiusSelections = ['0', '5', '7', '15'];
+    const menuPickerBorderRadiusCollection = borderRadiusSelections.map((width) => {
+        return {
+            label: width,
+            value: width,
+        };
+    });
+    const [selectedBorderWidth, setSelectedBorderWidth] = React.useState(undefined);
+    const [selectedBorderRadius, setSelectedBorderRadius] = React.useState(undefined);
+    const [showScrollViewCallout, setShowScrollViewCalout] = React.useState(false);
+    const [scrollviewContents, setScrollviewContents] = React.useState([1, 2, 3]);
+    const removeButton = React.useCallback(() => {
+        const tempArray = scrollviewContents;
+        tempArray.pop();
+        setScrollviewContents([...tempArray]);
+    }, [setScrollviewContents, scrollviewContents]);
+    const addButton = React.useCallback(() => {
+        setScrollviewContents((arr) => [...arr, 1]);
+    }, [setScrollviewContents]);
+    const calloutTargetOrAnchor = {};
+    if (anchorRef) {
+        calloutTargetOrAnchor.target = anchorRef;
+    }
+    else {
+        calloutTargetOrAnchor.anchorRect = { screenX: 50, screenY: 50, width: 1, height: 1 };
+    }
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'row', paddingVertical: 5 } },
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Switch, { value: openCalloutOnHoverAnchor, onValueChange: setOpenCalloutOnHoverAnchor }),
+                    React.createElement(react_native_1.Text, null, "Show Callout On Hover Anchor")),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Switch, { value: shouldSetInitialFocus, onValueChange: onInitialFocusChange }),
+                    React.createElement(react_native_1.Text, null, "Set Initial Focus")),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Switch, { value: customRestoreFocus, onValueChange: onRestoreFocusChange }),
+                    React.createElement(react_native_1.Text, null, "Customize Restore Focus")),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }),
+                    React.createElement(react_native_1.Text, null, "Beak Visible")),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Switch, { value: preventDismissOnKeyDown, onValueChange: onPreventDismissOnKeyDownChange }),
+                    React.createElement(react_native_1.Text, null, "Prevent Dismiss On Key Down")),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Switch, { value: preventDismissOnClickOutside, onValueChange: onPreventDismissOnClickOutsideChange }),
+                    React.createElement(react_native_1.Text, null, "Prevent Dismiss On Click Outside")),
+                React.createElement(react_native_1.View, { style: { flexDirection: 'row' } },
+                    React.createElement(react_native_1.Switch, { value: showScrollViewCallout, onValueChange: setShowScrollViewCalout }),
+                    React.createElement(react_native_1.Text, null, "Enable ScrollView Callout")),
+                React.createElement(MenuPicker_1.MenuPicker, { prompt: "Background Color", selected: selectedBackgroundColor || colorDefault, onChange: (color) => setSelectedBackgroundColor(color === colorDefault ? undefined : color), collection: menuPickerColorCollection }),
+                React.createElement(MenuPicker_1.MenuPicker, { prompt: "Border Color", selected: selectedBorderColor || colorDefault, onChange: (color) => setSelectedBorderColor(color === colorDefault ? undefined : color), collection: menuPickerColorCollection }),
+                React.createElement(MenuPicker_1.MenuPicker, { prompt: "Border Width", selected: selectedBorderWidth || borderWidthDefault, onChange: (color) => setSelectedBorderWidth(color === colorDefault ? undefined : color), collection: menuPickerBorderWidthCollection }),
+                React.createElement(MenuPicker_1.MenuPicker, { prompt: "Border Radius", selected: selectedBorderRadius || borderRadiusDefault, onChange: (radius) => setSelectedBorderRadius(radius === borderRadiusDefault ? undefined : radius), collection: menuPickerBorderRadiusCollection })),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_2.ButtonV1, { onClick: toggleShowStandardCallout, disabled: openCalloutOnHoverAnchor }, (openCalloutOnHoverAnchor ? 'Hover Color Anchor ' : 'Press Here ') + 'for Callout'),
+                React.createElement(react_native_1.Text, null,
+                    React.createElement(react_native_1.Text, null, "Visibility: "),
+                    isStandardCalloutVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible"))),
+            React.createElement(react_native_2.Separator, { vertical: true }),
+            React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
+                React.createElement(react_native_2.Pressable, { onHoverIn: () => updateCalloutTargetsHoverState(true, redTargetRef), onHoverOut: () => updateCalloutTargetsHoverState(false, redTargetRef) },
+                    React.createElement(react_native_1.View, { ref: redTargetRef, style: { height: 40, width: 40, backgroundColor: 'red', padding: 5 } }, anchorRefsInfo.isCurrentAnchor[0] && React.createElement(react_native_1.Text, null, anchorRefsInfo.hoverCount))),
+                React.createElement(react_native_2.Pressable, { onHoverIn: () => updateCalloutTargetsHoverState(true, greenTargetRef), onHoverOut: () => updateCalloutTargetsHoverState(false, greenTargetRef) },
+                    React.createElement(react_native_1.View, { ref: greenTargetRef, style: { height: 40, width: 40, backgroundColor: 'green', padding: 5 } }, anchorRefsInfo.isCurrentAnchor[1] && React.createElement(react_native_1.Text, null, anchorRefsInfo.hoverCount))),
+                React.createElement(react_native_2.Pressable, { onHoverIn: () => updateCalloutTargetsHoverState(true, blueTargetRef), onHoverOut: () => updateCalloutTargetsHoverState(false, blueTargetRef) },
+                    React.createElement(react_native_1.View, { ref: blueTargetRef, style: { height: 40, width: 40, backgroundColor: 'blue', padding: 5 } }, anchorRefsInfo.isCurrentAnchor[2] && React.createElement(react_native_1.Text, { style: { color: 'white' } }, anchorRefsInfo.hoverCount))))),
+        React.createElement(react_native_2.Separator, null),
+        React.createElement(react_native_1.View, { style: { paddingVertical: 5 } },
+            React.createElement(react_native_2.ButtonV1, { componentRef: decoyBtn1Ref, onClick: onShiftFocusToCallout }, 'Custom reFocus w/ focus in Callout'),
+            React.createElement(react_native_2.ButtonV1, { componentRef: decoyBtn2Ref, onClick: onShiftFocusToCalloutButton }, 'Custom reFocus w/o focus in Callout')),
+        showStandardCallout && (React.createElement(callout_1.Callout, { componentRef: calloutRef, ...{
+                doNotTakePointerCapture: openCalloutOnHoverAnchor ?? undefined,
+                ...calloutTargetOrAnchor,
+                onDismiss: onDismissStandardCallout,
+                onShow: onShowStandardCallout,
+                ...(customRestoreFocus && { onRestoreFocus: onRestoreFocusStandardCallout }),
+                accessibilityLabel: 'Standard Callout',
+                setInitialFocus: shouldSetInitialFocus,
+                isBeakVisible: isBeakVisible,
+                ...(selectedBorderColor && { borderColor: selectedBorderColor }),
+                ...(selectedBackgroundColor && { backgroundColor: selectedBackgroundColor }),
+                ...(selectedBorderWidth && { borderWidth: parseInt(selectedBorderWidth) }),
+                ...(selectedBorderRadius && { borderRadius: parseInt(selectedBorderRadius) }),
+                ...(calloutDismissBehaviors && { dismissBehaviors: calloutDismissBehaviors }),
+            } },
+            React.createElement(react_native_2.Pressable, { onHoverIn: () => calloutHoveredCallback(true), onHoverOut: () => calloutHoveredCallback(false) }, showScrollViewCallout ? (React.createElement(react_native_1.View, { style: styles_1.fluentTesterStyles.scrollViewContainer },
+                React.createElement(react_native_1.ScrollView, { contentContainerStyle: styles_1.fluentTesterStyles.scrollViewStyle, showsVerticalScrollIndicator: true },
+                    React.createElement(react_native_2.ButtonV1, { onClick: toggleCalloutRef }, 'click to change anchor'),
+                    React.createElement(react_native_2.ButtonV1, { onClick: switchTargetRefOrRect }, 'click to switch between anchor and rect'),
+                    React.createElement(react_native_2.ButtonV1, { style: styles_1.fluentTesterStyles.testListItem, onClick: addButton }, 'Click to add a button'),
+                    React.createElement(react_native_2.ButtonV1, { style: styles_1.fluentTesterStyles.testListItem, onClick: removeButton }, 'Click to remove a button'),
+                    scrollviewContents.map((value) => {
+                        return (React.createElement(react_native_2.ButtonV1, { key: value, style: styles_1.fluentTesterStyles.testListItem }, 'Button'));
+                    })))) : (
+            //else
+            React.createElement(react_native_1.View, { style: { padding: 20, backgroundColor: calloutHovered ? 'lightgreen' : 'pink' } },
+                React.createElement(react_native_2.ButtonV1, { onClick: toggleCalloutRef }, 'click to change anchor'),
+                React.createElement(react_native_2.ButtonV1, { onClick: onShiftFocusToCalloutButton }, 'focus last button'),
+                React.createElement(react_native_2.ButtonV1, { onClick: switchTargetRefOrRect }, 'click to switch between anchor and rect'),
+                React.createElement(react_native_2.ButtonV1, { componentRef: calloutButtonRef, onClick: onShiftFocusToPage }, 'Click to invoke blur()'))))))));
+};
+const CustomCallout = () => {
+    const [showCustomizedCallout, setShowCustomizedCallout] = React.useState(false);
+    const [isCustomizedCalloutVisible, setIsCustomizedCalloutVisible] = React.useState(false);
+    const toggleShowCustomizedCallout = React.useCallback(() => {
+        setShowCustomizedCallout(!showCustomizedCallout);
+        // Unmounting a callout does not invoke onDismiss; onDismiss is only invoked
+        // for dismissals generated by the native app.  When toggling to 'show',
+        // the isVisible state will be corrected to 'true' by the onShow callback.
+        setIsCustomizedCalloutVisible(false);
+    }, [showCustomizedCallout, setIsCustomizedCalloutVisible, setShowCustomizedCallout]);
+    const onShowCustomizedCallout = React.useCallback(() => {
+        setIsCustomizedCalloutVisible(true);
+    }, [setIsCustomizedCalloutVisible]);
+    const onDismissCustomizedCallout = React.useCallback(() => {
+        setIsCustomizedCalloutVisible(false);
+        // setting the internal state to false will instigate unmounting the
+        // zombie Callout control.
+        setShowCustomizedCallout(false);
+    }, [setIsCustomizedCalloutVisible, setShowCustomizedCallout]);
+    const myRect = { screenX: 10, screenY: 10, width: 100, height: 100 };
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingVertical: 5 } },
+            React.createElement(react_native_2.ButtonV1, { onClick: toggleShowCustomizedCallout }, 'Press for Callout'),
+            React.createElement(react_native_1.Text, { selectable: true },
+                React.createElement(react_native_1.Text, null, "Visibility: "),
+                isCustomizedCalloutVisible ? React.createElement(react_native_1.Text, { style: { color: 'green' } }, "Visible") : React.createElement(react_native_1.Text, { style: { color: 'red' } }, "Not Visible"))),
+        showCustomizedCallout && (React.createElement(callout_1.Callout, { anchorRect: myRect, onDismiss: onDismissCustomizedCallout, onShow: onShowCustomizedCallout, accessibilityLabel: "Customized Callout", accessibilityRole: "alert", accessibilityOnShowAnnouncement: "Be informed that a customized callout has been opened." },
+            React.createElement(react_native_1.View, { style: { padding: 20, borderWidth: 2, borderColor: 'black' } },
+                React.createElement(react_native_1.Text, null, "just some text so it does not take focus and is not empty."))))));
+};
+const calloutSections = [
+    {
+        name: 'Standard Usage',
+        testID: e2e_testing_1.CALLOUT_TESTPAGE,
+        component: StandardCallout,
+    },
+    {
+        name: 'Customized Usage',
+        component: CustomCallout,
+    },
+];
+const e2eSections = [
+    {
+        name: 'E2E Testing Callout',
+        component: CalloutE2ETest_1.E2ECalloutTest,
+    },
+];
+const CalloutTest = () => {
+    const status = {
+        win32Status: 'Production',
+        uwpStatus: 'Backlog',
+        iosStatus: 'N/A',
+        macosStatus: 'Production',
+        androidStatus: 'N/A',
+    };
+    const description = 'A callout is an anchored tip that can be used to teach people or guide them through the app without blocking them.';
+    return React.createElement(Test_1.Test, { name: "Callout Test", description: description, sections: calloutSections, status: status, e2eSections: e2eSections });
+};
+exports.CalloutTest = CalloutTest;
+//# sourceMappingURL=CalloutTest.js.map

package/lib-commonjs/TestComponents/Callout/CalloutTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Callout/CalloutTest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,+CAAwE;AAExE,yDAAkF;AAGlF,4DAAyD;AACzD,oEAAsE;AAEtE,qDAAkD;AAClD,qDAAkD;AAClD,6CAAsD;AAEtD,kCAA+B;AAE/B,MAAM,eAAe,GAA4B,GAAG,EAAE;IACpD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtF,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAc,EAAE,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAExG,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAExF,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpF,MAAM,CAAC,4BAA4B,EAAE,+BAA+B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9F,MAAM,CAAC,uBAAuB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAE9F,MAAM,+BAA+B,GAAG,KAAK,CAAC,WAAW,CACvD,CAAC,KAAK,EAAE,EAAE;QACR,0BAA0B,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,KAAK,EAAE;YACT,mBAAmB,CAAC,uBAAuB,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC;SAChF;aAAM;YACL,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnE,KAAK,IAAI,yBAAyB,CAAC;YACrC,CAAC,CAAC,CAAC;YACH,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;SAC1C;IACH,CAAC,EACD,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IAEF,MAAM,oCAAoC,GAAG,KAAK,CAAC,WAAW,CAC5D,CAAC,KAAK,EAAE,EAAE;QACR,+BAA+B,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,KAAK,EAAE;YACT,mBAAmB,CAAC,uBAAuB,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,CAAC;SACrF;aAAM;YACL,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnE,KAAK,IAAI,8BAA8B,CAAC;YAC1C,CAAC,CAAC,CAAC;YACH,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;SAC1C;IACH,CAAC,EACD,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAO,IAAI,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAO,IAAI,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAO,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoC,YAAY,CAAC,CAAC;IAClG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxE,MAAM,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEtF,MAAM,cAAc,GAAuD,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC5F,OAAO;YACL,UAAU,EAAE,0BAA0B;YACtC,eAAe,EAAE;gBACf,wBAAwB,IAAI,wBAAwB,IAAI,SAAS,IAAI,YAAY;gBACjF,wBAAwB,IAAI,wBAAwB,IAAI,SAAS,IAAI,cAAc;gBACnF,wBAAwB,IAAI,wBAAwB,IAAI,SAAS,IAAI,aAAa;aACnF;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEhG,wFAAwF;IACxF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,6BAA6B,CAAC,mBAAmB,CAAC,CAAC;QACrD,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,0FAA0F;QAC1F,8FAA8F;QAC9F,qBAAqB;QACrB,IAAI,CAAC,mBAAmB,EAAE;YACxB,2BAA2B,CAAC,KAAK,CAAC,CAAC;YACnC,iBAAiB,CAAC,KAAK,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,MAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvD,sBAAsB,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,+DAA+D;IAC/D,iDAAiD;IACjD,6DAA6D;IAC7D,sEAAsE;IACtE,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,CAAC,wBAAwB,EAAE;YAC7B,sBAAsB,CAAC,KAAK,CAAC,CAAC;SAC/B;aAAM,IAAI,wBAAwB,IAAI,mBAAmB,GAAG,CAAC,EAAE;YAC9D,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM;YACL,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAClC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEpD,MAAM,8BAA8B,GAAG,KAAK,CAAC,WAAW,CACtD,CAAC,IAAa,EAAE,cAA4C,EAAE,EAAE;QAC9D,IAAI,cAAc,KAAK,SAAS,IAAI,cAAc,KAAK,SAAS,EAAE;YAChE,OAAO;SACR;QAED,sBAAsB,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,CAAC,EACD,CAAC,SAAS,EAAE,mBAAmB,EAAE,sBAAsB,CAAC,CACzD,CAAC;IAEF,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,CAAC,SAAkB,EAAE,EAAE;QACrB,8BAA8B,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,8BAA8B,CAAC,CACjC,CAAC;IAEF,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,oDAAoD;QACpD,YAAY,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,KAAK,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAC1H,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnD,6CAA6C;QAC7C,YAAY,CAAC,SAAS,KAAK,YAAY,IAAI,SAAS,KAAK,cAAc,IAAI,SAAS,IAAI,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACpI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,mBAAmB,IAAI,SAAS,KAAK,SAAS,EAAE;YACnD,YAAY,CAAC,YAAY,CAAC,CAAC;SAC5B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEnD,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnD,2BAA2B,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtD,oEAAoE;QACpE,0BAA0B;QAC1B,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnD,UAAU,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzD,gBAAgB,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChD,UAAU,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,6BAA6B,GAAG,KAAK,CAAC,WAAW,CACrD,CAAC,iBAAoC,EAAE,EAAE;QACvC,IAAI,iBAAiB,EAAE,WAAW,EAAE,aAAa,EAAE;YACjD,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;SAClC;aAAM;YACL,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;SAClC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,MAAM,YAAY,GAAW,SAAS,CAAC;IACvC,MAAM,eAAe,GAAa,CAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACzE,MAAM,yBAAyB,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC9D,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC5G,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEpG,MAAM,kBAAkB,GAAW,uBAAQ,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACvE,MAAM,qBAAqB,GAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IACnE,MAAM,+BAA+B,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC1E,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAW,GAAG,CAAC;IACxC,MAAM,sBAAsB,GAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAC/D,MAAM,gCAAgC,GAAG,sBAAsB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC5E,OAAO;YACL,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,KAAK;SACb,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACpG,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEtG,MAAM,CAAC,qBAAqB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAE9E,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,MAAM,SAAS,GAAG,kBAAkB,CAAC;QACrC,SAAS,CAAC,GAAG,EAAE,CAAC;QAChB,qBAAqB,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,qBAAqB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,MAAM,qBAAqB,GAA2B,EAAE,CAAC;IACzD,IAAI,SAAS,EAAE;QACb,qBAAqB,CAAC,MAAM,GAAG,SAAS,CAAC;KAC1C;SAAM;QACL,qBAAqB,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;KACtF;IAED,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,EAAE;YACvD,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,EAAE;gBAC5D,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;oBACnC,oBAAC,qBAAM,IAAC,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,2BAA2B,GAAI;oBACvF,oBAAC,mBAAI,uCAAoC,CACpC;gBAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;oBACnC,oBAAC,qBAAM,IAAC,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,oBAAoB,GAAI;oBAC7E,oBAAC,mBAAI,4BAAyB,CACzB;gBAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;oBACnC,oBAAC,qBAAM,IAAC,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,oBAAoB,GAAI;oBAC1E,oBAAC,mBAAI,kCAA+B,CAC/B;gBAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;oBACnC,oBAAC,qBAAM,IAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,qBAAqB,GAAI;oBACtE,oBAAC,mBAAI,uBAAoB,CACpB;gBAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;oBACnC,oBAAC,qBAAM,IAAC,KAAK,EAAE,uBAAuB,EAAE,aAAa,EAAE,+BAA+B,GAAI;oBAC1F,oBAAC,mBAAI,sCAAmC,CACnC;gBAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;oBACnC,oBAAC,qBAAM,IAAC,KAAK,EAAE,4BAA4B,EAAE,aAAa,EAAE,oCAAoC,GAAI;oBACpG,oBAAC,mBAAI,2CAAwC,CACxC;gBAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;oBACnC,oBAAC,qBAAM,IAAC,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,uBAAuB,GAAI;oBAChF,oBAAC,mBAAI,oCAAiC,CACjC;gBAEP,oBAAC,uBAAU,IACT,MAAM,EAAC,kBAAkB,EACzB,QAAQ,EAAE,uBAAuB,IAAI,YAAY,EACjD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,0BAA0B,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAC3F,UAAU,EAAE,yBAAyB,GACrC;gBACF,oBAAC,uBAAU,IACT,MAAM,EAAC,cAAc,EACrB,QAAQ,EAAE,mBAAmB,IAAI,YAAY,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,sBAAsB,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EACvF,UAAU,EAAE,yBAAyB,GACrC;gBACF,oBAAC,uBAAU,IACT,MAAM,EAAC,cAAc,EACrB,QAAQ,EAAE,mBAAmB,IAAI,kBAAkB,EACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,sBAAsB,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EACvF,UAAU,EAAE,+BAA+B,GAC3C;gBACF,oBAAC,uBAAU,IACT,MAAM,EAAC,eAAe,EACtB,QAAQ,EAAE,oBAAoB,IAAI,mBAAmB,EACrD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAuB,CAAC,MAAM,KAAK,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAClG,UAAU,EAAE,gCAAgC,GAC5C,CACG;YAEP,oBAAC,wBAAS,IAAC,QAAQ,SAAG;YAEtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,EAAE;gBAC5D,oBAAC,uBAAM,IAAC,OAAO,EAAE,yBAAyB,EAAE,QAAQ,EAAE,wBAAwB,IAC3E,CAAC,wBAAwB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,aAAa,CAC5E;gBACT,oBAAC,mBAAI;oBACH,oBAAC,mBAAI,uBAAoB;oBACxB,wBAAwB,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,cAAgB,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAoB,CAC1H,CACF;YAEP,oBAAC,wBAAS,IAAC,QAAQ,SAAG;YAEtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,EAAE;gBAC5D,oBAAC,wBAAS,IACR,SAAS,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,IAAI,EAAE,YAAY,CAAC,EACnE,UAAU,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,KAAK,EAAE,YAAY,CAAC;oBAErE,oBAAC,mBAAI,IAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,IAC1F,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,oBAAC,mBAAI,QAAE,cAAc,CAAC,UAAU,CAAQ,CACzE,CACG;gBACZ,oBAAC,wBAAS,IACR,SAAS,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,IAAI,EAAE,cAAc,CAAC,EACrE,UAAU,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,KAAK,EAAE,cAAc,CAAC;oBAEvE,oBAAC,mBAAI,IAAC,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,IAC9F,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,oBAAC,mBAAI,QAAE,cAAc,CAAC,UAAU,CAAQ,CACzE,CACG;gBACZ,oBAAC,wBAAS,IACR,SAAS,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,IAAI,EAAE,aAAa,CAAC,EACpE,UAAU,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,KAAK,EAAE,aAAa,CAAC;oBAEtE,oBAAC,mBAAI,IAAC,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,IAC5F,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAG,cAAc,CAAC,UAAU,CAAQ,CACpG,CACG,CACP,CACF;QAEP,oBAAC,wBAAS,OAAG;QAEb,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE;YACjC,oBAAC,uBAAM,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,qBAAqB,IAC/D,oCAAoC,CAC9B;YACT,oBAAC,uBAAM,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,2BAA2B,IACrE,qCAAqC,CAC/B,CACJ;QAEN,mBAAmB,IAAI,CACtB,oBAAC,iBAAO,IACN,YAAY,EAAE,UAAU,KACpB;gBACF,uBAAuB,EAAE,wBAAwB,IAAI,SAAS;gBAC9D,GAAG,qBAAqB;gBACxB,SAAS,EAAE,wBAAwB;gBACnC,MAAM,EAAE,qBAAqB;gBAC7B,GAAG,CAAC,kBAAkB,IAAI,EAAE,cAAc,EAAE,6BAA6B,EAAE,CAAC;gBAC5E,kBAAkB,EAAE,kBAAkB;gBACtC,eAAe,EAAE,qBAAqB;gBACtC,aAAa,EAAE,aAAa;gBAC5B,GAAG,CAAC,mBAAmB,IAAI,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;gBAChE,GAAG,CAAC,uBAAuB,IAAI,EAAE,eAAe,EAAE,uBAAuB,EAAE,CAAC;gBAC5E,GAAG,CAAC,mBAAmB,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;gBAC1E,GAAG,CAAC,oBAAoB,IAAI,EAAE,YAAY,EAAE,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC;gBAC7E,GAAG,CAAC,uBAAuB,IAAI,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAC;aAC9E;YAED,oBAAC,wBAAS,IAAC,SAAS,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,IACtG,qBAAqB,CAAC,CAAC,CAAC,CACvB,oBAAC,mBAAI,IAAC,KAAK,EAAE,2BAAkB,CAAC,mBAAmB;gBACjD,oBAAC,yBAAU,IAAC,qBAAqB,EAAE,2BAAkB,CAAC,eAAe,EAAE,4BAA4B,EAAE,IAAI;oBACvG,oBAAC,uBAAM,IAAC,OAAO,EAAE,gBAAgB,IAAG,wBAAwB,CAAU;oBACtE,oBAAC,uBAAM,IAAC,OAAO,EAAE,qBAAqB,IAAG,yCAAyC,CAAU;oBAC5F,oBAAC,uBAAM,IAAC,KAAK,EAAE,2BAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,IAC/D,uBAAuB,CACjB;oBACT,oBAAC,uBAAM,IAAC,KAAK,EAAE,2BAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,YAAY,IAClE,0BAA0B,CACpB;oBACR,kBAAkB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;wBAChC,OAAO,CACL,oBAAC,uBAAM,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,2BAAkB,CAAC,YAAY,IACvD,QAAQ,CACF,CACV,CAAC;oBACJ,CAAC,CAAC,CACS,CACR,CACR,CAAC,CAAC,CAAC;YACF,MAAM;YACN,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EAAE;gBACnF,oBAAC,uBAAM,IAAC,OAAO,EAAE,gBAAgB,IAAG,wBAAwB,CAAU;gBACtE,oBAAC,uBAAM,IAAC,OAAO,EAAE,2BAA2B,IAAG,mBAAmB,CAAU;gBAC5E,oBAAC,uBAAM,IAAC,OAAO,EAAE,qBAAqB,IAAG,yCAAyC,CAAU;gBAC5F,oBAAC,uBAAM,IAAC,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,kBAAkB,IAChE,wBAAwB,CAClB,CACJ,CACR,CACS,CACJ,CACX,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAA4B,GAAG,EAAE;IAClD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChF,MAAM,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1F,MAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzD,wBAAwB,CAAC,CAAC,qBAAqB,CAAC,CAAC;QAEjD,4EAA4E;QAC5E,wEAAwE;QACxE,0EAA0E;QAC1E,6BAA6B,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,qBAAqB,EAAE,6BAA6B,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAErF,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrD,6BAA6B,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC,CAAC;IAEpC,MAAM,0BAA0B,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxD,6BAA6B,CAAC,KAAK,CAAC,CAAC;QAErC,oEAAoE;QACpE,0BAA0B;QAC1B,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,6BAA6B,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAE9D,MAAM,MAAM,GAAoB,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;IAEtF,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,EAAE;YAC1D,oBAAC,uBAAM,IAAC,OAAO,EAAE,2BAA2B,IAAG,mBAAmB,CAAU;YAC5E,oBAAC,mBAAI,IAAC,UAAU,EAAE,IAAI;gBACpB,oBAAC,mBAAI,uBAAoB;gBACxB,0BAA0B,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,cAAgB,CAAC,CAAC,CAAC,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAoB,CAC5H,CACF;QAEN,qBAAqB,IAAI,CACxB,oBAAC,iBAAO,IACN,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,0BAA0B,EACrC,MAAM,EAAE,uBAAuB,EAC/B,kBAAkB,EAAC,oBAAoB,EACvC,iBAAiB,EAAC,OAAO,EACzB,+BAA+B,EAAC,wDAAwD;YAExF,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE;gBAChE,oBAAC,mBAAI,qEAAkE,CAClE,CACC,CACX,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAkB;IACrC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,8BAAgB;QACxB,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,aAAa;KACzB;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,+BAAc;KAC1B;CACF,CAAC;AAEK,MAAM,WAAW,GAA4B,GAAG,EAAE;IACvD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,KAAK;KACrB,CAAC;IAEF,MAAM,WAAW,GAAG,oHAAoH,CAAC;IAEzI,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAS,CAAC;AAC1I,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB"}

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

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

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

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

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

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

package/lib-commonjs/TestComponents/CheckboxLegacy/CheckboxLegacyE2ETest.d.ts.map

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

package/lib-commonjs/TestComponents/CheckboxLegacy/CheckboxLegacyE2ETest.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxLegacyE2ETest = 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 styles_1 = require("../Common/styles");
+const TestProps_1 = require("../Common/TestProps");
+const CheckboxLegacyE2ETest = () => {
+    const [checkboxPressed, setCheckboxPressed] = React.useState(false);
+    const onClick = React.useCallback((checked) => {
+        setCheckboxPressed(checked);
+    }, [setCheckboxPressed]);
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
+            React.createElement(react_native_2.Checkbox, { accessibilityLabel: e2e_testing_1.CHECKBOX_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", onChange: onClick, ...(0, TestProps_1.testProps)(e2e_testing_1.CHECKBOX_TEST_COMPONENT) }),
+            React.createElement(react_native_2.Checkbox, { label: e2e_testing_1.CHECKBOX_TEST_COMPONENT_LABEL, ...(0, TestProps_1.testProps)(e2e_testing_1.CHECKBOX_NO_A11Y_LABEL_COMPONENT) }),
+            checkboxPressed ? (React.createElement(react_native_2.Text /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */, { ...(0, TestProps_1.testProps)(e2e_testing_1.CHECKBOX_ON_PRESS) }, "Checkbox Selected")) : null)));
+};
+exports.CheckboxLegacyE2ETest = CheckboxLegacyE2ETest;
+//# sourceMappingURL=CheckboxLegacyE2ETest.js.map

package/lib-commonjs/TestComponents/CheckboxLegacy/CheckboxLegacyE2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxLegacyE2ETest.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxLegacy/CheckboxLegacyE2ETest.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,+CAAoC;AAEpC,yDAAwD;AACxD,oEAM4C;AAC5C,wDAAqD;AAErD,6CAA8C;AAC9C,mDAAgD;AAEzC,MAAM,qBAAqB,GAA4B,GAAG,EAAE;IACjE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,OAAO,EAAE,EAAE;QACV,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU;YACtB,oBAAC,uBAAQ,IACP,kBAAkB,EAAE,0CAA4B,EAChD,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAE,OAAO,KAEb,IAAA,qBAAS,EAAC,qCAAuB,CAAC,GACtC;YACF,oBAAC,uBAAQ,IACP,KAAK,EAAE,2CAA6B,KAEhC,IAAA,qBAAS,EAAC,8CAAgC,CAAC,GAC/C;YACD,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,mBAAI,CAAC,6FAA6F,OAC7F,IAAA,qBAAS,EAAC,+BAAiB,CAAC,wBAG3B,CACR,CAAC,CAAC,CAAC,IAAI,CACF,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,qBAAqB,yBAoChC"}

package/lib-commonjs/TestComponents/CheckboxLegacy/CheckboxLegacyTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxLegacyTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxLegacy/CheckboxLegacyTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmL/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAwBtC,CAAC"}

package/lib-commonjs/TestComponents/CheckboxLegacy/CheckboxLegacyTest.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxLegacyTest = 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 theme_types_1 = require("@fluentui-react-native/theme-types");
+const themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
+const CheckboxLegacyE2ETest_1 = require("./CheckboxLegacyE2ETest");
+const styles_1 = require("../Common/styles");
+const Test_1 = require("../Test");
+function onChangeUncontrolled(isChecked) {
+    console.log(isChecked);
+}
+const BasicCheckbox = () => {
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_2.Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
+        React.createElement(react_native_2.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
+        React.createElement(react_native_2.Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
+        React.createElement(react_native_2.Checkbox, { label: "Disabled checkbox", onChange: onChangeUncontrolled, defaultChecked: false, disabled: true }),
+        React.createElement(react_native_2.Checkbox, { label: "Disabled checked checkbox", onChange: onChangeUncontrolled, defaultChecked: true, disabled: true }),
+        React.createElement(react_native_2.Checkbox, { label: "Checkbox will display a tooltip", onChange: onChangeUncontrolled, tooltip: "This is a tooltip" })));
+};
+const OtherCheckbox = () => {
+    const [isCheckedControlled1, setCheckedControlled1] = React.useState(false);
+    const onChangeControlled1 = React.useCallback((checked) => {
+        setCheckedControlled1(checked);
+    }, []);
+    const [isCheckedControlled2, setCheckedControlled2] = React.useState(true);
+    const onChangeControlled2 = React.useCallback((checked) => {
+        setCheckedControlled2(checked);
+    }, []);
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_2.Checkbox, { label: "This is a controlled Checkbox", onChange: onChangeControlled1, checked: isCheckedControlled1 }),
+        React.createElement(react_native_2.Checkbox, { label: "Checkbox rendered with boxSide 'end' (controlled)", onChange: onChangeControlled2, boxSide: "end", checked: isCheckedControlled2 })));
+};
+const CircularCheckbox = react_native_2.Checkbox.customize({ tokens: { borderRadius: 50 } });
+const CircleColorCheckbox = react_native_2.Checkbox.customize({
+    tokens: { borderRadius: 50, checkboxBackgroundColor: 'white' },
+    _overrides: {
+        checked: {
+            tokens: {
+                checkboxBackgroundColor: 'green',
+                checkboxBorderColor: 'green',
+                checkmarkColor: 'white',
+            },
+        },
+        focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
+        hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
+        pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
+    },
+});
+const HoverCheckbox = react_native_2.Checkbox.customize({
+    _overrides: {
+        checked: {
+            tokens: {
+                checkboxBackgroundColor: 'black',
+                checkmarkColor: 'white',
+            },
+        },
+        hovered: {
+            tokens: {
+                checkmarkVisibility: 1,
+            },
+        },
+    },
+});
+const getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)((t) => {
+    return { textbox: { ...styles_1.commonTestStyles.textBox, borderColor: t.colors.inputBorder } };
+});
+const TokenCheckbox = () => {
+    const [checkboxColor, setCheckboxColor] = React.useState('blue');
+    const [checkmarkColor, setCheckmarkColor] = React.useState('white');
+    const BlueCheckbox = react_native_2.Checkbox.customize({
+        tokens: { checkboxBackgroundColor: 'white' },
+        _overrides: {
+            checked: {
+                tokens: {
+                    checkboxBackgroundColor: checkboxColor,
+                    checkboxBorderColor: checkboxColor,
+                    checkmarkColor: checkmarkColor,
+                },
+            },
+            focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
+            hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
+            pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
+        },
+    });
+    const theme = (0, theme_types_1.useTheme)();
+    const textBoxBorderStyle = getThemedStyles(theme);
+    return (React.createElement(react_native_1.View, null,
+        React.createElement(CircularCheckbox, { label: "A circular checkbox", onChange: onChangeUncontrolled, defaultChecked: false }),
+        React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled, defaultChecked: false }),
+        React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", onChange: onChangeUncontrolled, defaultChecked: true }),
+        React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, boxSide: "end", defaultChecked: false }),
+        React.createElement(react_native_1.TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: (e) => {
+                setCheckboxColor(e.nativeEvent.text);
+            } }),
+        React.createElement(react_native_1.TextInput, { accessibilityLabel: "Checkmark color", style: textBoxBorderStyle.textbox, placeholder: "Checkmark color", blurOnSubmit: true, onSubmitEditing: (e) => {
+                setCheckmarkColor(e.nativeEvent.text);
+            } })));
+};
+const checkboxSections = [
+    {
+        name: 'Basic Checkboxes',
+        testID: e2e_testing_1.CHECKBOX_TESTPAGE,
+        component: BasicCheckbox,
+    },
+    {
+        name: 'Other Implementations',
+        component: OtherCheckbox,
+    },
+    {
+        name: 'Token Customized Checkboxes',
+        component: TokenCheckbox,
+    },
+];
+const e2eSections = [
+    {
+        name: 'Checkbox for E2E Testing',
+        component: CheckboxLegacyE2ETest_1.CheckboxLegacyE2ETest,
+    },
+];
+const CheckboxLegacyTest = () => {
+    const status = {
+        win32Status: 'Deprecated',
+        uwpStatus: 'Deprecated',
+        iosStatus: 'N/A',
+        macosStatus: 'Deprecated',
+        androidStatus: 'N/A',
+    };
+    const description = 'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off).';
+    const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Checkbox/SPEC.md';
+    return (React.createElement(Test_1.Test, { name: "Checkbox Legacy Test", description: description, spec: spec, sections: checkboxSections, status: status, e2eSections: e2eSections }));
+};
+exports.CheckboxLegacyTest = CheckboxLegacyTest;
+//# sourceMappingURL=CheckboxLegacyTest.js.map