oolib 2.225.9 → 2.225.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -75,11 +75,34 @@ var useFloatingPosition = function (_a) {
|
|
|
75
75
|
var delayGroupContext = (0, react_1.useDelayGroup)(context, {
|
|
76
76
|
enabled: enableDelayGroups,
|
|
77
77
|
});
|
|
78
|
-
var delayGroupDelay = enableDelayGroups && delayGroupContext
|
|
79
|
-
? delayGroupContext.delay
|
|
80
|
-
: undefined;
|
|
81
78
|
var enableHover = "enableHover" in options ? options.enableHover : true;
|
|
82
|
-
var
|
|
79
|
+
var hoverOpts = "hoverOptions" in options ? options.hoverOptions : {};
|
|
80
|
+
// Determine the delay for hover interactions:
|
|
81
|
+
// - When delay groups are disabled, use the custom hoverOptions delay
|
|
82
|
+
// - When in instant phase (rapidly moving between tooltips in a group), use group delay
|
|
83
|
+
// - When inside an active FloatingDelayGroup (delay > 0), use group delay
|
|
84
|
+
// - Otherwise use custom hoverOptions delay
|
|
85
|
+
var getDelay = function () {
|
|
86
|
+
var _a, _b;
|
|
87
|
+
if (!enableDelayGroups) {
|
|
88
|
+
return hoverOpts === null || hoverOpts === void 0 ? void 0 : hoverOpts.delay;
|
|
89
|
+
}
|
|
90
|
+
var groupDelay = delayGroupContext === null || delayGroupContext === void 0 ? void 0 : delayGroupContext.delay;
|
|
91
|
+
// Check if we're inside an actual FloatingDelayGroup
|
|
92
|
+
// (delay is 0 by default if no provider exists)
|
|
93
|
+
var hasGroupProvider = typeof groupDelay === "number"
|
|
94
|
+
? groupDelay > 0
|
|
95
|
+
: typeof groupDelay === "object" &&
|
|
96
|
+
groupDelay !== null &&
|
|
97
|
+
(((_a = groupDelay.open) !== null && _a !== void 0 ? _a : 0) > 0 || ((_b = groupDelay.close) !== null && _b !== void 0 ? _b : 0) > 0);
|
|
98
|
+
// In instant phase or inside an active group, use group delay
|
|
99
|
+
if ((delayGroupContext === null || delayGroupContext === void 0 ? void 0 : delayGroupContext.isInstantPhase) || hasGroupProvider) {
|
|
100
|
+
return groupDelay;
|
|
101
|
+
}
|
|
102
|
+
// No active group, use custom delay
|
|
103
|
+
return hoverOpts === null || hoverOpts === void 0 ? void 0 : hoverOpts.delay;
|
|
104
|
+
};
|
|
105
|
+
var hover = (0, react_1.useHover)(context, __assign(__assign({}, hoverOpts), { enabled: !enableTriggerOnClick && enableHover !== false, delay: getDelay() }));
|
|
83
106
|
var click = (0, react_1.useClick)(context, __assign(__assign({}, ("clickOptions" in options ? options.clickOptions : {})), { enabled: enableTriggerOnClick }));
|
|
84
107
|
var focus = (0, react_1.useFocus)(context, focusOptions);
|
|
85
108
|
var role = (0, react_1.useRole)(context, roleOptions);
|
|
@@ -53,7 +53,7 @@ var utils_1 = require("./utils");
|
|
|
53
53
|
var styled_1 = require("./styled");
|
|
54
54
|
var CURSOR_HEIGHT = 20;
|
|
55
55
|
function Tooltip(_a) {
|
|
56
|
-
var text = _a.text, heading = _a.heading, primaryContent = _a.primaryContent, secondaryContent = _a.secondaryContent, _b = _a.progressiveDelay, progressiveDelay = _b === void 0 ?
|
|
56
|
+
var text = _a.text, heading = _a.heading, primaryContent = _a.primaryContent, secondaryContent = _a.secondaryContent, _b = _a.progressiveDelay, progressiveDelay = _b === void 0 ? 600 : _b, _c = _a.progressiveGap, progressiveGap = _c === void 0 ? 8 : _c, children = _a.children, _d = _a.placement, placement = _d === void 0 ? 'top' : _d, _e = _a.showPointer, showPointer = _e === void 0 ? true : _e, _f = _a.showDelay, showDelay = _f === void 0 ? 600 : _f, _g = _a.hideDelay, hideDelay = _g === void 0 ? 0 : _g, _h = _a.animation, animation = _h === void 0 ? 'fade' : _h, _j = _a.followCursor, followCursor = _j === void 0 ? false : _j, _k = _a.cursorOffset, cursorOffset = _k === void 0 ? 10 : _k, _l = _a.invert, invert = _l === void 0 ? false : _l, wrapperDisplay = _a.wrapperDisplay, _m = _a.trigger, trigger = _m === void 0 ? 'hover' : _m, style = _a.style;
|
|
57
57
|
var bgColor = invert ? __1.colors2.white : __1.colors2.black;
|
|
58
58
|
var textColor = invert ? __1.colors2.black : __1.colors2.white;
|
|
59
59
|
var resolvedPrimaryContent = (0, utils_1.resolvePrimaryContent)(text, heading, primaryContent);
|
|
@@ -116,7 +116,7 @@ function Tooltip(_a) {
|
|
|
116
116
|
disableAutoUpdate: followCursor,
|
|
117
117
|
enableDelayGroups: !isClickTrigger,
|
|
118
118
|
enableTriggerOnClick: isClickTrigger,
|
|
119
|
-
enableHover:
|
|
119
|
+
enableHover: true,
|
|
120
120
|
hoverOptions: {
|
|
121
121
|
delay: { open: showDelay, close: hideDelay },
|
|
122
122
|
},
|