@fluentui-react-native/tester 0.59.39 → 0.60.1

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

@@ -12,15 +12,17 @@ var styles_1 = require("../Common/styles");
 var StandardCallout = function () {
     var _a = React.useState(false), showStandardCallout = _a[0], setShowStandardCallout = _a[1];
     var _b = React.useState(false), isStandardCalloutVisible = _b[0], setIsStandardCalloutVisible = _b[1];
-    var _c = React.useState(true), shouldSetInitialFocus = _c[0], setShouldSetInitialFocus = _c[1];
+    var _c = React.useState(true), openCalloutOnHoverAnchor = _c[0], setOpenCalloutOnHoverAnchor = _c[1];
+    var _d = React.useState(false), calloutHovered = _d[0], setCalloutHovered = _d[1];
+    var _e = React.useState(true), shouldSetInitialFocus = _e[0], setShouldSetInitialFocus = _e[1];
     var onInitialFocusChange = React.useCallback(function (value) { return setShouldSetInitialFocus(value); }, []);
-    var _d = React.useState(false), customRestoreFocus = _d[0], setCustomRestoreFocus = _d[1];
+    var _f = React.useState(false), customRestoreFocus = _f[0], setCustomRestoreFocus = _f[1];
     var onRestoreFocusChange = React.useCallback(function (value) { return setCustomRestoreFocus(value); }, []);
-    var _e = React.useState(false), isBeakVisible = _e[0], setIsBeakVisible = _e[1];
+    var _g = React.useState(false), isBeakVisible = _g[0], setIsBeakVisible = _g[1];
     var onIsBeakVisibleChange = React.useCallback(function (value) { return setIsBeakVisible(value); }, []);
-    var _f = React.useState(false), preventDismissOnKeyDown = _f[0], setPreventDismissOnKeyDown = _f[1];
-    var _g = React.useState(false), preventDismissOnClickOutside = _g[0], setPreventDismissOnClickOutside = _g[1];
-    var _h = React.useState([]), calloutDismissBehaviors = _h[0], setDismissBehaviors = _h[1];
+    var _h = React.useState(false), preventDismissOnKeyDown = _h[0], setPreventDismissOnKeyDown = _h[1];
+    var _j = React.useState(false), preventDismissOnClickOutside = _j[0], setPreventDismissOnClickOutside = _j[1];
+    var _k = React.useState([]), calloutDismissBehaviors = _k[0], setDismissBehaviors = _k[1];
     var onPreventDismissOnKeyDownChange = React.useCallback(function (value) {
         setPreventDismissOnKeyDown(value);
         if (value) {
@@ -50,27 +52,79 @@ var StandardCallout = function () {
     var greenTargetRef = React.useRef(null);
     var decoyBtn1Ref = React.useRef(null);
     var decoyBtn2Ref = React.useRef(null);
-    var _j = React.useState(redTargetRef), anchorRef = _j[0], setAnchorRef = _j[1];
+    var _l = React.useState(redTargetRef), anchorRef = _l[0], setAnchorRef = _l[1];
+    var _m = React.useState(0), hoveredTargetsCount = _m[0], setHoveredTargetsCount = _m[1];
+    var _o = React.useState(0), displayCountHoveredTargets = _o[0], setDisplayCountHoveredTargets = _o[1];
+    var anchorRefsInfo = React.useMemo(function () {
+        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(function () {
+        var timer = setTimeout(function () {
+            setDisplayCountHoveredTargets(hoveredTargetsCount);
+        }, 50);
+        return function () { return clearTimeout(timer); };
+    }, [hoveredTargetsCount]);
+    React.useLayoutEffect(function () {
+        // 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]);
     var toggleShowStandardCallout = React.useCallback(function () {
         setShowStandardCallout(!showStandardCallout);
-        // 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.
-        setIsStandardCalloutVisible(false);
-    }, [showStandardCallout, setIsStandardCalloutVisible, setShowStandardCallout]);
+    }, [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(function () {
+        if (!openCalloutOnHoverAnchor) {
+            setShowStandardCallout(false);
+        }
+        else if (openCalloutOnHoverAnchor && hoveredTargetsCount > 0) {
+            setShowStandardCallout(true);
+        }
+        else {
+            var timer_1 = setTimeout(function () {
+                setShowStandardCallout(false);
+            }, 2000);
+            return function () { return clearTimeout(timer_1); };
+        }
+        return undefined;
+    }, [openCalloutOnHoverAnchor, hoveredTargetsCount]);
+    var updateCalloutTargetsHoverState = React.useCallback(function (show, hoverAnchorRef) {
+        if (hoverAnchorRef !== undefined && hoverAnchorRef !== anchorRef) {
+            return;
+        }
+        setHoveredTargetsCount(hoveredTargetsCount + (show ? 1 : -1));
+    }, [anchorRef, hoveredTargetsCount, setHoveredTargetsCount]);
+    var calloutHoveredCallback = React.useCallback(function (isHovered) {
+        updateCalloutTargetsHoverState(isHovered, undefined);
+        setCalloutHovered(isHovered);
+    }, [updateCalloutTargetsHoverState]);
     var toggleCalloutRef = React.useCallback(function () {
         // Cycle the target ref between the RGB target views
         setAnchorRef(anchorRef === redTargetRef ? greenTargetRef : anchorRef === greenTargetRef ? blueTargetRef : redTargetRef);
-    }, [anchorRef, setAnchorRef]);
+    }, [anchorRef]);
     var onShowStandardCallout = React.useCallback(function () {
         setIsStandardCalloutVisible(true);
-    }, [setIsStandardCalloutVisible]);
+    }, []);
     var onDismissStandardCallout = React.useCallback(function () {
-        setIsStandardCalloutVisible(false);
         // setting the internal state to false will instigate unmounting the
         // zombie Callout control.
         setShowStandardCallout(false);
-    }, [setIsStandardCalloutVisible, setShowStandardCallout]);
+    }, []);
     var onRestoreFocusStandardCallout = React.useCallback(function (restoreFocusEvent) {
         var _a, _b, _c, _d, _e;
         if ((_a = restoreFocusEvent === null || restoreFocusEvent === void 0 ? void 0 : restoreFocusEvent.nativeEvent) === null || _a === void 0 ? void 0 : _a.containsFocus) {
@@ -82,13 +136,13 @@ var StandardCallout = function () {
     }, [decoyBtn1Ref, decoyBtn2Ref]);
     var colorDefault = 'default';
     var colorSelections = [colorDefault, 'red', 'green', 'blue'];
-    var _k = React.useState(undefined), selectedBackgroundColor = _k[0], setSelectedBackgroundColor = _k[1];
-    var _l = React.useState(undefined), selectedBorderColor = _l[0], setSelectedBorderColor = _l[1];
+    var _p = React.useState(undefined), selectedBackgroundColor = _p[0], setSelectedBackgroundColor = _p[1];
+    var _q = React.useState(undefined), selectedBorderColor = _q[0], setSelectedBorderColor = _q[1];
     var borderWidthDefault = '1';
     var borderWidthSelections = ['1', '2', '4', '10'];
-    var _m = React.useState(undefined), selectedBorderWidth = _m[0], setSelectedBorderWidth = _m[1];
-    var _o = React.useState(false), showScrollViewCallout = _o[0], setShowScrollViewCalout = _o[1];
-    var _p = React.useState([1, 2, 3]), scrollviewContents = _p[0], setScrollviewContents = _p[1];
+    var _r = React.useState(undefined), selectedBorderWidth = _r[0], setSelectedBorderWidth = _r[1];
+    var _s = React.useState(false), showScrollViewCallout = _s[0], setShowScrollViewCalout = _s[1];
+    var _t = React.useState([1, 2, 3]), scrollviewContents = _t[0], setScrollviewContents = _t[1];
     var removeButton = React.useCallback(function () {
         var tempArray = scrollviewContents;
         tempArray.pop();
@@ -100,6 +154,9 @@ var StandardCallout = function () {
     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")),
@@ -123,30 +180,34 @@ var StandardCallout = function () {
                 React.createElement(react_native_1.Picker, { prompt: "Border Width", selectedValue: selectedBorderWidth || borderWidthDefault, onValueChange: function (width) { return setSelectedBorderWidth(width === borderWidthDefault ? undefined : width); } }, borderWidthSelections.map(function (width, index) { return (React.createElement(react_native_1.Picker.Item, { label: width, key: index, value: width })); }))),
             React.createElement(react_native_2.Separator, { vertical: true }),
             React.createElement(react_native_1.View, { style: { flexDirection: 'column', paddingHorizontal: 5 } },
-                React.createElement(react_native_2.Button, { content: "Press for Callout", onClick: toggleShowStandardCallout }),
+                React.createElement(react_native_2.Button, { content: (openCalloutOnHoverAnchor ? 'Hover Color Anchor ' : 'Press Here ') + 'for Callout', onClick: toggleShowStandardCallout, disabled: openCalloutOnHoverAnchor }),
                 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_1.View, { ref: redTargetRef, style: { height: 20, width: 20, backgroundColor: 'red', padding: 5 } }),
-                React.createElement(react_native_1.View, { ref: greenTargetRef, style: { height: 20, width: 20, backgroundColor: 'green', padding: 5 } }),
-                React.createElement(react_native_1.View, { ref: blueTargetRef, style: { height: 20, width: 20, backgroundColor: 'blue', padding: 5 } }))),
+                React.createElement(react_native_2.Pressable, { onHoverIn: function () { return updateCalloutTargetsHoverState(true, redTargetRef); }, onHoverOut: function () { return 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: function () { return updateCalloutTargetsHoverState(true, greenTargetRef); }, onHoverOut: function () { return 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: function () { return updateCalloutTargetsHoverState(true, blueTargetRef); }, onHoverOut: function () { return 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.Button, { componentRef: decoyBtn1Ref, content: "Custom reFocus w/ focus in Callout" }),
             React.createElement(react_native_2.Button, { componentRef: decoyBtn2Ref, content: "Custom reFocus w/o focus in Callout" })),
-        showStandardCallout && (React.createElement(react_native_2.Callout, (0, tslib_1.__assign)({}, (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ target: anchorRef, onDismiss: onDismissStandardCallout, onShow: onShowStandardCallout }, (customRestoreFocus && { onRestoreFocus: onRestoreFocusStandardCallout })), { accessibilityLabel: 'Standard Callout', setInitialFocus: shouldSetInitialFocus, isBeakVisible: isBeakVisible }), (selectedBorderColor && { borderColor: selectedBorderColor })), (selectedBackgroundColor && { backgroundColor: selectedBackgroundColor })), (selectedBorderWidth && { borderWidth: parseInt(selectedBorderWidth) })), (calloutDismissBehaviors && { dismissBehaviors: calloutDismissBehaviors }))), 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.StealthButton, { content: "click to change anchor", onClick: toggleCalloutRef }),
-                React.createElement(react_native_2.StealthButton, { content: "Click to add a button", style: styles_1.fluentTesterStyles.testListItem, onClick: addButton }),
-                React.createElement(react_native_2.StealthButton, { content: "Click to remove a button", style: styles_1.fluentTesterStyles.testListItem, onClick: removeButton }),
-                scrollviewContents.map(function (value) {
-                    return React.createElement(react_native_2.StealthButton, { key: value, content: "Button", style: styles_1.fluentTesterStyles.testListItem });
-                })))) : (
-        //else
-        React.createElement(react_native_1.View, { style: { padding: 20 } },
-            React.createElement(react_native_2.Button, { content: "click to change anchor", onClick: toggleCalloutRef })))))));
+        showStandardCallout && (React.createElement(react_native_2.Callout, (0, tslib_1.__assign)({}, (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ doNotTakePointerCapture: openCalloutOnHoverAnchor !== null && openCalloutOnHoverAnchor !== void 0 ? openCalloutOnHoverAnchor : undefined, target: anchorRef, onDismiss: onDismissStandardCallout, onShow: onShowStandardCallout }, (customRestoreFocus && { onRestoreFocus: onRestoreFocusStandardCallout })), { accessibilityLabel: 'Standard Callout', setInitialFocus: shouldSetInitialFocus, isBeakVisible: isBeakVisible }), (selectedBorderColor && { borderColor: selectedBorderColor })), (selectedBackgroundColor && { backgroundColor: selectedBackgroundColor })), (selectedBorderWidth && { borderWidth: parseInt(selectedBorderWidth) })), (calloutDismissBehaviors && { dismissBehaviors: calloutDismissBehaviors }))),
+            React.createElement(react_native_2.Pressable, { onHoverIn: function () { return calloutHoveredCallback(true); }, onHoverOut: function () { return 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.StealthButton, { content: "click to change anchor", onClick: toggleCalloutRef }),
+                    React.createElement(react_native_2.StealthButton, { content: "Click to add a button", style: styles_1.fluentTesterStyles.testListItem, onClick: addButton }),
+                    React.createElement(react_native_2.StealthButton, { content: "Click to remove a button", style: styles_1.fluentTesterStyles.testListItem, onClick: removeButton }),
+                    scrollviewContents.map(function (value) {
+                        return React.createElement(react_native_2.StealthButton, { key: value, content: "Button", style: styles_1.fluentTesterStyles.testListItem });
+                    })))) : (
+            //else
+            React.createElement(react_native_1.View, { style: [{ padding: 20 }, { backgroundColor: calloutHovered ? 'lightgreen' : 'pink' }] },
+                React.createElement(react_native_2.Button, { content: "click to change anchor", onClick: toggleCalloutRef }))))))));
 };
 var CustomCallout = function () {
     var _a = React.useState(false), showCustomizedCallout = _a[0], setShowCustomizedCallout = _a[1];

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

@@ -1 +1 @@
-{"version":3,"file":"CalloutTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Callout/CalloutTest.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalloutTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Callout/CalloutTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAkF;AAClF,uDASgC;AAChC,mCAA4C;AAC5C,gCAA4D;AAC5D,mDAAkD;AAClD,2CAAsD;AAEtD,IAAM,eAAe,GAA4B;IACzC,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAApE,mBAAmB,QAAA,EAAE,sBAAsB,QAAyB,CAAC;IACtE,IAAA,KAA0D,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9E,wBAAwB,QAAA,EAAE,2BAA2B,QAAyB,CAAC;IAChF,IAAA,KAA0D,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA7E,wBAAwB,QAAA,EAAE,2BAA2B,QAAwB,CAAC;IAC/E,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA1D,cAAc,QAAA,EAAE,iBAAiB,QAAyB,CAAC;IAE5D,IAAA,KAAoD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAvE,qBAAqB,QAAA,EAAE,wBAAwB,QAAwB,CAAC;IAC/E,IAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,wBAAwB,CAAC,KAAK,CAAC,EAA/B,CAA+B,EAAE,EAAE,CAAC,CAAC;IAEzF,IAAA,KAA8C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlE,kBAAkB,QAAA,EAAE,qBAAqB,QAAyB,CAAC;IAC1E,IAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,qBAAqB,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAAE,EAAE,CAAC,CAAC;IAEtF,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxD,aAAa,QAAA,EAAE,gBAAgB,QAAyB,CAAC;IAChE,IAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,EAAE,EAAE,CAAC,CAAC;IAElF,IAAA,KAAwD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5E,uBAAuB,QAAA,EAAE,0BAA0B,QAAyB,CAAC;IAC9E,IAAA,KAAkE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtF,4BAA4B,QAAA,EAAE,+BAA+B,QAAyB,CAAC;IACxF,IAAA,KAAiD,KAAK,CAAC,QAAQ,CAAqB,EAAE,CAAC,EAAtF,uBAAuB,QAAA,EAAE,mBAAmB,QAA0C,CAAC;IAE9F,IAAM,+BAA+B,GAAG,KAAK,CAAC,WAAW,CACvD,UAAC,KAAK;QACJ,0BAA0B,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,KAAK,EAAE;YACT,mBAAmB,CAAC,uBAAuB,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC,CAAC;SAChF;aAAM;YACL,IAAM,mBAAmB,GAAG,uBAAuB,CAAC,MAAM,CAAC,UAAC,KAAK;gBAC/D,KAAK,IAAI,yBAAyB,CAAC;YACrC,CAAC,CAAC,CAAC;YACH,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;SAC1C;IACH,CAAC,EACD,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IAEF,IAAM,oCAAoC,GAAG,KAAK,CAAC,WAAW,CAC5D,UAAC,KAAK;QACJ,+BAA+B,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,KAAK,EAAE;YACT,mBAAmB,CAAC,uBAAuB,CAAC,MAAM,CAAC,8BAA8B,CAAC,CAAC,CAAC;SACrF;aAAM;YACL,IAAM,mBAAmB,GAAG,uBAAuB,CAAC,MAAM,CAAC,UAAC,KAAK;gBAC/D,KAAK,IAAI,8BAA8B,CAAC;YAC1C,CAAC,CAAC,CAAC;YACH,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;SAC1C;IACH,CAAC,EACD,CAAC,uBAAuB,CAAC,CAC1B,CAAC;IAEF,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAO,IAAI,CAAC,CAAC;IAC9C,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAO,IAAI,CAAC,CAAC;IAC/C,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAO,IAAI,CAAC,CAAC;IAChD,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IACpD,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAa,IAAI,CAAC,CAAC;IAC9C,IAAA,KAA4B,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAvD,SAAS,QAAA,EAAE,YAAY,QAAgC,CAAC;IACzD,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAhE,mBAAmB,QAAA,EAAE,sBAAsB,QAAqB,CAAC;IAClE,IAAA,KAA8D,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAA9E,0BAA0B,QAAA,EAAE,6BAA6B,QAAqB,CAAC;IAEtF,IAAM,cAAc,GAAuD,KAAK,CAAC,OAAO,CAAC;QACvF,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;QACpB,IAAM,KAAK,GAAG,UAAU,CAAC;YACvB,6BAA6B,CAAC,mBAAmB,CAAC,CAAC;QACrD,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC;IACnC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,KAAK,CAAC,eAAe,CAAC;QACpB,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,IAAM,yBAAyB,GAAG,KAAK,CAAC,WAAW,CAAC;QAClD,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;QACpB,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,IAAM,OAAK,GAAG,UAAU,CAAC;gBACvB,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAChC,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,cAAM,OAAA,YAAY,CAAC,OAAK,CAAC,EAAnB,CAAmB,CAAC;SAClC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEpD,IAAM,8BAA8B,GAAG,KAAK,CAAC,WAAW,CACtD,UAAC,IAAa,EAAE,cAA4C;QAC1D,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,IAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC9C,UAAC,SAAkB;QACjB,8BAA8B,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,8BAA8B,CAAC,CACjC,CAAC;IAEF,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC;QACzC,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,IAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAAC;QAC9C,2BAA2B,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC;QACjD,oEAAoE;QACpE,0BAA0B;QAC1B,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,6BAA6B,GAAG,KAAK,CAAC,WAAW,CACrD,UAAC,iBAAoC;;QACnC,IAAI,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,0CAAE,aAAa,EAAE;YACjD,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,kDAAI,CAAC;SAClC;aAAM;YACL,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,KAAK,kDAAI,CAAC;SAClC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,CAAC,CAC7B,CAAC;IAEF,IAAM,YAAY,GAAW,SAAS,CAAC;IACvC,IAAM,eAAe,GAAa,CAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAEnE,IAAA,KAAwD,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,EAApG,uBAAuB,QAAA,EAAE,0BAA0B,QAAiD,CAAC;IACtG,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,EAA5F,mBAAmB,QAAA,EAAE,sBAAsB,QAAiD,CAAC;IAEpG,IAAM,kBAAkB,GAAW,GAAG,CAAC;IACvC,IAAM,qBAAqB,GAAa,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;IAExD,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAqB,SAAS,CAAC,EAA5F,mBAAmB,QAAA,EAAE,sBAAsB,QAAiD,CAAC;IAE9F,IAAA,KAAmD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAvE,qBAAqB,QAAA,EAAE,uBAAuB,QAAyB,CAAC;IACzE,IAAA,KAA8C,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAtE,kBAAkB,QAAA,EAAE,qBAAqB,QAA6B,CAAC;IAE9E,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;QACrC,IAAM,SAAS,GAAG,kBAAkB,CAAC;QACrC,SAAS,CAAC,GAAG,EAAE,CAAC;QAChB,qBAAqB,gCAAK,SAAS,QAAE,CAAC;IACxC,CAAC,EAAE,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEhD,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC;QAClC,qBAAqB,CAAC,UAAC,GAAG,IAAK,iEAAI,GAAG,UAAE,CAAC,WAAV,CAAW,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,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,qBAAM,IACL,MAAM,EAAC,kBAAkB,EACzB,aAAa,EAAE,uBAAuB,IAAI,YAAY,EACtD,aAAa,EAAE,UAAC,KAAK,IAAK,OAAA,0BAA0B,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAtE,CAAsE,IAE/F,eAAe,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACrC,oBAAC,qBAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,EAFsC,CAEtC,CAAC,CACK;gBAET,oBAAC,qBAAM,IACL,MAAM,EAAC,cAAc,EACrB,aAAa,EAAE,mBAAmB,IAAI,YAAY,EAClD,aAAa,EAAE,UAAC,KAAK,IAAK,OAAA,sBAAsB,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAlE,CAAkE,IAE3F,eAAe,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CACrC,oBAAC,qBAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,EAFsC,CAEtC,CAAC,CACK;gBAET,oBAAC,qBAAM,IACL,MAAM,EAAC,cAAc,EACrB,aAAa,EAAE,mBAAmB,IAAI,kBAAkB,EACxD,aAAa,EAAE,UAAC,KAAK,IAAK,OAAA,sBAAsB,CAAC,KAAK,KAAK,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAxE,CAAwE,IAEjG,qBAAqB,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC3C,oBAAC,qBAAM,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,EAF4C,CAE5C,CAAC,CACK,CACJ;YAEP,oBAAC,wBAAS,IAAC,QAAQ,SAAG;YAEtB,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC,EAAE;gBAC5D,oBAAC,qBAAM,IACL,OAAO,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,aAAa,EAC3F,OAAO,EAAE,yBAAyB,EAClC,QAAQ,EAAE,wBAAwB,GAClC;gBACF,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,cAAM,OAAA,8BAA8B,CAAC,IAAI,EAAE,YAAY,CAAC,EAAlD,CAAkD,EACnE,UAAU,EAAE,cAAM,OAAA,8BAA8B,CAAC,KAAK,EAAE,YAAY,CAAC,EAAnD,CAAmD;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,cAAM,OAAA,8BAA8B,CAAC,IAAI,EAAE,cAAc,CAAC,EAApD,CAAoD,EACrE,UAAU,EAAE,cAAM,OAAA,8BAA8B,CAAC,KAAK,EAAE,cAAc,CAAC,EAArD,CAAqD;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,cAAM,OAAA,8BAA8B,CAAC,IAAI,EAAE,aAAa,CAAC,EAAnD,CAAmD,EACpE,UAAU,EAAE,cAAM,OAAA,8BAA8B,CAAC,KAAK,EAAE,aAAa,CAAC,EAApD,CAAoD;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,qBAAM,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAC,oCAAoC,GAAG;YACnF,oBAAC,qBAAM,IAAC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAC,qCAAqC,GAAG,CAC/E;QAEN,mBAAmB,IAAI,CACtB,oBAAC,sBAAO,kKAEJ,uBAAuB,EAAE,wBAAwB,aAAxB,wBAAwB,cAAxB,wBAAwB,GAAI,SAAS,EAC9D,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,wBAAwB,EACnC,MAAM,EAAE,qBAAqB,IAC1B,CAAC,kBAAkB,IAAI,EAAE,cAAc,EAAE,6BAA6B,EAAE,CAAC,KAC5E,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,qBAAqB,EACtC,aAAa,EAAE,aAAa,KACzB,CAAC,mBAAmB,IAAI,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,GAC7D,CAAC,uBAAuB,IAAI,EAAE,eAAe,EAAE,uBAAuB,EAAE,CAAC,GACzE,CAAC,mBAAmB,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC,GACvE,CAAC,uBAAuB,IAAI,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAC;YAG/E,oBAAC,wBAAS,IAAC,SAAS,EAAE,cAAM,OAAA,sBAAsB,CAAC,IAAI,CAAC,EAA5B,CAA4B,EAAE,UAAU,EAAE,cAAM,OAAA,sBAAsB,CAAC,KAAK,CAAC,EAA7B,CAA6B,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,4BAAa,IAAC,OAAO,EAAC,wBAAwB,EAAC,OAAO,EAAE,gBAAgB,GAAI;oBAC7E,oBAAC,4BAAa,IAAC,OAAO,EAAC,uBAAuB,EAAC,KAAK,EAAE,2BAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,GAAI;oBAC7G,oBAAC,4BAAa,IAAC,OAAO,EAAC,0BAA0B,EAAC,KAAK,EAAE,2BAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI;oBAClH,kBAAkB,CAAC,GAAG,CAAC,UAAC,KAAK;wBAC5B,OAAO,oBAAC,4BAAa,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,2BAAkB,CAAC,YAAY,GAAI,CAAC;oBAChG,CAAC,CAAC,CACS,CACR,CACR,CAAC,CAAC,CAAC;YACF,MAAM;YACN,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;gBACzF,oBAAC,qBAAM,IAAC,OAAO,EAAC,wBAAwB,EAAC,OAAO,EAAE,gBAAgB,GAAI,CACjE,CACR,CACS,CACJ,CACX,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B;IACvC,IAAA,KAAoD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxE,qBAAqB,QAAA,EAAE,wBAAwB,QAAyB,CAAC;IAC1E,IAAA,KAA8D,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlF,0BAA0B,QAAA,EAAE,6BAA6B,QAAyB,CAAC;IAE1F,IAAM,2BAA2B,GAAG,KAAK,CAAC,WAAW,CAAC;QACpD,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,IAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAAC;QAChD,6BAA6B,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,6BAA6B,CAAC,CAAC,CAAC;IAEpC,IAAM,0BAA0B,GAAG,KAAK,CAAC,WAAW,CAAC;QACnD,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,IAAM,MAAM,GAAe,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;IAEjF,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,EAAE;YAC1D,oBAAC,qBAAM,IAAC,OAAO,EAAC,mBAAmB,EAAC,OAAO,EAAE,2BAA2B,GAAI;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,sBAAO,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,IAAM,eAAe,GAAkB;IACrC;QACE,IAAI,EAAE,gBAAgB;QACtB,MAAM,EAAE,yBAAgB;QACxB,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,+BAAc;KAC1B;CACF,CAAC;AAEK,IAAM,WAAW,GAA4B;IAClD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,oHAAoH,CAAC;IAEzI,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAChH,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.59.39",
+  "version": "0.60.1",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -31,27 +31,27 @@
     "@fluentui-react-native/button": ">=0.22.21 <1.0.0",
     "@fluentui-react-native/default-theme": ">=0.10.3 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.5.25 <1.0.0",
-    "@fluentui-react-native/experimental-avatar": ">=0.14.25 <1.0.0",
+    "@fluentui-react-native/experimental-avatar": ">=0.14.26 <1.0.0",
     "@fluentui-react-native/experimental-button": "0.15.22",
     "@fluentui-react-native/experimental-checkbox": "0.11.4",
     "@fluentui-react-native/experimental-drawer": ">=0.1.9 <1.0.0",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.4.2 <1.0.0",
     "@fluentui-react-native/experimental-expander": "0.3.27",
-    "@fluentui-react-native/experimental-menu-button": ">=0.3.38 <1.0.0",
+    "@fluentui-react-native/experimental-menu-button": ">=0.3.39 <1.0.0",
     "@fluentui-react-native/experimental-shimmer": "0.6.29",
     "@fluentui-react-native/experimental-tabs": "0.4.44",
     "@fluentui-react-native/experimental-text": ">=0.7.26 <1.0.0",
     "@fluentui-react-native/framework": ">=0.7.26 <1.0.0",
     "@fluentui-react-native/icon": "0.11.21",
     "@fluentui-react-native/interactive-hooks": ">=0.15.6 <1.0.0",
-    "@fluentui-react-native/menu": ">=0.5.0 <1.0.0",
+    "@fluentui-react-native/menu": ">=0.5.2 <1.0.0",
     "@fluentui-react-native/stack": ">=0.6.26 <1.0.0",
     "@fluentui-react-native/theme": ">=0.6.8 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.14.3 <1.0.0",
     "@fluentui-react-native/themed-stylesheet": "^1.3.3",
     "@fluentui-react-native/theming-utils": ">=0.10.2 <1.0.0",
     "@fluentui-react-native/win32-theme": ">=0.16.4 <1.0.0",
-    "@fluentui/react-native": ">=0.29.5 <1.0.0",
+    "@fluentui/react-native": ">=0.29.6 <1.0.0",
     "@react-native-community/slider": "^4.2.0",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^2.2.1",

package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { JSAvatar, IconAlignment } from '@fluentui-react-native/experimental-avatar';
-import { Switch, View, Text, TextInput, TextStyle } from 'react-native';
+import { Switch, View, Text, TextInput } from 'react-native';
 import { Slider } from '../Common/Slider';
 import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
-import { useTheme } from '@fluentui-react-native/theme-types';
 import { AlignmentPicker } from '../Common/AlignmentPicker';
 import { commonTestStyles as commonStyles } from '../Common/styles';
 
@@ -17,16 +16,11 @@ export const CustomizeUsage: React.FunctionComponent = () => {
   const [horizontalAlignment, setHorizontalAlignment] = React.useState<IconAlignment>();
   const [verticalAlignment, setVerticalAlignment] = React.useState<IconAlignment>();
 
-  const [ringColor, setRingColor] = React.useState<string>('red');
+  const [borderColor, setBorderColor] = React.useState<string>('red');
   const [ringBackgroundColor, setRingBackgroundColor] = React.useState<string>(undefined);
   const [showRing, setShowRing] = React.useState<boolean>(true);
   const [transparent, setTransparent] = React.useState<boolean>(false);
 
-  const theme = useTheme();
-  const textBoxBorderStyle: TextStyle = {
-    borderColor: theme.colors.inputBorder,
-  };
-
   const CustomizedAvatar = React.useMemo(() => {
     const tokens = {
       backgroundColor: coinColor,
@@ -37,9 +31,10 @@ export const CustomizeUsage: React.FunctionComponent = () => {
       initialsSize: initialsSize,
       width: size,
       height: size,
+      borderColor,
     };
     return JSAvatar.customize(tokens);
-  }, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, initialsSize, size]);
+  }, [coinColor, textColor, horizontalAlignment, verticalAlignment, iconSize, initialsSize, size, borderColor]);
 
   return (
     <View style={commonStyles.root}>
@@ -60,7 +55,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
         </View>
 
         <TextInput
-          style={[commonStyles.textBox, textBoxBorderStyle]}
+          style={[commonStyles.textBox]}
           placeholder="Background color"
           blurOnSubmit={true}
           onSubmitEditing={(e) => {
@@ -68,7 +63,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
           }}
         />
         <TextInput
-          style={[commonStyles.textBox, textBoxBorderStyle]}
+          style={[commonStyles.textBox]}
           placeholder="Initials text color"
           blurOnSubmit={true}
           onSubmitEditing={(e) => {
@@ -77,16 +72,16 @@ export const CustomizeUsage: React.FunctionComponent = () => {
         />
 
         <TextInput
-          style={[commonStyles.textBox, textBoxBorderStyle]}
+          style={[commonStyles.textBox]}
           placeholder="Ring color"
           blurOnSubmit={true}
           onSubmitEditing={(e) => {
-            setRingColor(e.nativeEvent.text);
+            setBorderColor(e.nativeEvent.text);
           }}
         />
 
         <TextInput
-          style={[commonStyles.textBox, textBoxBorderStyle]}
+          style={[commonStyles.textBox]}
           placeholder="Ring background color"
           blurOnSubmit={true}
           onSubmitEditing={(e) => {
@@ -118,7 +113,6 @@ export const CustomizeUsage: React.FunctionComponent = () => {
         ring={
           showRing
             ? {
-                ringColor,
                 ringBackgroundColor,
                 ringThickness: 4,
                 innerGap: 4,

package/src/FluentTester/TestComponents/Callout/CalloutTest.tsx

@@ -1,6 +1,15 @@
 import * as React from 'react';
 import { ScreenRect, Text, View, Switch, Picker, ScrollView } from 'react-native';
-import { Button, Callout, Separator, IFocusable, RestoreFocusEvent, DismissBehaviors, StealthButton } from '@fluentui/react-native';
+import {
+  Button,
+  Callout,
+  Separator,
+  IFocusable,
+  Pressable,
+  RestoreFocusEvent,
+  DismissBehaviors,
+  StealthButton,
+} from '@fluentui/react-native';
 import { CALLOUT_TESTPAGE } from './consts';
 import { Test, TestSection, PlatformStatus } from '../Test';
 import { E2ECalloutTest } from './CalloutE2ETest';
@@ -9,6 +18,8 @@ import { fluentTesterStyles } from '../Common/styles';
 const StandardCallout: React.FunctionComponent = () => {
   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), []);
@@ -59,32 +70,94 @@ const StandardCallout: React.FunctionComponent = () => {
   const decoyBtn1Ref = React.useRef<IFocusable>(null);
   const decoyBtn2Ref = React.useRef<IFocusable>(null);
   const [anchorRef, setAnchorRef] = React.useState(redTargetRef);
+  const [hoveredTargetsCount, setHoveredTargetsCount] = React.useState(0);
+  const [displayCountHoveredTargets, setDisplayCountHoveredTargets] = React.useState(0);
+
+  const anchorRefsInfo: { hoverCount: number; isCurrentAnchor: boolean[] } = 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: boolean, hoverAnchorRef: React.MutableRefObject<View>) => {
+      if (hoverAnchorRef !== undefined && hoverAnchorRef !== anchorRef) {
+        return;
+      }
 
-    // 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.
-    setIsStandardCalloutVisible(false);
-  }, [showStandardCallout, setIsStandardCalloutVisible, setShowStandardCallout]);
+      setHoveredTargetsCount(hoveredTargetsCount + (show ? 1 : -1));
+    },
+    [anchorRef, hoveredTargetsCount, setHoveredTargetsCount],
+  );
+
+  const calloutHoveredCallback = React.useCallback(
+    (isHovered: boolean) => {
+      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, setAnchorRef]);
+  }, [anchorRef]);
 
   const onShowStandardCallout = React.useCallback(() => {
     setIsStandardCalloutVisible(true);
-  }, [setIsStandardCalloutVisible]);
+  }, []);
 
   const onDismissStandardCallout = React.useCallback(() => {
-    setIsStandardCalloutVisible(false);
-
     // setting the internal state to false will instigate unmounting the
     // zombie Callout control.
     setShowStandardCallout(false);
-  }, [setIsStandardCalloutVisible, setShowStandardCallout]);
+  }, []);
 
   const onRestoreFocusStandardCallout = React.useCallback(
     (restoreFocusEvent: RestoreFocusEvent) => {
@@ -125,6 +198,11 @@ const StandardCallout: React.FunctionComponent = () => {
     <View>
       <View style={{ flexDirection: 'row', paddingVertical: 5 }}>
         <View style={{ flexDirection: 'column', paddingHorizontal: 5 }}>
+          <View style={{ flexDirection: 'row' }}>
+            <Switch value={openCalloutOnHoverAnchor} onValueChange={setOpenCalloutOnHoverAnchor} />
+            <Text>Show Callout On Hover Anchor</Text>
+          </View>
+
           <View style={{ flexDirection: 'row' }}>
             <Switch value={shouldSetInitialFocus} onValueChange={onInitialFocusChange} />
             <Text>Set Initial Focus</Text>
@@ -189,7 +267,11 @@ const StandardCallout: React.FunctionComponent = () => {
         <Separator vertical />
 
         <View style={{ flexDirection: 'column', paddingHorizontal: 5 }}>
-          <Button content="Press for Callout" onClick={toggleShowStandardCallout} />
+          <Button
+            content={(openCalloutOnHoverAnchor ? 'Hover Color Anchor ' : 'Press Here ') + 'for Callout'}
+            onClick={toggleShowStandardCallout}
+            disabled={openCalloutOnHoverAnchor}
+          />
           <Text>
             <Text>Visibility: </Text>
             {isStandardCalloutVisible ? <Text style={{ color: 'green' }}>Visible</Text> : <Text style={{ color: 'red' }}>Not Visible</Text>}
@@ -199,9 +281,30 @@ const StandardCallout: React.FunctionComponent = () => {
         <Separator vertical />
 
         <View style={{ flexDirection: 'column', paddingHorizontal: 5 }}>
-          <View ref={redTargetRef} style={{ height: 20, width: 20, backgroundColor: 'red', padding: 5 }} />
-          <View ref={greenTargetRef} style={{ height: 20, width: 20, backgroundColor: 'green', padding: 5 }} />
-          <View ref={blueTargetRef} style={{ height: 20, width: 20, backgroundColor: 'blue', padding: 5 }} />
+          <Pressable
+            onHoverIn={() => updateCalloutTargetsHoverState(true, redTargetRef)}
+            onHoverOut={() => updateCalloutTargetsHoverState(false, redTargetRef)}
+          >
+            <View ref={redTargetRef} style={{ height: 40, width: 40, backgroundColor: 'red', padding: 5 }}>
+              {anchorRefsInfo.isCurrentAnchor[0] && <Text>{anchorRefsInfo.hoverCount}</Text>}
+            </View>
+          </Pressable>
+          <Pressable
+            onHoverIn={() => updateCalloutTargetsHoverState(true, greenTargetRef)}
+            onHoverOut={() => updateCalloutTargetsHoverState(false, greenTargetRef)}
+          >
+            <View ref={greenTargetRef} style={{ height: 40, width: 40, backgroundColor: 'green', padding: 5 }}>
+              {anchorRefsInfo.isCurrentAnchor[1] && <Text>{anchorRefsInfo.hoverCount}</Text>}
+            </View>
+          </Pressable>
+          <Pressable
+            onHoverIn={() => updateCalloutTargetsHoverState(true, blueTargetRef)}
+            onHoverOut={() => updateCalloutTargetsHoverState(false, blueTargetRef)}
+          >
+            <View ref={blueTargetRef} style={{ height: 40, width: 40, backgroundColor: 'blue', padding: 5 }}>
+              {anchorRefsInfo.isCurrentAnchor[2] && <Text style={{ color: 'white' }}>{anchorRefsInfo.hoverCount}</Text>}
+            </View>
+          </Pressable>
         </View>
       </View>
 
@@ -215,6 +318,7 @@ const StandardCallout: React.FunctionComponent = () => {
       {showStandardCallout && (
         <Callout
           {...{
+            doNotTakePointerCapture: openCalloutOnHoverAnchor ?? undefined,
             target: anchorRef,
             onDismiss: onDismissStandardCallout,
             onShow: onShowStandardCallout,
@@ -228,23 +332,25 @@ const StandardCallout: React.FunctionComponent = () => {
             ...(calloutDismissBehaviors && { dismissBehaviors: calloutDismissBehaviors }),
           }}
         >
-          {showScrollViewCallout ? (
-            <View style={fluentTesterStyles.scrollViewContainer}>
-              <ScrollView contentContainerStyle={fluentTesterStyles.scrollViewStyle} showsVerticalScrollIndicator={true}>
-                <StealthButton content="click to change anchor" onClick={toggleCalloutRef} />
-                <StealthButton content="Click to add a button" style={fluentTesterStyles.testListItem} onClick={addButton} />
-                <StealthButton content="Click to remove a button" style={fluentTesterStyles.testListItem} onClick={removeButton} />
-                {scrollviewContents.map((value) => {
-                  return <StealthButton key={value} content="Button" style={fluentTesterStyles.testListItem} />;
-                })}
-              </ScrollView>
-            </View>
-          ) : (
-            //else
-            <View style={{ padding: 20 }}>
-              <Button content="click to change anchor" onClick={toggleCalloutRef} />
-            </View>
-          )}
+          <Pressable onHoverIn={() => calloutHoveredCallback(true)} onHoverOut={() => calloutHoveredCallback(false)}>
+            {showScrollViewCallout ? (
+              <View style={fluentTesterStyles.scrollViewContainer}>
+                <ScrollView contentContainerStyle={fluentTesterStyles.scrollViewStyle} showsVerticalScrollIndicator={true}>
+                  <StealthButton content="click to change anchor" onClick={toggleCalloutRef} />
+                  <StealthButton content="Click to add a button" style={fluentTesterStyles.testListItem} onClick={addButton} />
+                  <StealthButton content="Click to remove a button" style={fluentTesterStyles.testListItem} onClick={removeButton} />
+                  {scrollviewContents.map((value) => {
+                    return <StealthButton key={value} content="Button" style={fluentTesterStyles.testListItem} />;
+                  })}
+                </ScrollView>
+              </View>
+            ) : (
+              //else
+              <View style={[{ padding: 20 }, { backgroundColor: calloutHovered ? 'lightgreen' : 'pink' }]}>
+                <Button content="click to change anchor" onClick={toggleCalloutRef} />
+              </View>
+            )}
+          </Pressable>
         </Callout>
       )}
     </View>