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

package/esm/v1/DSTooltip.js

@@ -1,70 +1,69 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 from 'react';
+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';
 
-var _excluded = ["containerProps", "innerRef", "placement", "title", "delayClose", "delayOpen", "interactionType", "triggerComponent", "className", "isOpen", "onOpen", "springAnimationComponent", "tooltipType", "showArrow", "zIndex"];
-var blockName = 'tooltip';
-var TooltipContainer = aggregatedClasses('div')(blockName, false, false, {
+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); 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 blockName = 'tooltip';
+const TooltipContainer = aggregatedClasses('div')(blockName, false, false, {
   propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
 });
-var TooltipText = aggregatedClasses('span')(blockName, 'text', false, {
+const TooltipText = aggregatedClasses('span')(blockName, 'text', false, {
   propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
 });
 
-var DSTooltip = function DSTooltip(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      innerRef = _ref.innerRef,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? PopperPositions.TOP : _ref$placement,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$delayClose = _ref.delayClose,
-      delayClose = _ref$delayClose === void 0 ? DEFAULT_DELAY_CLOSE : _ref$delayClose,
-      _ref$delayOpen = _ref.delayOpen,
-      delayOpen = _ref$delayOpen === void 0 ? DEFAULT_DELAY_OPEN : _ref$delayOpen,
-      _ref$interactionType = _ref.interactionType,
-      interactionType = _ref$interactionType === void 0 ? PopperInteractions.HOVER : _ref$interactionType,
-      _ref$triggerComponent = _ref.triggerComponent,
-      triggerComponent = _ref$triggerComponent === void 0 ? null : _ref$triggerComponent,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? undefined : _ref$isOpen,
-      _ref$onOpen = _ref.onOpen,
-      onOpen = _ref$onOpen === void 0 ? function () {
-    return null;
-  } : _ref$onOpen,
-      _ref$springAnimationC = _ref.springAnimationComponent,
-      springAnimationComponent = _ref$springAnimationC === void 0 ? undefined : _ref$springAnimationC,
-      _ref$tooltipType = _ref.tooltipType,
-      tooltipType = _ref$tooltipType === void 0 ? TooltipType.TOOLTIP : _ref$tooltipType,
-      _ref$showArrow = _ref.showArrow,
-      showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
-      zIndex = _ref.zIndex,
+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);
 
-  var _convertPropToCssClas = convertPropToCssClassName(blockName),
-      tooltipBlockName = _convertPropToCssClas.cssClassName;
-
-  var Content = title;
+  const {
+    cssClassName: tooltipBlockName
+  } = convertPropToCssClassName(blockName);
+  let Content = title;
 
   if (typeof title === 'string') {
-    Content = /*#__PURE__*/React.createElement(TooltipText, null, title);
+    Content = /*#__PURE__*/_jsx(TooltipText, {}, void 0, title);
   }
 
-  return /*#__PURE__*/React.createElement(DSPopper, {
+  return /*#__PURE__*/_jsx(DSPopper, {
     blockName: tooltipBlockName,
-    contentComponent: /*#__PURE__*/React.createElement(TooltipContainer, _extends({}, containerProps, otherTooltipProps, {
+    contentComponent: /*#__PURE__*/jsx(TooltipContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTooltipProps), {}, {
       className: "tooltip-container--".concat(tooltipType, " ").concat(className),
-      innerRef: innerRef
-    }), Content),
+      innerRef: innerRef,
+      children: Content
+    })),
     delayClose: delayClose,
     delayOpen: delayOpen,
     interactionType: interactionType,
@@ -78,7 +77,7 @@ var DSTooltip = function DSTooltip(_ref) {
   });
 };
 
-var tooltipProps = {
+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,
@@ -95,9 +94,7 @@ var tooltipProps = {
   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;
-var TooltipWithSchema = describe(DSTooltip);
+const TooltipWithSchema = describe(DSTooltip);
 TooltipWithSchema.propTypes = tooltipProps;
 
 export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema, DSTooltip as default };
-//# sourceMappingURL=DSTooltip.js.map

package/esm/v1/TooltipType.js

@@ -1,7 +1,6 @@
-var TooltipType = {
+const TooltipType = {
   TOOLTIP: 'tooltip',
   TOOLBAR: 'toolbar'
 };
 
 export { TooltipType };
-//# sourceMappingURL=TooltipType.js.map

package/esm/v2/DSTooltip.js

@@ -1,7 +1,12 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useRef, useCallback, useEffect } from 'react';
+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';
@@ -12,79 +17,42 @@ import { StyledTriggerComponentContainer, StyledTooltipContainer, StyledAnimated
 import { DSTooltipArrow } from './DSTooltipArrow.js';
 import { tooltipV2Props } from './propTypes.js';
 import { setMultipleRefs } from './utils/setMultipleRefs.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
+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); 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; }
 
-var DSTooltipV2 = function DSTooltipV2(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      innerRef = _ref.innerRef,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? tooltipPositions.BOTTOM : _ref$placement,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$delayClose = _ref.delayClose,
-      delayClose = _ref$delayClose === void 0 ? DEFAULT_DELAY_CLOSE : _ref$delayClose,
-      _ref$delayOpen = _ref.delayOpen,
-      delayOpen = _ref$delayOpen === void 0 ? DEFAULT_DELAY_OPEN : _ref$delayOpen,
-      _ref$triggerComponent = _ref.triggerComponent,
-      triggerComponent = _ref$triggerComponent === void 0 ? null : _ref$triggerComponent,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$getIsOpen = _ref.getIsOpen,
-      getIsOpen = _ref$getIsOpen === void 0 ? function () {
-    return null;
-  } : _ref$getIsOpen,
-      _ref$onOpen = _ref.onOpen,
-      onOpen = _ref$onOpen === void 0 ? function () {
-    return null;
-  } : _ref$onOpen,
-      _ref$tooltipType = _ref.tooltipType,
-      tooltipType = _ref$tooltipType === void 0 ? TooltipType.TOOLTIP : _ref$tooltipType,
-      _ref$showArrow = _ref.showArrow,
-      showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? [0, 14] : _ref$offset,
-      _ref$zIndex = _ref.zIndex,
-      zIndex = _ref$zIndex === void 0 ? 10 : _ref$zIndex,
-      _ref$extraModifiers = _ref.extraModifiers,
-      extraModifiers = _ref$extraModifiers === void 0 ? {} : _ref$extraModifiers;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showTooltip = _useState2[0],
-      setShowTooltip = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isAnimating = _useState4[0],
-      setIsAnimating = _useState4[1];
-
-  var _useState5 = useState(triggerComponent),
-      _useState6 = _slicedToArray(_useState5, 2),
-      referenceElement = _useState6[0],
-      setReferenceElement = _useState6[1];
-
-  var _useState7 = useState(null),
-      _useState8 = _slicedToArray(_useState7, 2),
-      popperElement = _useState8[0],
-      setPopperElement = _useState8[1];
-
-  var _useState9 = useState(null),
-      _useState10 = _slicedToArray(_useState9, 2),
-      arrowElement = _useState10[0],
-      setArrowElement = _useState10[1];
-
-  var timerOpen = useRef(null);
-  var timerClosed = useRef(null);
-
-  var _usePopper = usePopper(referenceElement, popperElement, {
-    placement: placement,
+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);
+  const [popperElement, setPopperElement] = useState(null);
+  const [arrowElement, setArrowElement] = useState(null);
+  const timerOpen = useRef(null);
+  const timerClosed = useRef(null);
+  const {
+    styles,
+    attributes
+  } = usePopper(referenceElement, popperElement, {
+    placement,
     modifiers: [{
       name: 'hide',
       enabled: true
@@ -100,73 +68,69 @@ var DSTooltipV2 = function DSTooltipV2(_ref) {
         element: arrowElement
       }
     }, _objectSpread({}, extraModifiers)]
-  }),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
-  var handleShowTooltipOn = useCallback(function () {
-    timerOpen.current = setTimeout(function () {
+  });
+  const handleShowTooltipOn = useCallback(() => {
+    timerOpen.current = setTimeout(() => {
       setShowTooltip(true);
       setIsAnimating(true);
       getIsOpen(true);
       onOpen();
     }, delayOpen);
   }, [delayOpen, getIsOpen, onOpen]);
-  var handleShowTooltipOff = useCallback(function () {
-    timerClosed.current = setTimeout(function () {
+  const handleShowTooltipOff = useCallback(() => {
+    timerClosed.current = setTimeout(() => {
       setShowTooltip(false);
       setIsAnimating(true);
       getIsOpen(false);
     }, delayClose);
   }, [delayClose, getIsOpen]);
-  var handleKeyDown = useCallback(function (e) {
+  const handleKeyDown = useCallback(e => {
     if (e.key === 'Escape') {
       e.target.blur();
     }
   }, []);
-  var checkAnimationStatus = useCallback(function () {
+  const checkAnimationStatus = useCallback(() => {
     if (!showTooltip) {
       setIsAnimating(false);
     }
   }, [showTooltip]);
-  useEffect(function () {
-    return function () {
-      clearTimeout(timerClosed.current);
-      clearTimeout(timerOpen.current);
-    };
+  useEffect(() => () => {
+    clearTimeout(timerClosed.current);
+    clearTimeout(timerOpen.current);
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledTriggerComponentContainer, {
-    ref: setReferenceElement,
-    onMouseEnter: handleShowTooltipOn,
-    onMouseLeave: handleShowTooltipOff,
-    onFocus: handleShowTooltipOn,
-    onBlur: handleShowTooltipOff,
-    onKeyDown: handleKeyDown
-  }, triggerComponent), isAnimating || showTooltip ? /*#__PURE__*/React.createElement(DSPortal, null, /*#__PURE__*/React.createElement(StyledTooltipContainer, _extends({
-    className: className,
-    showTooltip: showTooltip,
-    tooltipType: tooltipType,
-    "data-testid": "ds-tooltip-container",
-    ref: function ref(_ref2) {
-      return setMultipleRefs(setPopperElement, innerRef)(_ref2);
-    },
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      zIndex: zIndex
-    })
-  }, containerProps, attributes.popper), /*#__PURE__*/React.createElement(StyledAnimatedTooltip, {
-    showTooltip: showTooltip,
-    "data-testid": "ds-tooltip",
-    onAnimationEnd: checkAnimationStatus
-  }, /*#__PURE__*/React.createElement(StyledTooltipText, null, title), tooltipType === TooltipType.TOOLTIP && showArrow ? /*#__PURE__*/React.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;
-var TooltipV2WithSchema = describe(DSTooltipV2);
+const TooltipV2WithSchema = describe(DSTooltipV2);
 TooltipV2WithSchema.propTypes = tooltipV2Props;
 
 export { DSTooltipV2, TooltipV2WithSchema };
-//# sourceMappingURL=DSTooltip.js.map

package/esm/v2/DSTooltipArrow.js

@@ -1,29 +1,31 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { StyledTooltipArrow } from './styles.js';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import 'styled-components';
-import '@elliemae/ds-system';
+import { jsx } from 'react/jsx-runtime';
 
-var DSTooltipArrow = function DSTooltipArrow(_ref) {
-  var placement = _ref.placement,
-      style = _ref.style,
-      arrowElementRef = _ref.arrowElementRef;
-  return /*#__PURE__*/React.createElement(StyledTooltipArrow, {
-    key: "popper-arrow",
+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"
-  }, /*#__PURE__*/React.createElement("svg", {
-    viewBox: "0 0 30 30"
-  }, /*#__PURE__*/React.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 C26.7,29,24.6,28.1,23.7,27.1z"
-  }), /*#__PURE__*/React.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"
-  })));
+    "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");
 };
 
 export { DSTooltipArrow };
-//# sourceMappingURL=DSTooltipArrow.js.map

package/esm/v2/TooltipType.js

@@ -1,7 +1,6 @@
-var TooltipType = {
+const TooltipType = {
   TOOLTIP: 'tooltip',
   TOOLBAR: 'toolbar'
 };
 
 export { TooltipType };
-//# sourceMappingURL=TooltipType.js.map

package/esm/v2/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map

package/esm/v2/propTypes.js

@@ -3,7 +3,7 @@ import { DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN } from '@elliemae/ds-shared/con
 import { TooltipType } from './TooltipType.js';
 import { tooltipPositions } from './utils/tooltipPositions.js';
 
-var tooltipV2Props = {
+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,
@@ -21,4 +21,3 @@ var tooltipV2Props = {
 };
 
 export { tooltipV2Props };
-//# sourceMappingURL=propTypes.js.map

package/esm/v2/styles.js

@@ -3,38 +3,47 @@ import styled from 'styled-components';
 import { kfrm, css } from '@elliemae/ds-system';
 
 var _templateObject, _templateObject2, _templateObject3;
-var showAnimation = kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n\n    to {\n      opacity: 1;\n      transform: scale(1);\n      visibility: visible;\n    }\n"])));
-var hideAnimation = kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    100% {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n"])));
-var StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
+const showAnimation = kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n\n    to {\n      opacity: 1;\n      transform: scale(1);\n      visibility: visible;\n    }\n"])));
+const hideAnimation = kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    0% {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    100% {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n"])));
+const StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1dtjf9j-0"
 })(["&[data-popper-reference-hidden='true']{display:none;pointer-events:none;}"]);
-var StyledAnimatedTooltip = /*#__PURE__*/styled.div.withConfig({
+const StyledAnimatedTooltip = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1dtjf9j-1"
-})(["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));visibility:", ";", " transition:visibility 0.1s ease-in;"], function (_ref) {
-  var theme = _ref.theme;
+})(["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));visibility:", ";", " transition:visibility 0.1s ease-in;"], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.space.l;
-}, function (_ref2) {
-  var theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
-}, function (_ref3) {
-  var theme = _ref3.theme;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
   return theme.colors.neutral[600];
-}, function (_ref4) {
-  var showTooltip = _ref4.showTooltip;
+}, _ref4 => {
+  let {
+    showTooltip
+  } = _ref4;
   return showTooltip ? 'visible' : 'hidden';
-}, function (_ref5) {
-  var showTooltip = _ref5.showTooltip;
+}, _ref5 => {
+  let {
+    showTooltip
+  } = _ref5;
   return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      animation: ", " 0.1s ease-in;\n    "])), showTooltip ? showAnimation : hideAnimation);
 });
-var StyledTriggerComponentContainer = /*#__PURE__*/styled.div.withConfig({
+const StyledTriggerComponentContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1dtjf9j-2"
 })(["display:inline-block;"]);
-var StyledTooltipText = /*#__PURE__*/styled.div.withConfig({
+const StyledTooltipText = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1dtjf9j-3"
 })(["white-space:normal;word-wrap:break-word;display:inline-block;"]);
-var StyledTooltipArrow = /*#__PURE__*/styled.div.withConfig({
+const StyledTooltipArrow = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1dtjf9j-4"
 })(["position:absolute;width:18px;height:18px;pointer-events:none;background-color:transparent;& .stroke{fill:white;}& .fill{fill:white;}&[data-placement^='top']{svg{transform:rotateZ(180deg);}top:98%;}&[data-placement^='right']{svg{transform:rotateZ(-90deg);}right:99.5%;}&[data-placement^='bottom']{bottom:97%;}&[data-placement^='left']{svg{transform:rotateZ(90deg);}left:99.5%;}"]);
 
 export { StyledAnimatedTooltip, StyledTooltipArrow, StyledTooltipContainer, StyledTooltipText, StyledTriggerComponentContainer };
-//# sourceMappingURL=styles.js.map

package/esm/v2/utils/setMultipleRefs.js

@@ -1,13 +1,19 @@
-var setMultipleRefs = function setMultipleRefs() {
+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';
+
+const setMultipleRefs = function () {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
 
-  var filteredRefs = refs.filter(Boolean);
+  const filteredRefs = refs.filter(Boolean);
   if (!filteredRefs.length) return null;
   if (filteredRefs.length === 0) return filteredRefs[0];
-  return function (newRef) {
-    filteredRefs.forEach(function (refToBeUpdated) {
+  return newRef => {
+    filteredRefs.forEach(refToBeUpdated => {
       if (typeof refToBeUpdated === 'function') {
         refToBeUpdated(newRef);
       } else if (refToBeUpdated) {
@@ -18,4 +24,3 @@ var setMultipleRefs = function setMultipleRefs() {
 };
 
 export { setMultipleRefs };
-//# sourceMappingURL=setMultipleRefs.js.map

package/esm/v2/utils/tooltipPositions.js

@@ -1,4 +1,4 @@
-var tooltipPositions = {
+const tooltipPositions = {
   TOP: 'top',
   BOTTOM: 'bottom',
   RIGHT: 'right',
@@ -14,4 +14,3 @@ var tooltipPositions = {
 };
 
 export { tooltipPositions };
-//# sourceMappingURL=tooltipPositions.js.map

package/esm/v3/TooltipV3DatatestId.js

@@ -1,7 +1,6 @@
-var TooltipV3DatatestId = {
+const TooltipV3DatatestId = {
   TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',
   TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper'
 };
 
 export { TooltipV3DatatestId };
-//# sourceMappingURL=TooltipV3DatatestId.js.map

package/esm/v3/config/useWithDefaultProps.js

@@ -1,17 +1,14 @@
 import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop = function noop() {};
+const noop = () => {};
 
-var defaultProps = {
+const defaultProps = {
   onOpen: noop,
   onClose: noop,
   id: '',
   textAlign: 'left'
 };
-var useWithDefaultProps = function useWithDefaultProps(props) {
-  return useMemoMergePropsWithDefault(props, defaultProps);
-};
+const useWithDefaultProps = props => useMemoMergePropsWithDefault(props, defaultProps);
 
 export { useWithDefaultProps };
-//# sourceMappingURL=useWithDefaultProps.js.map

package/esm/v3/index.d.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.d.js.map