@elliemae/ds-tooltip 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/v1/DSTooltip.js

@@ -1,101 +1,100 @@
-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"]
+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']
 });
-const TooltipText = aggregatedClasses("span")(blockName, "text", false, {
-  propsToRemoveFromFinalElement: ["isHovered", "isDragged"]
+const TooltipText = aggregatedClasses('span')(blockName, 'text', false, {
+  propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
 });
-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);
+
+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);
   let Content = title;
-  if (typeof title === "string") {
-    Content = /* @__PURE__ */ React2.createElement(TooltipText, null, title);
+
+  if (typeof title === 'string') {
+    Content = /*#__PURE__*/_jsx(TooltipText, {}, void 0, title);
   }
-  return /* @__PURE__ */ React2.createElement(DSPopper, {
+
+  return /*#__PURE__*/_jsx(DSPopper, {
     blockName: tooltipBlockName,
-    contentComponent: /* @__PURE__ */ React2.createElement(TooltipContainer, {
-      ...containerProps,
-      ...otherTooltipProps,
-      className: `tooltip-container--${tooltipType} ${className}`,
-      innerRef
-    }, Content),
-    delayClose,
-    delayOpen,
-    interactionType,
-    isOpen,
-    onOpen,
-    placement,
+    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,
     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. 
-    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")
+  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')
 };
-DSTooltip.propTypes = tooltipProps;
 const TooltipWithSchema = describe(DSTooltip);
 TooltipWithSchema.propTypes = tooltipProps;
-var DSTooltip_default = DSTooltip;
-export {
-  DSTooltip,
-  TooltipContainer,
-  TooltipText,
-  TooltipWithSchema,
-  DSTooltip_default as default
-};
-//# sourceMappingURL=DSTooltip.js.map
+
+export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema, DSTooltip as default };

package/esm/v1/TooltipType.js

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

package/esm/v2/DSTooltip.js

@@ -1,37 +1,46 @@
-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 = {}
-}) => {
+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;
   const [showTooltip, setShowTooltip] = useState(false);
   const [isAnimating, setIsAnimating] = useState(false);
   const [referenceElement, setReferenceElement] = useState(triggerComponent);
@@ -39,20 +48,26 @@ const DSTooltipV2 = ({
   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 } },
-      { ...extraModifiers }
-    ]
+    modifiers: [{
+      name: 'hide',
+      enabled: true
+    }, {
+      name: 'offset',
+      enabled: true,
+      options: {
+        offset: tooltipType === TooltipType.TOOLBAR ? [0, 0] : offset
+      }
+    }, {
+      name: 'arrow',
+      options: {
+        element: arrowElement
+      }
+    }, _objectSpread({}, extraModifiers)]
   });
   const handleShowTooltipOn = useCallback(() => {
     timerOpen.current = setTimeout(() => {
@@ -69,8 +84,8 @@ const DSTooltipV2 = ({
       getIsOpen(false);
     }, delayClose);
   }, [delayClose, getIsOpen]);
-  const handleKeyDown = useCallback((e) => {
-    if (e.key === "Escape") {
+  const handleKeyDown = useCallback(e => {
+    if (e.key === 'Escape') {
       e.target.blur();
     }
   }, []);
@@ -83,37 +98,39 @@ const DSTooltipV2 = ({
     clearTimeout(timerClosed.current);
     clearTimeout(timerOpen.current);
   }, []);
-  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);
+  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]
+  });
 };
-DSTooltipV2.propTypes = tooltipV2Props;
+
 const TooltipV2WithSchema = describe(DSTooltipV2);
 TooltipV2WithSchema.propTypes = tooltipV2Props;
-export {
-  DSTooltipV2,
-  TooltipV2WithSchema
-};
-//# sourceMappingURL=DSTooltip.js.map
+
+export { DSTooltipV2, TooltipV2WithSchema };

package/esm/v2/DSTooltipArrow.js

@@ -1,22 +1,31 @@
-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
+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");
 };
-//# sourceMappingURL=DSTooltipArrow.js.map
+
+export { DSTooltipArrow };

package/esm/v2/TooltipType.js

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

package/esm/v2/index.d.js

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

package/esm/v2/propTypes.js

@@ -1,27 +1,23 @@
-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";
+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';
+
 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. 
-      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]")
+  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]')
 };
-export {
-  tooltipV2Props
-};
-//# sourceMappingURL=propTypes.js.map
+
+export { tooltipV2Props };