Updated Slack channel link

Bump mixin-deep from 1.3.1 to 1.3.2

Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2.
- [Release notes](https://github.com/jonschlinkert/mixin-deep/releases)
- [Commits](jonschlinkert/mixin-deep@1.3.1...1.3.2)

Signed-off-by: dependabot[bot] <support@github.com>

(feature) enhancements and tests for Tooltip component

requested changes (variable naming, code style in tests)

Author: arturbien

README.md

@@ -9,7 +9,7 @@
 <h3 align="center">
   <a href="https://arturbien.github.io/React95/?path=/story/select--fixed-width">Components</a> -
   <a href="https://react95.io/">Website</a> -
-  <a href="https://join.slack.com/t/react95/shared_invite/enQtODExMzQ1Nzc2MjQ1LTMyNWVlYjllMzJhNTU3N2E2MDY1ZmM2ZTk3NzZkMjQ3YWIwMTlmNTZmMzc4OWU2MGVmYzZjMzNiNDI5NjgyMzA">Slack</a> -
+  <a href="https://join.slack.com/t/react95/shared_invite/enQtOTA1NzEyNjAyNTc4LWYxZjU3NWRiMWJlMGJiMjhkNzE2MDA3ZmZjZDc1YmY0ODdlZjMwZDA1NWJiYWExYmY1NTJmNmE4OWVjNWFhMTE">Slack</a> -
   <a href="https://www.paypal.me/react95">PayPal donation 💰</a>
 </h3>
 <p align="center">

package-lock.json

@@ -26,31 +26,110 @@ const Wrapper = styled.div`
 
 const Tooltip = ({
   children,
-  text,
-  delay,
   className,
+  disableFocusListener,
+  disableMouseListener,
+  enterDelay,
+  leaveDelay,
+  onBlur,
+  onClose,
+  onFocus,
+  onMouseEnter,
+  onMouseLeave,
+  onOpen,
   style,
+  testId,
+  text,
   ...otherProps
 }) => {
   const [show, setShow] = useState(false);
-  const [delayTimer, setDelayTimer] = useState(null);
+  const [openTimer, setOpenTimer] = useState(null);
+  const [closeTimer, setCloseTimer] = useState(null);
+
+  const isUsingFocus = !disableFocusListener;
+  const isUsingMouse = !disableMouseListener;
+
+  const handleOpen = evt => {
+    clearTimeout(openTimer);
+    clearTimeout(closeTimer);
 
-  const handleEnter = () => {
     const timer = setTimeout(() => {
       setShow(true);
-    }, delay);
 
-    setDelayTimer(timer);
+      if (onOpen) {
+        onOpen(evt);
+      }
+    }, enterDelay);
+
+    setOpenTimer(timer);
+  };
+
+  const handleEnter = evt => {
+    evt.persist();
+
+    if (evt.type === 'focus' && onFocus) {
+      onFocus(evt);
+    } else if (evt.type === 'mouseenter' && onMouseEnter) {
+      onMouseEnter(evt);
+    }
+
+    handleOpen(evt);
+  };
+
+  const handleClose = evt => {
+    clearTimeout(openTimer);
+    clearTimeout(closeTimer);
+
+    const timer = setTimeout(() => {
+      setShow(false);
+
+      if (onClose) {
+        onClose(evt);
+      }
+    }, leaveDelay);
+
+    setCloseTimer(timer);
   };
 
-  const handleLeave = () => {
-    clearTimeout(delayTimer);
-    setShow(false);
+  const handleLeave = evt => {
+    evt.persist();
+
+    if (evt.type === 'blur' && onBlur) {
+      onBlur(evt);
+    } else if (evt.type === 'mouseleave' && onMouseLeave) {
+      onMouseLeave(evt);
+    }
+
+    handleClose(evt);
   };
 
+  // set callbacks for onBlur and onFocus, unless disableFocusListener is true
+  const blurCb = isUsingFocus ? handleLeave : undefined;
+  const focusCb = isUsingFocus ? handleEnter : undefined;
+
+  // set callbacks for onMouseEnter and onMouseLeave, unless disableMouseListener is true
+  const mouseEnterCb = isUsingMouse ? handleEnter : undefined;
+  const mouseLeaveCb = isUsingMouse ? handleLeave : undefined;
+
+  // set the wrapper's tabIndex for focus events, unless disableFocusListener is true
+  const tabIndex = isUsingFocus ? '0' : undefined;
+
   return (
-    <Wrapper onMouseEnter={handleEnter} onMouseLeave={handleLeave}>
-      <Tip show={show} className={className} style={style} {...otherProps}>
+    <Wrapper
+      data-testid={testId ? `${testId}Wrapper` : undefined}
+      onBlur={blurCb}
+      onFocus={focusCb}
+      onMouseEnter={mouseEnterCb}
+      onMouseLeave={mouseLeaveCb}
+      tabIndex={tabIndex}
+    >
+      <Tip
+        className={className}
+        data-testid={testId}
+        show={show}
+        style={style}
+        {...otherProps}
+      >
         {text}
       </Tip>
       {children}
@@ -59,17 +138,37 @@ const Tooltip = ({
 };
 
 Tooltip.defaultProps = {
-  delay: 1000,
   className: '',
-  style: {}
+  disableFocusListener: false,
+  disableMouseListener: false,
+  enterDelay: 1000,
+  leaveDelay: 0,
+  onBlur: undefined,
+  onClose: undefined,
+  onFocus: undefined,
+  onMouseEnter: undefined,
+  onMouseLeave: undefined,
+  onOpen: undefined,
+  style: {},
+  testId: undefined
 };
 
 Tooltip.propTypes = {
   children: propTypes.node.isRequired,
-  text: propTypes.string.isRequired,
   className: propTypes.string,
-  style: propTypes.shape([propTypes.string, propTypes.number]),
-  delay: propTypes.number
+  disableFocusListener: propTypes.bool,
+  disableMouseListener: propTypes.bool,
+  enterDelay: propTypes.number,
+  leaveDelay: propTypes.number,
+  onBlur: propTypes.func,
+  onClose: propTypes.func,
+  onFocus: propTypes.func,
+  onMouseEnter: propTypes.func,
+  onMouseLeave: propTypes.func,
+  onOpen: propTypes.func,
+  style: propTypes.shape({}),
+  testId: propTypes.string,
+  text: propTypes.string.isRequired
 };
 
 export default Tooltip;