@elliemae/ds-tooltip 2.1.0 → 2.2.0-alpha.3

package/esm/v1/DSTooltip.js

@@ -1,100 +1,101 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';
-import { getComponentFromProps } from '@elliemae/ds-utilities';
-import { DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN } from '@elliemae/ds-shared/constants';
-import DSPopper, { positions, PopperPositions, interactions, PopperInteractions } from '@elliemae/ds-popper';
-import { TooltipType } from './TooltipType.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "innerRef", "placement", "title", "delayClose", "delayOpen", "interactionType", "triggerComponent", "className", "isOpen", "onOpen", "springAnimationComponent", "tooltipType", "showArrow", "zIndex"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const blockName = 'tooltip';
-const TooltipContainer = aggregatedClasses('div')(blockName, false, false, {
-  propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import {
+  aggregatedClasses,
+  convertPropToCssClassName
+} from "@elliemae/ds-classnames";
+import { getComponentFromProps } from "@elliemae/ds-utilities";
+import {
+  DEFAULT_DELAY_OPEN,
+  DEFAULT_DELAY_CLOSE
+} from "@elliemae/ds-shared/constants";
+import {
+  DSPopper,
+  PopperPositions,
+  PopperInteractions,
+  interactions,
+  positions
+} from "@elliemae/ds-popper";
+import { TooltipType } from "./TooltipType";
+const blockName = "tooltip";
+const TooltipContainer = aggregatedClasses("div")(blockName, false, false, {
+  propsToRemoveFromFinalElement: ["isHovered", "isDragged"]
 });
-const TooltipText = aggregatedClasses('span')(blockName, 'text', false, {
-  propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
+const TooltipText = aggregatedClasses("span")(blockName, "text", false, {
+  propsToRemoveFromFinalElement: ["isHovered", "isDragged"]
 });
-
-const DSTooltip = _ref => {
-  let {
-    containerProps = {},
-    innerRef,
-    placement = PopperPositions.TOP,
-    title = '',
-    delayClose = DEFAULT_DELAY_CLOSE,
-    delayOpen = DEFAULT_DELAY_OPEN,
-    interactionType = PopperInteractions.HOVER,
-    triggerComponent = null,
-    className = '',
-    isOpen = undefined,
-    onOpen = () => null,
-    springAnimationComponent = undefined,
-    tooltipType = TooltipType.TOOLTIP,
-    showArrow = true,
-    zIndex
-  } = _ref,
-      otherTooltipProps = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    cssClassName: tooltipBlockName
-  } = convertPropToCssClassName(blockName);
+const DSTooltip = ({
+  containerProps = {},
+  innerRef,
+  placement = PopperPositions.TOP,
+  title = "",
+  delayClose = DEFAULT_DELAY_CLOSE,
+  delayOpen = DEFAULT_DELAY_OPEN,
+  interactionType = PopperInteractions.HOVER,
+  triggerComponent = null,
+  className = "",
+  isOpen = void 0,
+  onOpen = () => null,
+  springAnimationComponent = void 0,
+  tooltipType = TooltipType.TOOLTIP,
+  showArrow = true,
+  zIndex,
+  ...otherTooltipProps
+}) => {
+  const { cssClassName: tooltipBlockName } = convertPropToCssClassName(blockName);
   let Content = title;
-
-  if (typeof title === 'string') {
-    Content = /*#__PURE__*/_jsx(TooltipText, {}, void 0, title);
+  if (typeof title === "string") {
+    Content = /* @__PURE__ */ React2.createElement(TooltipText, null, title);
   }
-
-  return /*#__PURE__*/_jsx(DSPopper, {
+  return /* @__PURE__ */ React2.createElement(DSPopper, {
     blockName: tooltipBlockName,
-    contentComponent: /*#__PURE__*/jsx(TooltipContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTooltipProps), {}, {
-      className: "tooltip-container--".concat(tooltipType, " ").concat(className),
-      innerRef: innerRef,
-      children: Content
-    })),
-    delayClose: delayClose,
-    delayOpen: delayOpen,
-    interactionType: interactionType,
-    isOpen: isOpen,
-    onOpen: onOpen,
-    placement: placement,
+    contentComponent: /* @__PURE__ */ React2.createElement(TooltipContainer, {
+      ...containerProps,
+      ...otherTooltipProps,
+      className: `tooltip-container--${tooltipType} ${className}`,
+      innerRef
+    }, Content),
+    delayClose,
+    delayOpen,
+    interactionType,
+    isOpen,
+    onOpen,
+    placement,
     showArrow: tooltipType === TooltipType.TOOLTIP ? showArrow : false,
-    springAnimationComponent: springAnimationComponent,
+    springAnimationComponent,
     triggerComponent: getComponentFromProps(triggerComponent),
-    zIndex: zIndex
+    zIndex
   });
 };
-
 const tooltipProps = {
-  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
-  placement: PropTypes.oneOf(positions).description('Tooltip position').defaultValue(PopperPositions.TOP),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,
-  delayClose: PropTypes.string.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),
-  delayOpen: PropTypes.string.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),
-  interactionType: PropTypes.oneOf(interactions).description('A type indicating how to open/close the tooltip').defaultValue(PopperInteractions.HOVER),
-  triggerComponent: PropTypes.element.description("The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired,
-  isOpen: PropTypes.bool.description('Whether the tooltip is visible or not').defaultValue(undefined),
-  onOpen: PropTypes.func.description('Handler when the tooltip opens'),
-  springAnimationComponent: PropTypes.element.description('Spring animation component'),
-  showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),
-  className: PropTypes.string.description('css class'),
-  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),
-  zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element')
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  placement: PropTypes.oneOf(positions).description("Tooltip position").defaultValue(PopperPositions.TOP),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Tooltip content").isRequired,
+  delayClose: PropTypes.string.description("Delay to close the tooltip").defaultValue(DEFAULT_DELAY_CLOSE),
+  delayOpen: PropTypes.string.description("Delay to open the tooltip ").defaultValue(DEFAULT_DELAY_OPEN),
+  interactionType: PropTypes.oneOf(interactions).description("A type indicating how to open/close the tooltip").defaultValue(PopperInteractions.HOVER),
+  triggerComponent: PropTypes.element.description(`The component that will open/close the tooltip. 
+    Cannot be used with disabled elements. 
+    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired,
+  isOpen: PropTypes.bool.description("Whether the tooltip is visible or not").defaultValue(void 0),
+  onOpen: PropTypes.func.description("Handler when the tooltip opens"),
+  springAnimationComponent: PropTypes.element.description("Spring animation component"),
+  showArrow: PropTypes.bool.description("Whether to show an arrow or not").defaultValue(true),
+  className: PropTypes.string.description("css class"),
+  tooltipType: PropTypes.oneOf(["tooltip", "toolbar"]).description("Type of tooltip").defaultValue(TooltipType.TOOLTIP),
+  zIndex: PropTypes.number.description("z-index value assigned to the tooltip").defaultValue(void 0),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Ref to the tooltip container element")
 };
+DSTooltip.propTypes = tooltipProps;
 const TooltipWithSchema = describe(DSTooltip);
 TooltipWithSchema.propTypes = tooltipProps;
-
-export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema, DSTooltip as default };
+var DSTooltip_default = DSTooltip;
+export {
+  DSTooltip,
+  TooltipContainer,
+  TooltipText,
+  TooltipWithSchema,
+  DSTooltip_default as default
+};
+//# sourceMappingURL=DSTooltip.js.map

package/esm/v1/DSTooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/DSTooltip.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n  aggregatedClasses,\n  convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport {\n  DEFAULT_DELAY_OPEN,\n  DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport { DSPopper,\n  PopperPositions,\n  PopperInteractions,\n  interactions,\n  positions\n} from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n  containerProps = {},\n  innerRef,\n  placement = PopperPositions.TOP,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  interactionType = PopperInteractions.HOVER,\n  triggerComponent = null,\n  className = '',\n  isOpen = undefined,\n  onOpen = () => null,\n  springAnimationComponent = undefined,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  zIndex,\n  ...otherTooltipProps\n}) => {\n  const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n    blockName,\n  );\n\n  let Content = title;\n  if (typeof title === 'string') {\n    Content = <TooltipText>{title}</TooltipText>;\n  }\n  return (\n    <DSPopper\n      blockName={tooltipBlockName}\n      contentComponent={\n        <TooltipContainer\n          {...containerProps}\n          {...otherTooltipProps}\n          className={`tooltip-container--${tooltipType} ${className}`}\n          innerRef={innerRef}\n        >\n          {Content}\n        </TooltipContainer>\n      }\n      delayClose={delayClose}\n      delayOpen={delayOpen}\n      interactionType={interactionType}\n      isOpen={isOpen}\n      onOpen={onOpen}\n      placement={placement}\n      showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n      springAnimationComponent={springAnimationComponent}\n      triggerComponent={getComponentFromProps(triggerComponent)}\n      zIndex={zIndex}\n    />\n  );\n};\n\nconst tooltipProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  placement: PropTypes.oneOf(positions)\n    .description('Tooltip position')\n    .defaultValue(PopperPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Tooltip content',\n  ).isRequired,\n  delayClose: PropTypes.string\n    .description('Delay to close the tooltip')\n    .defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.string\n    .description('Delay to open the tooltip ')\n    .defaultValue(DEFAULT_DELAY_OPEN),\n  interactionType: PropTypes.oneOf(interactions)\n    .description('A type indicating how to open/close the tooltip')\n    .defaultValue(PopperInteractions.HOVER),\n  triggerComponent: PropTypes.element.description(\n    `The component that will open/close the tooltip. \n    Cannot be used with disabled elements. \n    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`,\n  ).isRequired,\n  isOpen: PropTypes.bool\n    .description('Whether the tooltip is visible or not')\n    .defaultValue(undefined),\n  onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n  springAnimationComponent: PropTypes.element.description(\n    'Spring animation component',\n  ),\n  showArrow: PropTypes.bool\n    .description('Whether to show an arrow or not')\n    .defaultValue(true),\n  className: PropTypes.string.description('css class'),\n  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n    .description('Type of tooltip')\n    .defaultValue(TooltipType.TOOLTIP),\n  zIndex: PropTypes.number\n    .description('z-index value assigned to the tooltip')\n    .defaultValue(undefined),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'Ref to the tooltip container element',\n  ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA,MAAM,YAAY;AAElB,MAAM,mBAAmB,kBAAkB,OAAO,WAAW,OAAO,OAAO;AAAA,EACzE,+BAA+B,CAAC,aAAa;AAAA;AAE/C,MAAM,cAAc,kBAAkB,QAAQ,WAAW,QAAQ,OAAO;AAAA,EACtE,+BAA+B,CAAC,aAAa;AAAA;AAG/C,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY,gBAAgB;AAAA,EAC5B,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,kBAAkB,mBAAmB;AAAA,EACrC,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc,YAAY;AAAA,EAC1B,YAAY;AAAA,EACZ;AAAA,KACG;AAAA,MACC;AACJ,QAAM,EAAE,cAAc,qBAAqB,0BACzC;AAGF,MAAI,UAAU;AACd,MAAI,OAAO,UAAU,UAAU;AAC7B,cAAU,qCAAC,aAAD,MAAc;AAAA;AAE1B,SACE,qCAAC,UAAD;AAAA,IACE,WAAW;AAAA,IACX,kBACE,qCAAC,kBAAD;AAAA,SACM;AAAA,SACA;AAAA,MACJ,WAAW,sBAAsB,eAAe;AAAA,MAChD;AAAA,OAEC;AAAA,IAGL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB,YAAY,UAAU,YAAY;AAAA,IAC7D;AAAA,IACA,kBAAkB,sBAAsB;AAAA,IACxC;AAAA;AAAA;AAKN,MAAM,eAAe;AAAA,EACnB,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAEF,WAAW,UAAU,MAAM,WACxB,YAAY,oBACZ,aAAa,gBAAgB;AAAA,EAChC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,YAChE,mBACA;AAAA,EACF,YAAY,UAAU,OACnB,YAAY,8BACZ,aAAa;AAAA,EAChB,WAAW,UAAU,OAClB,YAAY,8BACZ,aAAa;AAAA,EAChB,iBAAiB,UAAU,MAAM,cAC9B,YAAY,mDACZ,aAAa,mBAAmB;AAAA,EACnC,kBAAkB,UAAU,QAAQ,YAClC;AAAA;AAAA,4EAGA;AAAA,EACF,QAAQ,UAAU,KACf,YAAY,yCACZ,aAAa;AAAA,EAChB,QAAQ,UAAU,KAAK,YAAY;AAAA,EACnC,0BAA0B,UAAU,QAAQ,YAC1C;AAAA,EAEF,WAAW,UAAU,KAClB,YAAY,mCACZ,aAAa;AAAA,EAChB,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,aAAa,UAAU,MAAM,CAAC,WAAW,YACtC,YAAY,mBACZ,aAAa,YAAY;AAAA,EAC5B,QAAQ,UAAU,OACf,YAAY,yCACZ,aAAa;AAAA,EAChB,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS,YAChE;AAAA;AAIJ,UAAU,YAAY;AAEtB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;AAG9B,IAAO,oBAAQ;",
+  "names": []
+}

package/esm/v1/TooltipType.js

@@ -1,6 +1,9 @@
+import * as React from "react";
 const TooltipType = {
-  TOOLTIP: 'tooltip',
-  TOOLBAR: 'toolbar'
+  TOOLTIP: "tooltip",
+  TOOLBAR: "toolbar"
 };
-
-export { TooltipType };
+export {
+  TooltipType
+};
+//# sourceMappingURL=TooltipType.js.map

package/esm/v1/TooltipType.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v1/TooltipType.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const TooltipType = {\n  TOOLTIP: 'tooltip',\n  TOOLBAR: 'toolbar',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,SAAS;AAAA;",
+  "names": []
+}

package/esm/v2/DSTooltip.js

@@ -1,46 +1,37 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef, useCallback, useEffect } from 'react';
-import { describe } from 'react-desc';
-import DSPortal from '@elliemae/ds-portal';
-import { DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN } from '@elliemae/ds-shared/constants';
-import { usePopper } from 'react-popper';
-import { tooltipPositions } from './utils/tooltipPositions.js';
-import { TooltipType } from './TooltipType.js';
-import { StyledTriggerComponentContainer, StyledTooltipContainer, StyledAnimatedTooltip, StyledTooltipText } from './styles.js';
-import { DSTooltipArrow } from './DSTooltipArrow.js';
-import { tooltipV2Props } from './propTypes.js';
-import { setMultipleRefs } from './utils/setMultipleRefs.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSTooltipV2 = _ref => {
-  let {
-    containerProps = {},
-    innerRef,
-    placement = tooltipPositions.BOTTOM,
-    title = '',
-    delayClose = DEFAULT_DELAY_CLOSE,
-    delayOpen = DEFAULT_DELAY_OPEN,
-    triggerComponent = null,
-    className = '',
-    getIsOpen = () => null,
-    onOpen = () => null,
-    tooltipType = TooltipType.TOOLTIP,
-    showArrow = true,
-    offset = [0, 14],
-    zIndex = 10,
-    extraModifiers = {}
-  } = _ref;
+import * as React from "react";
+import React2, { useState, useCallback, useEffect, useRef } from "react";
+import { describe } from "react-desc";
+import { DSPortal } from "@elliemae/ds-portal";
+import { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from "@elliemae/ds-shared/constants";
+import { usePopper } from "react-popper";
+import { tooltipPositions } from "./utils/tooltipPositions";
+import { TooltipType } from "./TooltipType";
+import {
+  StyledTooltipContainer,
+  StyledTriggerComponentContainer,
+  StyledTooltipText,
+  StyledAnimatedTooltip
+} from "./styles";
+import { DSTooltipArrow } from "./DSTooltipArrow";
+import { tooltipV2Props } from "./propTypes";
+import { setMultipleRefs } from "./utils/setMultipleRefs";
+const DSTooltipV2 = ({
+  containerProps = {},
+  innerRef,
+  placement = tooltipPositions.BOTTOM,
+  title = "",
+  delayClose = DEFAULT_DELAY_CLOSE,
+  delayOpen = DEFAULT_DELAY_OPEN,
+  triggerComponent = null,
+  className = "",
+  getIsOpen = () => null,
+  onOpen = () => null,
+  tooltipType = TooltipType.TOOLTIP,
+  showArrow = true,
+  offset = [0, 14],
+  zIndex = 10,
+  extraModifiers = {}
+}) => {
   const [showTooltip, setShowTooltip] = useState(false);
   const [isAnimating, setIsAnimating] = useState(false);
   const [referenceElement, setReferenceElement] = useState(triggerComponent);
@@ -48,26 +39,20 @@ const DSTooltipV2 = _ref => {
   const [arrowElement, setArrowElement] = useState(null);
   const timerOpen = useRef(null);
   const timerClosed = useRef(null);
-  const {
-    styles,
-    attributes
-  } = usePopper(referenceElement, popperElement, {
+  const { styles, attributes } = usePopper(referenceElement, popperElement, {
     placement,
-    modifiers: [{
-      name: 'hide',
-      enabled: true
-    }, {
-      name: 'offset',
-      enabled: true,
-      options: {
-        offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset
-      }
-    }, {
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }, _objectSpread({}, extraModifiers)]
+    modifiers: [
+      { name: "hide", enabled: true },
+      {
+        name: "offset",
+        enabled: true,
+        options: {
+          offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset
+        }
+      },
+      { name: "arrow", options: { element: arrowElement } },
+      { ...extraModifiers }
+    ]
   });
   const handleShowTooltipOn = useCallback(() => {
     timerOpen.current = setTimeout(() => {
@@ -84,8 +69,8 @@ const DSTooltipV2 = _ref => {
       getIsOpen(false);
     }, delayClose);
   }, [delayClose, getIsOpen]);
-  const handleKeyDown = useCallback(e => {
-    if (e.key === 'Escape') {
+  const handleKeyDown = useCallback((e) => {
+    if (e.key === "Escape") {
       e.target.blur();
     }
   }, []);
@@ -98,39 +83,37 @@ const DSTooltipV2 = _ref => {
     clearTimeout(timerClosed.current);
     clearTimeout(timerOpen.current);
   }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(StyledTriggerComponentContainer, {
-      ref: setReferenceElement,
-      onMouseEnter: handleShowTooltipOn,
-      onMouseLeave: handleShowTooltipOff,
-      onFocus: handleShowTooltipOn,
-      onBlur: handleShowTooltipOff,
-      onKeyDown: handleKeyDown,
-      children: triggerComponent
-    }), isAnimating || showTooltip ? /*#__PURE__*/_jsx(DSPortal, {}, void 0, /*#__PURE__*/jsx(StyledTooltipContainer, _objectSpread(_objectSpread(_objectSpread({
-      className: className,
-      showTooltip: showTooltip,
-      tooltipType: tooltipType,
-      "data-testid": "ds-tooltip-container",
-      ref: ref => setMultipleRefs(setPopperElement, innerRef)(ref),
-      style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-        zIndex
-      })
-    }, containerProps), attributes.popper), {}, {
-      children: /*#__PURE__*/_jsx(StyledAnimatedTooltip, {
-        showTooltip: showTooltip,
-        "data-testid": "ds-tooltip",
-        onAnimationEnd: checkAnimationStatus
-      }, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {}, void 0, title), tooltipType === TooltipType.TOOLTIP && showArrow ? /*#__PURE__*/_jsx(DSTooltipArrow, {
-        arrowElementRef: setArrowElement,
-        style: styles.arrow,
-        placement: attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'
-      }) : null)
-    }))) : null]
-  });
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledTriggerComponentContainer, {
+    ref: setReferenceElement,
+    onMouseEnter: handleShowTooltipOn,
+    onMouseLeave: handleShowTooltipOff,
+    onFocus: handleShowTooltipOn,
+    onBlur: handleShowTooltipOff,
+    onKeyDown: handleKeyDown
+  }, triggerComponent), isAnimating || showTooltip ? /* @__PURE__ */ React2.createElement(DSPortal, null, /* @__PURE__ */ React2.createElement(StyledTooltipContainer, {
+    className,
+    showTooltip,
+    tooltipType,
+    "data-testid": "ds-tooltip-container",
+    ref: (ref) => setMultipleRefs(setPopperElement, innerRef)(ref),
+    style: { ...styles.popper, zIndex },
+    ...containerProps,
+    ...attributes.popper
+  }, /* @__PURE__ */ React2.createElement(StyledAnimatedTooltip, {
+    showTooltip,
+    "data-testid": "ds-tooltip",
+    onAnimationEnd: checkAnimationStatus
+  }, /* @__PURE__ */ React2.createElement(StyledTooltipText, null, title), tooltipType === TooltipType.TOOLTIP && showArrow ? /* @__PURE__ */ React2.createElement(DSTooltipArrow, {
+    arrowElementRef: setArrowElement,
+    style: styles.arrow,
+    placement: attributes.popper ? attributes.popper["data-popper-placement"] : "bottom"
+  }) : null))) : null);
 };
-
+DSTooltipV2.propTypes = tooltipV2Props;
 const TooltipV2WithSchema = describe(DSTooltipV2);
 TooltipV2WithSchema.propTypes = tooltipV2Props;
-
-export { DSTooltipV2, TooltipV2WithSchema };
+export {
+  DSTooltipV2,
+  TooltipV2WithSchema
+};
+//# sourceMappingURL=DSTooltip.js.map

package/esm/v2/DSTooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSTooltip.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect, useRef } from 'react';\nimport { describe } from 'react-desc';\nimport { DSPortal } from '@elliemae/ds-portal';\nimport { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from '@elliemae/ds-shared/constants';\nimport { usePopper } from 'react-popper';\nimport { tooltipPositions } from './utils/tooltipPositions';\nimport { TooltipType } from './TooltipType';\nimport {\n  StyledTooltipContainer,\n  StyledTriggerComponentContainer,\n  StyledTooltipText,\n  StyledAnimatedTooltip,\n} from './styles';\nimport { DSTooltipArrow } from './DSTooltipArrow';\nimport { DSTooltipT } from '.';\nimport { tooltipV2Props } from './propTypes';\nimport { setMultipleRefs } from './utils/setMultipleRefs';\n\nconst DSTooltipV2 = ({\n  containerProps = {},\n  innerRef,\n  placement = tooltipPositions.BOTTOM,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  triggerComponent = null,\n  className = '',\n  getIsOpen = () => null,\n  onOpen = () => null,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  offset = [0, 14],\n  zIndex = 10,\n  extraModifiers = {},\n}: DSTooltipT): React.ReactElement => {\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(triggerComponent);\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(null);\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n  const timerOpen = useRef(null);\n  const timerClosed = useRef(null);\n\n  const { styles, attributes } = usePopper(referenceElement, popperElement, {\n    placement,\n    modifiers: [\n      { name: 'hide', enabled: true },\n      {\n        name: 'offset',\n        enabled: true,\n        options: {\n          offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset,\n        },\n      },\n      { name: 'arrow', options: { element: arrowElement } },\n      { ...extraModifiers },\n    ],\n  });\n\n  const handleShowTooltipOn = useCallback(() => {\n    timerOpen.current = setTimeout(() => {\n      setShowTooltip(true);\n      setIsAnimating(true);\n      getIsOpen(true);\n      onOpen();\n    }, delayOpen);\n  }, [delayOpen, getIsOpen, onOpen]);\n\n  const handleShowTooltipOff = useCallback(() => {\n    timerClosed.current = setTimeout(() => {\n      setShowTooltip(false);\n      setIsAnimating(true);\n      getIsOpen(false);\n    }, delayClose);\n  }, [delayClose, getIsOpen]);\n\n  const handleKeyDown = useCallback((e) => {\n    if (e.key === 'Escape') {\n      e.target.blur();\n    }\n  }, []);\n\n  const checkAnimationStatus = useCallback(() => {\n    if (!showTooltip) {\n      setIsAnimating(false);\n    }\n  }, [showTooltip]);\n\n  useEffect(\n    () => () => {\n      clearTimeout(timerClosed.current);\n      clearTimeout(timerOpen.current);\n    },\n    [],\n  );\n\n  return (\n    <>\n      <StyledTriggerComponentContainer\n        ref={setReferenceElement}\n        onMouseEnter={handleShowTooltipOn}\n        onMouseLeave={handleShowTooltipOff}\n        onFocus={handleShowTooltipOn}\n        onBlur={handleShowTooltipOff}\n        onKeyDown={handleKeyDown}\n      >\n        {triggerComponent}\n      </StyledTriggerComponentContainer>\n      {isAnimating || showTooltip ? (\n        <DSPortal>\n          <StyledTooltipContainer\n            className={className}\n            showTooltip={showTooltip}\n            tooltipType={tooltipType}\n            data-testid=\"ds-tooltip-container\"\n            ref={(ref) => setMultipleRefs(setPopperElement, innerRef)(ref)}\n            style={{ ...styles.popper, zIndex }}\n            {...containerProps}\n            {...attributes.popper}\n          >\n            <StyledAnimatedTooltip\n              showTooltip={showTooltip}\n              data-testid=\"ds-tooltip\"\n              onAnimationEnd={checkAnimationStatus}\n            >\n              <StyledTooltipText>{title}</StyledTooltipText>\n              {tooltipType === TooltipType.TOOLTIP && showArrow ? (\n                <DSTooltipArrow\n                  arrowElementRef={setArrowElement}\n                  style={styles.arrow}\n                  placement={attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'}\n                />\n              ) : null}\n            </StyledAnimatedTooltip>\n          </StyledTooltipContainer>\n        </DSPortal>\n      ) : null}\n    </>\n  );\n};\n\nDSTooltipV2.propTypes = tooltipV2Props;\n\nconst TooltipV2WithSchema = describe(DSTooltipV2);\nTooltipV2WithSchema.propTypes = tooltipV2Props;\n\nexport { DSTooltipV2, TooltipV2WithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAEA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY,iBAAiB;AAAA,EAC7B,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ,YAAY,MAAM;AAAA,EAClB,SAAS,MAAM;AAAA,EACf,cAAc,YAAY;AAAA,EAC1B,YAAY;AAAA,EACZ,SAAS,CAAC,GAAG;AAAA,EACb,SAAS;AAAA,EACT,iBAAiB;AAAA,MACmB;AACpC,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,kBAAkB,uBAAuB,SAA6B;AAC7E,QAAM,CAAC,eAAe,oBAAoB,SAAgC;AAC1E,QAAM,CAAC,cAAc,mBAAmB,SAAgC;AACxE,QAAM,YAAY,OAAO;AACzB,QAAM,cAAc,OAAO;AAE3B,QAAM,EAAE,QAAQ,eAAe,UAAU,kBAAkB,eAAe;AAAA,IACxE;AAAA,IACA,WAAW;AAAA,MACT,EAAE,MAAM,QAAQ,SAAS;AAAA,MACzB;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,UACP,QAAQ,gBAAgB,YAAY,UAAU,CAAC,GAAG,KAAK;AAAA;AAAA;AAAA,MAG3D,EAAE,MAAM,SAAS,SAAS,EAAE,SAAS;AAAA,MACrC,KAAK;AAAA;AAAA;AAIT,QAAM,sBAAsB,YAAY,MAAM;AAC5C,cAAU,UAAU,WAAW,MAAM;AACnC,qBAAe;AACf,qBAAe;AACf,gBAAU;AACV;AAAA,OACC;AAAA,KACF,CAAC,WAAW,WAAW;AAE1B,QAAM,uBAAuB,YAAY,MAAM;AAC7C,gBAAY,UAAU,WAAW,MAAM;AACrC,qBAAe;AACf,qBAAe;AACf,gBAAU;AAAA,OACT;AAAA,KACF,CAAC,YAAY;AAEhB,QAAM,gBAAgB,YAAY,CAAC,MAAM;AACvC,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,OAAO;AAAA;AAAA,KAEV;AAEH,QAAM,uBAAuB,YAAY,MAAM;AAC7C,QAAI,CAAC,aAAa;AAChB,qBAAe;AAAA;AAAA,KAEhB,CAAC;AAEJ,YACE,MAAM,MAAM;AACV,iBAAa,YAAY;AACzB,iBAAa,UAAU;AAAA,KAEzB;AAGF,SACE,4DACE,qCAAC,iCAAD;AAAA,IACE,KAAK;AAAA,IACL,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,WAAW;AAAA,KAEV,mBAEF,eAAe,cACd,qCAAC,UAAD,MACE,qCAAC,wBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA,IACZ,KAAK,CAAC,QAAQ,gBAAgB,kBAAkB,UAAU;AAAA,IAC1D,OAAO,KAAK,OAAO,QAAQ;AAAA,OACvB;AAAA,OACA,WAAW;AAAA,KAEf,qCAAC,uBAAD;AAAA,IACE;AAAA,IACA,eAAY;AAAA,IACZ,gBAAgB;AAAA,KAEhB,qCAAC,mBAAD,MAAoB,QACnB,gBAAgB,YAAY,WAAW,YACtC,qCAAC,gBAAD;AAAA,IACE,iBAAiB;AAAA,IACjB,OAAO,OAAO;AAAA,IACd,WAAW,WAAW,SAAS,WAAW,OAAO,2BAA2B;AAAA,OAE5E,UAIR;AAAA;AAKV,YAAY,YAAY;AAExB,MAAM,sBAAsB,SAAS;AACrC,oBAAoB,YAAY;",
+  "names": []
+}

package/esm/v2/DSTooltipArrow.js

@@ -1,31 +1,22 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { StyledTooltipArrow } from './styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _svg;
-
-const DSTooltipArrow = _ref => {
-  let {
-    placement,
-    style,
-    arrowElementRef
-  } = _ref;
-  return /*#__PURE__*/jsx(StyledTooltipArrow, {
-    "data-placement": placement,
-    style: style,
-    ref: arrowElementRef,
-    "data-testid": "ds-tooltip-arrow",
-    children: _svg || (_svg = /*#__PURE__*/_jsx("svg", {
-      viewBox: "0 0 30 30"
-    }, void 0, /*#__PURE__*/_jsx("path", {
-      className: "stroke",
-      d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z"
-    }), /*#__PURE__*/_jsx("path", {
-      className: "fill",
-      d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
-    })))
-  }, "popper-arrow");
+import * as React from "react";
+import React2 from "react";
+import { StyledTooltipArrow } from "./styles";
+const DSTooltipArrow = ({ placement, style, arrowElementRef }) => /* @__PURE__ */ React2.createElement(StyledTooltipArrow, {
+  key: "popper-arrow",
+  "data-placement": placement,
+  style,
+  ref: arrowElementRef,
+  "data-testid": "ds-tooltip-arrow"
+}, /* @__PURE__ */ React2.createElement("svg", {
+  viewBox: "0 0 30 30"
+}, /* @__PURE__ */ React2.createElement("path", {
+  className: "stroke",
+  d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
+}), /* @__PURE__ */ React2.createElement("path", {
+  className: "fill",
+  d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
+})));
+export {
+  DSTooltipArrow
 };
-
-export { DSTooltipArrow };
+//# sourceMappingURL=DSTooltipArrow.js.map

package/esm/v2/DSTooltipArrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSTooltipArrow.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTooltipArrowT } from './index.d';\nimport { StyledTooltipArrow } from './styles';\n\nconst DSTooltipArrow = ({ placement, style, arrowElementRef }: DSTooltipArrowT): React.ReactElement => (\n  <StyledTooltipArrow\n    key=\"popper-arrow\"\n    data-placement={placement}\n    style={style}\n    ref={arrowElementRef}\n    data-testid=\"ds-tooltip-arrow\"\n  >\n    <svg viewBox=\"0 0 30 30\">\n      <path\n        className=\"stroke\"\n        d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z\"\n      />\n      <path\n        className=\"fill\"\n        d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n      />\n    </svg>\n  </StyledTooltipArrow>\n);\n\nexport { DSTooltipArrow };\n"],
+  "mappings": "AAAA;ACAA;AAEA;AAEA,MAAM,iBAAiB,CAAC,EAAE,WAAW,OAAO,sBAC1C,qCAAC,oBAAD;AAAA,EACE,KAAI;AAAA,EACJ,kBAAgB;AAAA,EAChB;AAAA,EACA,KAAK;AAAA,EACL,eAAY;AAAA,GAEZ,qCAAC,OAAD;AAAA,EAAK,SAAQ;AAAA,GACX,qCAAC,QAAD;AAAA,EACE,WAAU;AAAA,EACV,GAAE;AAAA,IAGJ,qCAAC,QAAD;AAAA,EACE,WAAU;AAAA,EACV,GAAE;AAAA;",
+  "names": []
+}

package/esm/v2/TooltipType.js

@@ -1,6 +1,9 @@
+import * as React from "react";
 const TooltipType = {
-  TOOLTIP: 'tooltip',
-  TOOLBAR: 'toolbar'
+  TOOLTIP: "tooltip",
+  TOOLBAR: "toolbar"
 };
-
-export { TooltipType };
+export {
+  TooltipType
+};
+//# sourceMappingURL=TooltipType.js.map

package/esm/v2/TooltipType.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/TooltipType.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const TooltipType = {\n  TOOLTIP: 'tooltip' as const,\n  TOOLBAR: 'toolbar' as const,\n};\n\nexport { TooltipType };\n"],
+  "mappings": "AAAA;ACAA,MAAM,cAAc;AAAA,EAClB,SAAS;AAAA,EACT,SAAS;AAAA;",
+  "names": []
+}

package/esm/v2/index.d.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/esm/v2/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/esm/v2/propTypes.js

@@ -1,23 +1,27 @@
-import { PropTypes } from 'react-desc';
-import { DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN } from '@elliemae/ds-shared/constants';
-import { TooltipType } from './TooltipType.js';
-import { tooltipPositions } from './utils/tooltipPositions.js';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { DEFAULT_DELAY_OPEN, DEFAULT_DELAY_CLOSE } from "@elliemae/ds-shared/constants";
+import { TooltipType } from "./TooltipType";
+import { tooltipPositions } from "./utils/tooltipPositions";
 const tooltipV2Props = {
-  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
-  placement: PropTypes.oneOf(Object.values(tooltipPositions)).description('Tooltip position').defaultValue(tooltipPositions.TOP),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('Tooltip content').isRequired,
-  delayClose: PropTypes.number.description('Delay to close the tooltip').defaultValue(DEFAULT_DELAY_CLOSE),
-  delayOpen: PropTypes.number.description('Delay to open the tooltip ').defaultValue(DEFAULT_DELAY_OPEN),
-  triggerComponent: PropTypes.element.description("The component that will open/close the tooltip. \n      Cannot be used with disabled elements. \n      https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled").isRequired,
-  getIsOpen: PropTypes.func.description('Whether the tooltip is visible or not'),
-  onOpen: PropTypes.func.description('Callback when the tooltip opens'),
-  showArrow: PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),
-  className: PropTypes.string.description('css class'),
-  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TOOLTIP),
-  zIndex: PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the tooltip container element'),
-  offset: PropTypes.arrayOf(PropTypes.number).description('Custom Offset for the tooltip [x, y]')
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  placement: PropTypes.oneOf(Object.values(tooltipPositions)).description("Tooltip position").defaultValue(tooltipPositions.TOP),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Tooltip content").isRequired,
+  delayClose: PropTypes.number.description("Delay to close the tooltip").defaultValue(DEFAULT_DELAY_CLOSE),
+  delayOpen: PropTypes.number.description("Delay to open the tooltip ").defaultValue(DEFAULT_DELAY_OPEN),
+  triggerComponent: PropTypes.element.description(`The component that will open/close the tooltip. 
+      Cannot be used with disabled elements. 
+      https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled`).isRequired,
+  getIsOpen: PropTypes.func.description("Whether the tooltip is visible or not"),
+  onOpen: PropTypes.func.description("Callback when the tooltip opens"),
+  showArrow: PropTypes.bool.description("Whether to show an arrow or not").defaultValue(true),
+  className: PropTypes.string.description("css class"),
+  tooltipType: PropTypes.oneOf(["tooltip", "toolbar"]).description("Type of tooltip").defaultValue(TooltipType.TOOLTIP),
+  zIndex: PropTypes.number.description("z-index value assigned to the tooltip").defaultValue(void 0),
+  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("Ref to the tooltip container element"),
+  offset: PropTypes.arrayOf(PropTypes.number).description("Custom Offset for the tooltip [x, y]")
 };
-
-export { tooltipV2Props };
+export {
+  tooltipV2Props
+};
+//# sourceMappingURL=propTypes.js.map