intelicoreact 1.5.17 → 1.5.19

package/dist/Atomic/UI/Hint/Hint.js

@@ -15,8 +15,6 @@ var _utils2 = require("./partials/_utils");
 require("./Hint.scss");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// ToDo - не понятно зачем (ф-я не используется), но не трогаю
-const time = (Date.now() * Math.random() / 1000).toString().replace(/\./g, "_");
 const Hint = _ref => {
   var _ref2, _label$replace;
   let {
@@ -37,6 +35,7 @@ const Hint = _ref => {
     isHoverableContent = false
   } = _ref;
   const hintRef = (0, _react.useRef)(null);
+  const timeoutRef = (0, _react.useRef)(null);
   const [hintId] = (0, _react.useState)((_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : Math.random().toString(16).slice(2));
   const [isOpen, setIsOpen] = (0, _react.useState)(false);
 
@@ -117,13 +116,32 @@ const Hint = _ref => {
     if (!hc) return null;
     return /*#__PURE__*/(0, _reactDom.createPortal)(getHintMarkUp(className), hc);
   };
+  const handle = {
+    onMouseEnter: () => {
+      if (handleOpenType === "hover") {
+        timeoutRef.current = setTimeout(() => {
+          setIsOpen(true);
+          !isOpen && onClickCallback();
+        }, 350);
+      }
+    },
+    onMouseLeave: () => {
+      if (!isHoverableContent && handleOpenType === "hover") {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => {
+          setIsOpen(false);
+        }, 1000);
+      }
+    }
+  };
   (0, _react.useEffect)(() => {
     (0, _utils2.initHintContainer)(hintId, hintContainer);
+    return () => {
+      clearTimeout(timeoutRef.current);
+    };
   }, []);
   (0, _react.useEffect)(() => {
     setHintContainerStyles();
-
-    //! Обеспечиваем работу колбэка ТОЛЬКО для открытых тултипов
     if (isOpen) {
       document.addEventListener("scroll", handleScroll, true);
       document.addEventListener("click", handleClickOutside, true);
@@ -131,6 +149,9 @@ const Hint = _ref => {
       document.removeEventListener("scroll", handleScroll, true);
       document.removeEventListener("click", handleClickOutside, true);
     }
+    return () => {
+      clearTimeout(timeoutRef.current);
+    };
   }, [isOpen]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("hint", className),
@@ -140,8 +161,8 @@ const Hint = _ref => {
     "data-testid": typeof label === "string" && label.length ? (_label$replace = label.replace) === null || _label$replace === void 0 ? void 0 : _label$replace.call(label, /\s/g, "-") : testId,
     "aria-label": isAccessability && label || "",
     onClick: () => handleOpenType === "click" && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen)),
-    onMouseEnter: () => handleOpenType === "hover" && setIsOpen(true),
-    onMouseLeave: () => !isHoverableContent && handleOpenType === "hover" && setIsOpen(false),
+    onMouseEnter: handle.onMouseEnter,
+    onMouseLeave: handle.onMouseLeave,
     className: (0, _classnames.default)("hint__button", {
       hint__button_active: isOpen
     })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.5.17",
+  "version": "1.5.19",
   "description": "",
   "main": "dist/index.js",
   "files": [