@elastic/eui
Version:
Elastic UI Component Library
61 lines (59 loc) • 2.52 kB
JavaScript
import _createClass from "@babel/runtime/helpers/createClass";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0 and the Server Side Public License, v 1; you may not use this file except
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/
/**
* Manager utility that ensures only one tooltip is visible at a time
* and lets the next tooltip to open skip its entry animation if another was
* just opened or just closed.
*
* UX rationale (primarily for mouse-only users):
* @see https://github.com/elastic/kibana/issues/144482
* @see https://github.com/elastic/eui/issues/5883
*/
/**
* Time window in ms after a tooltip closes during which the next one to open
* skips its entry animation.
*/
var SKIP_ANIMATION_WINDOW = 300;
var ToolTipManager = /*#__PURE__*/_createClass(function ToolTipManager() {
var _this = this;
_classCallCheck(this, ToolTipManager);
// We use a set instead of a single var just in case
// multiple tooltips are registered via async shenanigans
_defineProperty(this, "toolTipsToHide", new Set());
// Timestamp of the last hide; `null` means no tooltip has closed yet.
_defineProperty(this, "lastHiddenAt", null);
_defineProperty(this, "registerTooltip", function (hideCallback) {
if (_this.toolTipsToHide.has(hideCallback)) return null;
var hadOpen = _this.toolTipsToHide.size > 0;
var recentlyClosed = _this.lastHiddenAt !== null && Date.now() - _this.lastHiddenAt < SKIP_ANIMATION_WINDOW;
_this.toolTipsToHide.forEach(function (hide) {
return hide();
});
_this.toolTipsToHide.clear();
_this.toolTipsToHide.add(hideCallback);
return {
skipAnimation: hadOpen || recentlyClosed
};
});
_defineProperty(this, "deregisterToolTip", function (hideCallback) {
if (_this.toolTipsToHide.delete(hideCallback)) _this.lastHiddenAt = Date.now();
});
/**
* Resets all internal state. Primarily intended for tests, so that a
* tooltip shown in one test doesn't leak into the next (the manager is a
* module-level singleton).
*/
_defineProperty(this, "reset", function () {
_this.toolTipsToHide.clear();
_this.lastHiddenAt = null;
});
});
export var toolTipManager = new ToolTipManager();