@fluentui-react-native/tester-core 0.1.1

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

@@ -0,0 +1,620 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.CalloutTest = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __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(null);
+  }, [calloutRef]);
+  const onShiftFocusToCalloutButton = React.useCallback(() => {
+    calloutButtonRef?.current?.focus?.();
+  }, [calloutButtonRef]);
+  const onShiftFocusToPage = React.useCallback(() => {
+    calloutRef?.current.blurWindow(null);
+  }, [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 jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: { flexDirection: 'row', paddingVertical: 5 },
+        children: [
+          jsx_runtime_1.jsxs(react_native_1.View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              jsx_runtime_1.jsxs(react_native_1.View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  jsx_runtime_1.jsx(react_native_1.Switch, { value: openCalloutOnHoverAnchor, onValueChange: setOpenCalloutOnHoverAnchor }),
+                  jsx_runtime_1.jsx(react_native_1.Text, { children: 'Show Callout On Hover Anchor' }),
+                ],
+              }),
+              jsx_runtime_1.jsxs(react_native_1.View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  jsx_runtime_1.jsx(react_native_1.Switch, { value: shouldSetInitialFocus, onValueChange: onInitialFocusChange }),
+                  jsx_runtime_1.jsx(react_native_1.Text, { children: 'Set Initial Focus' }),
+                ],
+              }),
+              jsx_runtime_1.jsxs(react_native_1.View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  jsx_runtime_1.jsx(react_native_1.Switch, { value: customRestoreFocus, onValueChange: onRestoreFocusChange }),
+                  jsx_runtime_1.jsx(react_native_1.Text, { children: 'Customize Restore Focus' }),
+                ],
+              }),
+              jsx_runtime_1.jsxs(react_native_1.View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  jsx_runtime_1.jsx(react_native_1.Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }),
+                  jsx_runtime_1.jsx(react_native_1.Text, { children: 'Beak Visible' }),
+                ],
+              }),
+              jsx_runtime_1.jsxs(react_native_1.View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  jsx_runtime_1.jsx(react_native_1.Switch, {
+                    value: preventDismissOnKeyDown,
+                    onValueChange: onPreventDismissOnKeyDownChange,
+                  }),
+                  jsx_runtime_1.jsx(react_native_1.Text, { children: 'Prevent Dismiss On Key Down' }),
+                ],
+              }),
+              jsx_runtime_1.jsxs(react_native_1.View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  jsx_runtime_1.jsx(react_native_1.Switch, {
+                    value: preventDismissOnClickOutside,
+                    onValueChange: onPreventDismissOnClickOutsideChange,
+                  }),
+                  jsx_runtime_1.jsx(react_native_1.Text, { children: 'Prevent Dismiss On Click Outside' }),
+                ],
+              }),
+              jsx_runtime_1.jsxs(react_native_1.View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  jsx_runtime_1.jsx(react_native_1.Switch, { value: showScrollViewCallout, onValueChange: setShowScrollViewCalout }),
+                  jsx_runtime_1.jsx(react_native_1.Text, { children: 'Enable ScrollView Callout' }),
+                ],
+              }),
+              jsx_runtime_1.jsx(MenuPicker_1.MenuPicker, {
+                prompt: 'Background Color',
+                selected: selectedBackgroundColor || colorDefault,
+                onChange: (color) => setSelectedBackgroundColor(color === colorDefault ? undefined : color),
+                collection: menuPickerColorCollection,
+              }),
+              jsx_runtime_1.jsx(MenuPicker_1.MenuPicker, {
+                prompt: 'Border Color',
+                selected: selectedBorderColor || colorDefault,
+                onChange: (color) => setSelectedBorderColor(color === colorDefault ? undefined : color),
+                collection: menuPickerColorCollection,
+              }),
+              jsx_runtime_1.jsx(MenuPicker_1.MenuPicker, {
+                prompt: 'Border Width',
+                selected: selectedBorderWidth || borderWidthDefault,
+                onChange: (color) => setSelectedBorderWidth(color === colorDefault ? undefined : color),
+                collection: menuPickerBorderWidthCollection,
+              }),
+              jsx_runtime_1.jsx(MenuPicker_1.MenuPicker, {
+                prompt: 'Border Radius',
+                selected: selectedBorderRadius || borderRadiusDefault,
+                onChange: (radius) => setSelectedBorderRadius(radius === borderRadiusDefault ? undefined : radius),
+                collection: menuPickerBorderRadiusCollection,
+              }),
+            ],
+          }),
+          jsx_runtime_1.jsx(react_native_2.Separator, { vertical: true }),
+          jsx_runtime_1.jsxs(react_native_1.View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+                onClick: toggleShowStandardCallout,
+                disabled: openCalloutOnHoverAnchor,
+                children: (openCalloutOnHoverAnchor ? 'Hover Color Anchor ' : 'Press Here ') + 'for Callout',
+              }),
+              jsx_runtime_1.jsxs(react_native_1.Text, {
+                children: [
+                  jsx_runtime_1.jsx(react_native_1.Text, { children: 'Visibility: ' }),
+                  isStandardCalloutVisible
+                    ? jsx_runtime_1.jsx(react_native_1.Text, { style: { color: 'green' }, children: 'Visible' })
+                    : jsx_runtime_1.jsx(react_native_1.Text, { style: { color: 'red' }, children: 'Not Visible' }),
+                ],
+              }),
+            ],
+          }),
+          jsx_runtime_1.jsx(react_native_2.Separator, { vertical: true }),
+          jsx_runtime_1.jsxs(react_native_1.View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              jsx_runtime_1.jsx(react_native_2.Pressable, {
+                onHoverIn: () => updateCalloutTargetsHoverState(true, redTargetRef),
+                onHoverOut: () => updateCalloutTargetsHoverState(false, redTargetRef),
+                children: jsx_runtime_1.jsx(react_native_1.View, {
+                  ref: redTargetRef,
+                  style: { height: 40, width: 40, backgroundColor: 'red', padding: 5 },
+                  children:
+                    anchorRefsInfo.isCurrentAnchor[0] && jsx_runtime_1.jsx(react_native_1.Text, { children: anchorRefsInfo.hoverCount }),
+                }),
+              }),
+              jsx_runtime_1.jsx(react_native_2.Pressable, {
+                onHoverIn: () => updateCalloutTargetsHoverState(true, greenTargetRef),
+                onHoverOut: () => updateCalloutTargetsHoverState(false, greenTargetRef),
+                children: jsx_runtime_1.jsx(react_native_1.View, {
+                  ref: greenTargetRef,
+                  style: { height: 40, width: 40, backgroundColor: 'green', padding: 5 },
+                  children:
+                    anchorRefsInfo.isCurrentAnchor[1] && jsx_runtime_1.jsx(react_native_1.Text, { children: anchorRefsInfo.hoverCount }),
+                }),
+              }),
+              jsx_runtime_1.jsx(react_native_2.Pressable, {
+                onHoverIn: () => updateCalloutTargetsHoverState(true, blueTargetRef),
+                onHoverOut: () => updateCalloutTargetsHoverState(false, blueTargetRef),
+                children: jsx_runtime_1.jsx(react_native_1.View, {
+                  ref: blueTargetRef,
+                  style: { height: 40, width: 40, backgroundColor: 'blue', padding: 5 },
+                  children:
+                    anchorRefsInfo.isCurrentAnchor[2] &&
+                    jsx_runtime_1.jsx(react_native_1.Text, { style: { color: 'white' }, children: anchorRefsInfo.hoverCount }),
+                }),
+              }),
+            ],
+          }),
+        ],
+      }),
+      jsx_runtime_1.jsx(react_native_2.Separator, {}),
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: { paddingVertical: 5 },
+        children: [
+          jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+            componentRef: decoyBtn1Ref,
+            onClick: onShiftFocusToCallout,
+            children: 'Custom reFocus w/ focus in Callout',
+          }),
+          jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+            componentRef: decoyBtn2Ref,
+            onClick: onShiftFocusToCalloutButton,
+            children: 'Custom reFocus w/o focus in Callout',
+          }),
+        ],
+      }),
+      showStandardCallout &&
+        jsx_runtime_1.jsx(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 }),
+          children: jsx_runtime_1.jsx(react_native_2.Pressable, {
+            onHoverIn: () => calloutHoveredCallback(true),
+            onHoverOut: () => calloutHoveredCallback(false),
+            children: showScrollViewCallout
+              ? jsx_runtime_1.jsx(react_native_1.View, {
+                  style: styles_1.fluentTesterStyles.scrollViewContainer,
+                  children: jsx_runtime_1.jsxs(react_native_1.ScrollView, {
+                    contentContainerStyle: styles_1.fluentTesterStyles.scrollViewStyle,
+                    showsVerticalScrollIndicator: true,
+                    children: [
+                      jsx_runtime_1.jsx(react_native_2.ButtonV1, { onClick: toggleCalloutRef, children: 'click to change anchor' }),
+                      jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+                        onClick: switchTargetRefOrRect,
+                        children: 'click to switch between anchor and rect',
+                      }),
+                      jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+                        style: styles_1.fluentTesterStyles.testListItem,
+                        onClick: addButton,
+                        children: 'Click to add a button',
+                      }),
+                      jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+                        style: styles_1.fluentTesterStyles.testListItem,
+                        onClick: removeButton,
+                        children: 'Click to remove a button',
+                      }),
+                      scrollviewContents.map((value) => {
+                        return jsx_runtime_1.jsx(
+                          react_native_2.ButtonV1,
+                          { style: styles_1.fluentTesterStyles.testListItem, children: 'Button' },
+                          value,
+                        );
+                      }),
+                    ],
+                  }),
+                })
+              : //else
+                jsx_runtime_1.jsxs(react_native_1.View, {
+                  style: { padding: 20, backgroundColor: calloutHovered ? 'lightgreen' : 'pink' },
+                  children: [
+                    jsx_runtime_1.jsx(react_native_2.ButtonV1, { onClick: toggleCalloutRef, children: 'click to change anchor' }),
+                    jsx_runtime_1.jsx(react_native_2.ButtonV1, { onClick: onShiftFocusToCalloutButton, children: 'focus last button' }),
+                    jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+                      onClick: switchTargetRefOrRect,
+                      children: 'click to switch between anchor and rect',
+                    }),
+                    jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+                      componentRef: calloutButtonRef,
+                      onClick: onShiftFocusToPage,
+                      children: 'Click to invoke blur()',
+                    }),
+                  ],
+                }),
+          }),
+        }),
+    ],
+  });
+};
+const CustomCallout = () => {
+  const [showCustomizedCallout, setShowCustomizedCallout] = React.useState(false);
+  const [isCustomizedCalloutVisible, setIsCustomizedCalloutVisible] = React.useState(false);
+  const [shouldFocusCloseButton, setShouldFocusCloseButton] = React.useState(false);
+  const a11yOnShowAnnouncement = 'Be informed that a customized callout has been opened.';
+  const calloutMessage = 'This is an example message.';
+  const closeButtonRef = React.useRef(null);
+  const openCallout = React.useCallback((focusCloseButton) => {
+    setShowCustomizedCallout(true);
+    // 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);
+    setShouldFocusCloseButton(focusCloseButton);
+  }, []);
+  const onClick = React.useCallback(() => {
+    openCallout(false /*focusCloseButton*/);
+  }, [openCallout]);
+  const onKeyDown = React.useCallback(
+    (e) => {
+      if (e.nativeEvent.key === 'Enter' || e.nativeEvent.key === ' ') {
+        openCallout(true /*focusCloseButton*/);
+      }
+    },
+    [openCallout],
+  );
+  React.useEffect(() => {
+    if (isCustomizedCalloutVisible && shouldFocusCloseButton) {
+      closeButtonRef.current?.focus?.();
+    }
+  }, [isCustomizedCalloutVisible, shouldFocusCloseButton]);
+  const onShowCustomizedCallout = React.useCallback(() => {
+    setIsCustomizedCalloutVisible(true);
+    react_native_1.AccessibilityInfo.announceForAccessibility(a11yOnShowAnnouncement + ' ' + calloutMessage);
+  }, []);
+  const onDismissCustomizedCallout = React.useCallback(() => {
+    setIsCustomizedCalloutVisible(false);
+    // setting the internal state to false will instigate unmounting the
+    // zombie Callout control.
+    setShowCustomizedCallout(false);
+    setShouldFocusCloseButton(false);
+  }, []);
+  const myRect = { screenX: 10, screenY: 10, width: 100, height: 100 };
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: { flexDirection: 'column', paddingVertical: 5 },
+        children: [
+          jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+            onClick: onClick,
+            onKeyDown: onKeyDown,
+            onAccessibilityTap: () => openCallout(true),
+            children: 'Press for Callout',
+          }),
+          jsx_runtime_1.jsxs(react_native_1.Text, {
+            selectable: true,
+            children: [
+              jsx_runtime_1.jsx(react_native_1.Text, { children: 'Visibility: ' }),
+              isCustomizedCalloutVisible
+                ? jsx_runtime_1.jsx(react_native_1.Text, { style: { color: 'green' }, children: 'Visible' })
+                : jsx_runtime_1.jsx(react_native_1.Text, { style: { color: 'red' }, children: 'Not Visible' }),
+            ],
+          }),
+        ],
+      }),
+      showCustomizedCallout &&
+        jsx_runtime_1.jsx(callout_1.Callout, {
+          anchorRect: myRect,
+          onDismiss: onDismissCustomizedCallout,
+          onShow: onShowCustomizedCallout,
+          accessibilityLabel: 'Customized Callout',
+          accessibilityRole: 'alert',
+          children: jsx_runtime_1.jsxs(react_native_1.View, {
+            style: { padding: 20, borderWidth: 2, borderColor: 'black' },
+            children: [
+              jsx_runtime_1.jsx(react_native_1.Text, { children: calloutMessage }),
+              jsx_runtime_1.jsx(react_native_2.ButtonV1, {
+                componentRef: closeButtonRef,
+                onClick: onDismissCustomizedCallout,
+                children: 'Close',
+              }),
+            ],
+          }),
+        }),
+    ],
+  });
+};
+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 jsx_runtime_1.jsx(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":"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"}

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

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

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"}