@elliemae/ds-tooltip 2.0.0-alpha.11 → 2.0.0-alpha.12

package/esm/v3/index.js

@@ -2,21 +2,35 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useCallback } from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { useState, useCallback, useEffect } from 'react';
 import { DSPopperJS } from '@elliemae/ds-popperjs';
 import { describe } from 'react-desc';
 import { dsTooltipPropTypes } from './propsTypes.js';
 import { useWithDefaultProps } from './config/useWithDefaultProps.js';
 import { TooltipV3DatatestId } from './TooltipV3DatatestId.js';
-import { StyledTooltipContainer, StyledTooltipText } from './styleds.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { StyledTriggerWrapper, StyledTooltipContainer, StyledTooltipText, StyledMouseOverDetectionBox } from './styleds.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-const _excluded = ["text", "children", "onOpen", "onClose", "id"];
+var _StyledMouseOverDetec;
+
+const _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+const useGlobalKeyboardListener = func => {
+  useEffect(() => {
+    document.addEventListener('keydown', func);
+    return () => document.removeEventListener('keydown', func);
+  }, [func]);
+};
+
 const DSTooltipV3 = props => {
   const _useWithDefaultProps = useWithDefaultProps(props),
         {
@@ -24,10 +38,14 @@ const DSTooltipV3 = props => {
     children,
     onOpen,
     onClose,
-    id
+    id,
+    textAlign
   } = _useWithDefaultProps,
         extraPopperJsProps = _objectWithoutProperties(_useWithDefaultProps, _excluded);
 
+  const [isFocused, setIsFocused] = useState(false);
+  const [isHover, setIsHover] = useState(false);
+  const [latestOpenInteraction, setLatestOpenInteraction] = useState('');
   const [referenceElement, setReferenceElement] = useState();
   const [showPopover, setShowPopover] = useState(false);
   const showTooltip = useCallback(() => {
@@ -38,29 +56,57 @@ const DSTooltipV3 = props => {
     setShowPopover(false);
     onClose();
   }, [onClose]);
-  const handleEscKey = useCallback(({
-    key
-  }) => {
+  const onFocus = useCallback(() => {
+    setIsFocused(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onFocus');
+    }
+  }, [showPopover, showTooltip]);
+  const onBlur = useCallback(() => {
+    setIsFocused(false);
+    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
+  }, [hideTooltip, isHover, latestOpenInteraction]);
+  const onMouseEnter = useCallback(() => {
+    setIsHover(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onMouseEnter');
+    }
+  }, [showPopover, showTooltip]);
+  const onMouseLeave = useCallback(() => {
+    setIsHover(false);
+    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
+  }, [hideTooltip, isFocused, latestOpenInteraction]);
+  const handleEscKey = useCallback(_ref => {
+    let {
+      key
+    } = _ref;
     if (key === 'Escape') hideTooltip();
   }, [hideTooltip]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(DSPopperJS, _objectSpread(_objectSpread({
-      referenceElement: referenceElement,
-      showPopover: showPopover
-    }, extraPopperJsProps), {}, {
-      children: /*#__PURE__*/_jsx("div", {
-        "data-testid": "".concat(TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-      }, void 0, /*#__PURE__*/_jsx(StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {}, void 0, text)))
-    })), /*#__PURE__*/jsx("div", {
-      onMouseOver: showTooltip,
-      onFocus: showTooltip,
-      onMouseOut: hideTooltip,
-      onBlur: hideTooltip,
-      onKeyDown: handleEscKey,
+  useGlobalKeyboardListener(handleEscKey);
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs(StyledTriggerWrapper, {
+      onMouseEnter: onMouseEnter,
+      onMouseLeave: onMouseLeave,
+      onFocus: onFocus,
+      onBlur: onBlur,
       ref: setReferenceElement,
       "data-testid": "".concat(TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
-      children: children
-    })]
+      children: [/*#__PURE__*/jsx(DSPopperJS, _objectSpread(_objectSpread({
+        referenceElement: referenceElement,
+        showPopover: showPopover,
+        withoutPortal: true
+      }, extraPopperJsProps), {}, {
+        children: /*#__PURE__*/_jsx("div", {
+          "data-testid": "".concat(TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
+        }, void 0, /*#__PURE__*/_jsx(StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {
+          textAlign: textAlign
+        }, void 0, text), _StyledMouseOverDetec || (_StyledMouseOverDetec = /*#__PURE__*/_jsx(StyledMouseOverDetectionBox, {}))))
+      })), children]
+    })
   });
 };
 

package/esm/v3/propsTypes.js

@@ -2,9 +2,14 @@ import { PropTypes } from 'react-desc';
 
 const dsTooltipPropTypes = {
   /**
-   * Tooltip text to be displayed on hover
+   * Tooltip text to be displayed on hover/focus
    */
-  text: PropTypes.string.description('Tooltip text to be displayed on hover').isRequired,
+  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
+
+  /**
+   * Tooltip text alignment
+   */
+  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit']).description('Tooltip text alignment').defaultValue('left'),
 
   /**
    * Element to tie the tooltip to, must be a single node
@@ -27,6 +32,16 @@ const dsTooltipPropTypes = {
    */
   boundaryElement: PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",' + 'which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(undefined),
 
+  /**
+   *  Whether or not the popper context menu should be animated
+   */
+  withoutAnimation: PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
+
+  /**
+   *  Popper context menus Animation duration in ms
+   */
+  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),
+
   /**
    *  When using portal, the container in which to append the DOM content, defaults to document body
    */

package/esm/v3/styleds.js

@@ -2,15 +2,35 @@ import styled from 'styled-components';
 
 const StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-18a4gem-0"
-})(["text-align:center;min-width:", ";max-width:250px;min-height:24px;padding:", ";position:relative;background-color:white;border-radius:2px;font-size:13px;color:", ";box-shadow:0 1px 5px 0 rgb(0 0 0 / 13%),0 2px 4px 0 rgb(0 0 0 / 20%);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));transition:visibility 0.1s ease-in;"], ({
-  theme
-}) => theme.space.l, ({
-  theme
-}) => "".concat(theme.space.xxxs, " ").concat(theme.space.xs), ({
-  theme
-}) => theme.colors.neutral[600]);
+})(["text-align:center;min-width:", ";max-width:250px;min-height:30px;display:grid;align-items:center;padding:", ";position:relative;background-color:white;border-radius:2px;font-size:13px;color:", ";"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.space.l;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.colors.neutral[600];
+});
 const StyledTooltipText = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-18a4gem-1"
-})(["white-space:normal;word-wrap:break-word;display:inline-block;"]);
+})(["white-space:normal;word-wrap:break-word;display:inline-block;text-align:", ";"], _ref4 => {
+  let {
+    textAlign
+  } = _ref4;
+  return textAlign;
+});
+const StyledMouseOverDetectionBox = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-18a4gem-2"
+})(["position:absolute;top:-15px;right:-15px;width:calc(100% + 30px);height:calc(100% + 30px);z-index:-1;"]);
+const StyledTriggerWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-18a4gem-3"
+})(["display:inline-block;width:100%;"]);
 
-export { StyledTooltipContainer, StyledTooltipText };
+export { StyledMouseOverDetectionBox, StyledTooltipContainer, StyledTooltipText, StyledTriggerWrapper };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip",
   "module": "./esm/index.js",
@@ -92,18 +92,31 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-alpha.11",
-    "@elliemae/ds-popper": "2.0.0-alpha.11",
-    "@elliemae/ds-shared": "2.0.0-alpha.11",
-    "@elliemae/ds-system": "2.0.0-alpha.11",
-    "@elliemae/ds-utilities": "2.0.0-alpha.11",
-    "@popperjs/core": "2.9.3",
-    "react-desc": "^4.1.3",
-    "react-popper": "2.2.5"
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-popper": "2.0.0-alpha.12",
+    "@elliemae/ds-popperjs": "2.0.0-alpha.12",
+    "@elliemae/ds-portal": "2.0.0-alpha.12",
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.12",
+    "@elliemae/ds-shared": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
+    "@popperjs/core": "~2.9.2",
+    "react-desc": "~4.1.3",
+    "react-popper": "~2.2.5"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/v1/DSTooltip.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 declare const TooltipContainer: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 declare const TooltipText: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
@@ -21,23 +22,85 @@ declare const DSTooltip: {
         zIndex: any;
     }): JSX.Element;
     propTypes: {
-        containerProps: any;
-        placement: any;
-        title: any;
-        delayClose: any;
-        delayOpen: any;
-        interactionType: any;
-        triggerComponent: any;
-        isOpen: any;
-        onOpen: any;
-        springAnimationComponent: any;
-        showArrow: any;
-        className: any;
-        tooltipType: any;
-        zIndex: any;
-        innerRef: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        placement: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        title: import("react-desc").PropTypesDescValidator;
+        delayClose: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        delayOpen: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        interactionType: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        triggerComponent: import("react-desc").PropTypesDescValidator;
+        isOpen: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        springAnimationComponent: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        showArrow: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        tooltipType: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        zIndex: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        innerRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const TooltipWithSchema: any;
+declare const TooltipWithSchema: {
+    (props?: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        innerRef: any;
+        placement?: string | undefined;
+        title?: string | undefined;
+        delayClose?: any;
+        delayOpen?: any;
+        interactionType?: string | undefined;
+        triggerComponent?: null | undefined;
+        className?: string | undefined;
+        isOpen?: undefined;
+        onOpen?: (() => null) | undefined;
+        springAnimationComponent?: undefined;
+        tooltipType?: string | undefined;
+        showArrow?: boolean | undefined;
+        zIndex: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };
 export default DSTooltip;

package/types/v2/DSTooltip.d.ts

@@ -1,23 +1,70 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 import { DSTooltipT } from '.';
 declare const DSTooltipV2: {
     ({ containerProps, innerRef, placement, title, delayClose, delayOpen, triggerComponent, className, getIsOpen, onOpen, tooltipType, showArrow, offset, zIndex, extraModifiers, }: DSTooltipT): React.ReactElement;
     propTypes: {
-        containerProps: any;
-        placement: any;
-        title: any;
-        delayClose: any;
-        delayOpen: any;
-        triggerComponent: any;
-        getIsOpen: any;
-        onOpen: any;
-        showArrow: any;
-        className: any;
-        tooltipType: any;
-        zIndex: any;
-        innerRef: any;
-        offset: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        placement: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        title: import("react-desc").PropTypesDescValidator;
+        delayClose: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        delayOpen: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        triggerComponent: import("react-desc").PropTypesDescValidator;
+        getIsOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        showArrow: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        tooltipType: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        zIndex: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        innerRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        offset: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const TooltipV2WithSchema: any;
+declare const TooltipV2WithSchema: {
+    (props?: DSTooltipT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSTooltipV2, TooltipV2WithSchema };

package/types/v2/propTypes.d.ts

@@ -1,17 +1,60 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 declare const tooltipV2Props: {
-    containerProps: any;
-    placement: any;
-    title: any;
-    delayClose: any;
-    delayOpen: any;
-    triggerComponent: any;
-    getIsOpen: any;
-    onOpen: any;
-    showArrow: any;
-    className: any;
-    tooltipType: any;
-    zIndex: any;
-    innerRef: any;
-    offset: any;
+    containerProps: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    placement: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    title: import("react-desc").PropTypesDescValidator;
+    delayClose: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    delayOpen: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    triggerComponent: import("react-desc").PropTypesDescValidator;
+    getIsOpen: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    onOpen: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    showArrow: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    className: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    tooltipType: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    zIndex: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    innerRef: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    offset: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
 };
 export { tooltipV2Props };

package/types/v2/styles.d.ts

@@ -1,7 +1,7 @@
 import { TooltipAnimationT, TooltipContainerT } from './index.d';
-declare const StyledTooltipContainer: import("styled-components").StyledComponent<"div", any, TooltipContainerT, never>;
-declare const StyledAnimatedTooltip: import("styled-components").StyledComponent<"div", any, TooltipAnimationT, never>;
-declare const StyledTriggerComponentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledTooltipText: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledTooltipArrow: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledTooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TooltipContainerT, never>;
+declare const StyledAnimatedTooltip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TooltipAnimationT, never>;
+declare const StyledTriggerComponentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledTooltipText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledTooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export { StyledTooltipContainer, StyledTriggerComponentContainer, StyledTooltipText, StyledTooltipArrow, StyledAnimatedTooltip, };

package/types/v3/propsTypes.d.ts

@@ -1,60 +1,103 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 export declare const dsTooltipPropTypes: {
     /**
-     * Tooltip text to be displayed on hover
+     * Tooltip text to be displayed on hover/focus
      */
-    text: any;
+    text: import("react-desc").PropTypesDescValidator;
+    /**
+     * Tooltip text alignment
+     */
+    textAlign: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      * Element to tie the tooltip to, must be a single node
      */
-    children: any;
+    children: import("react-desc").PropTypesDescValidator;
     /**
      *  Wheter or not the tooltip content should appear in a DOM portal or not
      */
-    withoutPortal: any;
+    withoutPortal: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      *  Wheter or not the tooltip should use the arrow
      */
-    withoutArrow: any;
+    withoutArrow: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      *  Bounding element to calculate upon, defaults to it is "clippingParents",
      *   which are the scrolling containers that may cause the element to be partially or fully cut off.
      */
-    boundaryElement: any;
+    boundaryElement: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  Whether or not the popper context menu should be animated
+     */
+    withoutAnimation: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    /**
+     *  Popper context menus Animation duration in ms
+     */
+    animationDuration: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      *  When using portal, the container in which to append the DOM content, defaults to document body
      */
-    portalDOMContainer: any;
+    portalDOMContainer: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      *  start placement preferences, as per popperjs placement option
      */
-    startPlacementPreference: any;
+    startPlacementPreference: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      *  Array of placement preferences, as per popperjs "flip" placement option
      */
-    placementOrderPreference: any;
+    placementOrderPreference: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      *  tooltip wrapper z-index
      */
-    zIndex: any;
+    zIndex: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      *  placement offset array
      */
-    customOffset: any;
+    customOffset: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      *  modifiers array for full-custom tooltip-js override
      *  https://tooltip.js.org/docs/v2/modifiers/
      */
-    modifiers: any;
+    modifiers: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      * Optional id appended to data-testid
      */
-    id: any;
+    id: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      * Optional callback to be invoked when the tooltip opens
      */
-    onOpen: any;
+    onOpen: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
     /**
      * 'Optional callback to be invoked when the tooltip closes
      */
-    onClose: any;
+    onClose: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
 };