@elastic/eui
Version:
Elastic UI Component Library
68 lines (65 loc) • 2.92 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.toolTipManager = void 0;
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _defineProperty2 = _interopRequireDefault(require("@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__*/(0, _createClass2.default)(function ToolTipManager() {
var _this = this;
(0, _classCallCheck2.default)(this, ToolTipManager);
// We use a set instead of a single var just in case
// multiple tooltips are registered via async shenanigans
(0, _defineProperty2.default)(this, "toolTipsToHide", new Set());
// Timestamp of the last hide; `null` means no tooltip has closed yet.
(0, _defineProperty2.default)(this, "lastHiddenAt", null);
(0, _defineProperty2.default)(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
};
});
(0, _defineProperty2.default)(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).
*/
(0, _defineProperty2.default)(this, "reset", function () {
_this.toolTipsToHide.clear();
_this.lastHiddenAt = null;
});
});
var toolTipManager = exports.toolTipManager = new ToolTipManager();