@luminati-io/uikit 5.0.8-beta.1 → 5.2.0

package/dist/umd/uikit.development.js

@@ -45398,7 +45398,11 @@ var Tooltip = function Tooltip(_ref) {
     trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
     className = _ref.className,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'black' : _ref$variant;
+    variant = _ref$variant === void 0 ? 'black' : _ref$variant,
+    _ref$showDelay = _ref.showDelay,
+    showDelay = _ref$showDelay === void 0 ? 0 : _ref$showDelay,
+    _ref$hideDelay = _ref.hideDelay,
+    hideDelay = _ref$hideDelay === void 0 ? 0 : _ref$hideDelay;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     referenceElement = _useState2[0],
@@ -45415,20 +45419,25 @@ var Tooltip = function Tooltip(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     visible = _useState8[0],
     setVisible = _useState8[1];
-  var closeTimmer = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  var closeTimer = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
+  var showTimer = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
   var show = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
-    clearTimeout(closeTimmer.current);
-    setVisible(true);
-  }, []);
+    clearTimeout(closeTimer.current);
+    showTimer.current = setTimeout(function () {
+      return setVisible(true);
+    }, showDelay);
+  }, [showDelay]);
   var hide = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
-    clearTimeout(closeTimmer.current);
-    closeTimmer.current = setTimeout(function () {
+    clearTimeout(closeTimer.current);
+    clearTimeout(showTimer.current);
+    closeTimer.current = setTimeout(function () {
       return setVisible(false);
-    }, interactive ? CLOSE_DELAY : 0);
-  }, [interactive]);
+    }, interactive ? CLOSE_DELAY : hideDelay);
+  }, [interactive, hideDelay]);
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     return function () {
-      clearTimeout(closeTimmer.current);
+      clearTimeout(closeTimer.current);
+      clearTimeout(showTimer.current);
     };
   }, []);
   var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_6__.usePopper)(referenceElement, popperElement, {
@@ -45490,7 +45499,9 @@ Tooltip.propTypes = {
   noWrap: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   interactive: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'focus']),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white']),
+  showDelay: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  hideDelay: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
 };
 var withTooltip = function withTooltip(Comp, tooltipProps) {
   return function WithTooltip(props) {