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

package/cjs/index.js

@@ -2,49 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var v1_DSTooltip = require('./v1/DSTooltip.js');
-var v2_DSTooltip = require('./v2/DSTooltip.js');
-var v2_utils_tooltipPositions = require('./v2/utils/tooltipPositions.js');
-var v2_TooltipType = require('./v2/TooltipType.js');
-var v3_index = require('./v3/index.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/constants');
-require('@elliemae/ds-popper');
-require('./v1/TooltipType.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-portal');
-require('react-popper');
-require('./v2/styles.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('./v2/DSTooltipArrow.js');
-require('./v2/propTypes.js');
-require('./v2/utils/setMultipleRefs.js');
-require('@elliemae/ds-popperjs');
-require('./v3/propsTypes.js');
-require('./v3/config/useWithDefaultProps.js');
-require('@elliemae/ds-props-helpers');
-require('./v3/TooltipV3DatatestId.js');
-require('./v3/styleds.js');
+var DSTooltip = require('./v1/DSTooltip.js');
+var DSTooltip$1 = require('./v2/DSTooltip.js');
+var tooltipPositions = require('./v2/utils/tooltipPositions.js');
+var TooltipType = require('./v2/TooltipType.js');
+var index = require('./v3/index.js');
 
 
 
-exports.DSTooltip = v1_DSTooltip.DSTooltip;
-exports.TooltipContainer = v1_DSTooltip.TooltipContainer;
-exports.TooltipText = v1_DSTooltip.TooltipText;
-exports.TooltipWithSchema = v1_DSTooltip.TooltipWithSchema;
-exports.default = v1_DSTooltip.DSTooltip;
-exports.DSTooltipV2 = v2_DSTooltip.DSTooltipV2;
-exports.TooltipV2WithSchema = v2_DSTooltip.TooltipV2WithSchema;
-exports.tooltipPositions = v2_utils_tooltipPositions.tooltipPositions;
-exports.TooltipType = v2_TooltipType.TooltipType;
-exports.DSTooltipV3 = v3_index.DSTooltipV3;
-exports.DSTooltipV3WithSchema = v3_index.DSTooltipV3WithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSTooltip = DSTooltip.DSTooltip;
+exports.TooltipContainer = DSTooltip.TooltipContainer;
+exports.TooltipText = DSTooltip.TooltipText;
+exports.TooltipWithSchema = DSTooltip.TooltipWithSchema;
+exports["default"] = DSTooltip.DSTooltip;
+exports.DSTooltipV2 = DSTooltip$1.DSTooltipV2;
+exports.TooltipV2WithSchema = DSTooltip$1.TooltipV2WithSchema;
+exports.tooltipPositions = tooltipPositions.tooltipPositions;
+exports.TooltipType = TooltipType.TooltipType;
+exports.DSTooltipV3 = index.DSTooltipV3;
+exports.DSTooltipV3WithSchema = index.DSTooltipV3WithSchema;

package/cjs/v1/DSTooltip.js

@@ -2,94 +2,93 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsUtilities = require('@elliemae/ds-utilities');
 var constants = require('@elliemae/ds-shared/constants');
 var DSPopper = require('@elliemae/ds-popper');
-var v1_TooltipType = require('./TooltipType.js');
+var TooltipType = require('./TooltipType.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 
-var _excluded = ["containerProps", "innerRef", "placement", "title", "delayClose", "delayOpen", "interactionType", "triggerComponent", "className", "isOpen", "onOpen", "springAnimationComponent", "tooltipType", "showArrow", "zIndex"];
-var blockName = 'tooltip';
-var TooltipContainer = dsClassnames.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__default["default"](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 = dsClassnames.aggregatedClasses('div')(blockName, false, false, {
   propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
 });
-var TooltipText = dsClassnames.aggregatedClasses('span')(blockName, 'text', false, {
+const TooltipText = dsClassnames.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 ? DSPopper.PopperPositions.TOP : _ref$placement,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$delayClose = _ref.delayClose,
-      delayClose = _ref$delayClose === void 0 ? constants.DEFAULT_DELAY_CLOSE : _ref$delayClose,
-      _ref$delayOpen = _ref.delayOpen,
-      delayOpen = _ref$delayOpen === void 0 ? constants.DEFAULT_DELAY_OPEN : _ref$delayOpen,
-      _ref$interactionType = _ref.interactionType,
-      interactionType = _ref$interactionType === void 0 ? DSPopper.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 ? v1_TooltipType.TooltipType.TOOLTIP : _ref$tooltipType,
-      _ref$showArrow = _ref.showArrow,
-      showArrow = _ref$showArrow === void 0 ? true : _ref$showArrow,
-      zIndex = _ref.zIndex,
-      otherTooltipProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var _convertPropToCssClas = dsClassnames.convertPropToCssClassName(blockName),
-      tooltipBlockName = _convertPropToCssClas.cssClassName;
+const DSTooltip = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    placement = DSPopper.PopperPositions.TOP,
+    title = '',
+    delayClose = constants.DEFAULT_DELAY_CLOSE,
+    delayOpen = constants.DEFAULT_DELAY_OPEN,
+    interactionType = DSPopper.PopperInteractions.HOVER,
+    triggerComponent = null,
+    className = '',
+    isOpen = undefined,
+    onOpen = () => null,
+    springAnimationComponent = undefined,
+    tooltipType = TooltipType.TooltipType.TOOLTIP,
+    showArrow = true,
+    zIndex
+  } = _ref,
+      otherTooltipProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  var Content = title;
+  const {
+    cssClassName: tooltipBlockName
+  } = dsClassnames.convertPropToCssClassName(blockName);
+  let Content = title;
 
   if (typeof title === 'string') {
-    Content = /*#__PURE__*/React__default['default'].createElement(TooltipText, null, title);
+    Content = /*#__PURE__*/_jsx__default["default"](TooltipText, {}, void 0, title);
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(DSPopper__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
     blockName: tooltipBlockName,
-    contentComponent: /*#__PURE__*/React__default['default'].createElement(TooltipContainer, _extends__default['default']({}, containerProps, otherTooltipProps, {
+    contentComponent: /*#__PURE__*/jsxRuntime.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,
     isOpen: isOpen,
     onOpen: onOpen,
     placement: placement,
-    showArrow: tooltipType === v1_TooltipType.TooltipType.TOOLTIP ? showArrow : false,
+    showArrow: tooltipType === TooltipType.TooltipType.TOOLTIP ? showArrow : false,
     springAnimationComponent: springAnimationComponent,
     triggerComponent: dsUtilities.getComponentFromProps(triggerComponent),
     zIndex: zIndex
   });
 };
 
-var tooltipProps = {
+const tooltipProps = {
   containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
   placement: reactDesc.PropTypes.oneOf(DSPopper.positions).description('Tooltip position').defaultValue(DSPopper.PopperPositions.TOP),
   title: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('Tooltip content').isRequired,
@@ -102,17 +101,15 @@ var tooltipProps = {
   springAnimationComponent: reactDesc.PropTypes.element.description('Spring animation component'),
   showArrow: reactDesc.PropTypes.bool.description('Whether to show an arrow or not').defaultValue(true),
   className: reactDesc.PropTypes.string.description('css class'),
-  tooltipType: reactDesc.PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(v1_TooltipType.TooltipType.TOOLTIP),
+  tooltipType: reactDesc.PropTypes.oneOf(['tooltip', 'toolbar']).description('Type of tooltip').defaultValue(TooltipType.TooltipType.TOOLTIP),
   zIndex: reactDesc.PropTypes.number.description('z-index value assigned to the tooltip').defaultValue(undefined),
   innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.object]).description('Ref to the tooltip container element')
 };
-DSTooltip.propTypes = tooltipProps;
-var TooltipWithSchema = reactDesc.describe(DSTooltip);
+const TooltipWithSchema = reactDesc.describe(DSTooltip);
 TooltipWithSchema.propTypes = tooltipProps;
 
 exports.DSTooltip = DSTooltip;
 exports.TooltipContainer = TooltipContainer;
 exports.TooltipText = TooltipText;
 exports.TooltipWithSchema = TooltipWithSchema;
-exports['default'] = DSTooltip;
-//# sourceMappingURL=DSTooltip.js.map
+exports["default"] = DSTooltip;

package/cjs/v1/TooltipType.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TooltipType = {
+const TooltipType = {
   TOOLTIP: 'tooltip',
   TOOLBAR: 'toolbar'
 };
 
 exports.TooltipType = TooltipType;
-//# sourceMappingURL=TooltipType.js.map

package/cjs/v2/DSTooltip.js

@@ -2,101 +2,67 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var react = require('react');
 var reactDesc = require('react-desc');
 var DSPortal = require('@elliemae/ds-portal');
 var constants = require('@elliemae/ds-shared/constants');
 var reactPopper = require('react-popper');
-var v2_utils_tooltipPositions = require('./utils/tooltipPositions.js');
-var v2_TooltipType = require('./TooltipType.js');
-var v2_styles = require('./styles.js');
-var v2_DSTooltipArrow = require('./DSTooltipArrow.js');
-var v2_propTypes = require('./propTypes.js');
-var v2_utils_setMultipleRefs = require('./utils/setMultipleRefs.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
+var tooltipPositions = require('./utils/tooltipPositions.js');
+var TooltipType = require('./TooltipType.js');
+var styles = require('./styles.js');
+var DSTooltipArrow = require('./DSTooltipArrow.js');
+var propTypes = require('./propTypes.js');
+var setMultipleRefs = require('./utils/setMultipleRefs.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSPortal__default = /*#__PURE__*/_interopDefaultLegacy(DSPortal);
 
 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__default['default'](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 ? v2_utils_tooltipPositions.tooltipPositions.BOTTOM : _ref$placement,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$delayClose = _ref.delayClose,
-      delayClose = _ref$delayClose === void 0 ? constants.DEFAULT_DELAY_CLOSE : _ref$delayClose,
-      _ref$delayOpen = _ref.delayOpen,
-      delayOpen = _ref$delayOpen === void 0 ? constants.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 ? v2_TooltipType.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 = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      showTooltip = _useState2[0],
-      setShowTooltip = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      isAnimating = _useState4[0],
-      setIsAnimating = _useState4[1];
-
-  var _useState5 = React.useState(triggerComponent),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      referenceElement = _useState6[0],
-      setReferenceElement = _useState6[1];
-
-  var _useState7 = React.useState(null),
-      _useState8 = _slicedToArray__default['default'](_useState7, 2),
-      popperElement = _useState8[0],
-      setPopperElement = _useState8[1];
-
-  var _useState9 = React.useState(null),
-      _useState10 = _slicedToArray__default['default'](_useState9, 2),
-      arrowElement = _useState10[0],
-      setArrowElement = _useState10[1];
-
-  var timerOpen = React.useRef(null);
-  var timerClosed = React.useRef(null);
-
-  var _usePopper = reactPopper.usePopper(referenceElement, popperElement, {
-    placement: placement,
+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__default["default"](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 DSTooltipV2 = _ref => {
+  let {
+    containerProps = {},
+    innerRef,
+    placement = tooltipPositions.tooltipPositions.BOTTOM,
+    title = '',
+    delayClose = constants.DEFAULT_DELAY_CLOSE,
+    delayOpen = constants.DEFAULT_DELAY_OPEN,
+    triggerComponent = null,
+    className = '',
+    getIsOpen = () => null,
+    onOpen = () => null,
+    tooltipType = TooltipType.TooltipType.TOOLTIP,
+    showArrow = true,
+    offset = [0, 14],
+    zIndex = 10,
+    extraModifiers = {}
+  } = _ref;
+  const [showTooltip, setShowTooltip] = react.useState(false);
+  const [isAnimating, setIsAnimating] = react.useState(false);
+  const [referenceElement, setReferenceElement] = react.useState(triggerComponent);
+  const [popperElement, setPopperElement] = react.useState(null);
+  const [arrowElement, setArrowElement] = react.useState(null);
+  const timerOpen = react.useRef(null);
+  const timerClosed = react.useRef(null);
+  const {
+    styles: styles$1,
+    attributes
+  } = reactPopper.usePopper(referenceElement, popperElement, {
+    placement,
     modifiers: [{
       name: 'hide',
       enabled: true
@@ -104,7 +70,7 @@ var DSTooltipV2 = function DSTooltipV2(_ref) {
       name: 'offset',
       enabled: true,
       options: {
-        offset: tooltipType === v2_TooltipType.TooltipType.TOOLBAR ? [0, 0] : offset
+        offset: tooltipType === TooltipType.TooltipType.TOOLBAR ? [0, 0] : offset
       }
     }, {
       name: 'arrow',
@@ -112,74 +78,70 @@ var DSTooltipV2 = function DSTooltipV2(_ref) {
         element: arrowElement
       }
     }, _objectSpread({}, extraModifiers)]
-  }),
-      styles = _usePopper.styles,
-      attributes = _usePopper.attributes;
-
-  var handleShowTooltipOn = React.useCallback(function () {
-    timerOpen.current = setTimeout(function () {
+  });
+  const handleShowTooltipOn = react.useCallback(() => {
+    timerOpen.current = setTimeout(() => {
       setShowTooltip(true);
       setIsAnimating(true);
       getIsOpen(true);
       onOpen();
     }, delayOpen);
   }, [delayOpen, getIsOpen, onOpen]);
-  var handleShowTooltipOff = React.useCallback(function () {
-    timerClosed.current = setTimeout(function () {
+  const handleShowTooltipOff = react.useCallback(() => {
+    timerClosed.current = setTimeout(() => {
       setShowTooltip(false);
       setIsAnimating(true);
       getIsOpen(false);
     }, delayClose);
   }, [delayClose, getIsOpen]);
-  var handleKeyDown = React.useCallback(function (e) {
+  const handleKeyDown = react.useCallback(e => {
     if (e.key === 'Escape') {
       e.target.blur();
     }
   }, []);
-  var checkAnimationStatus = React.useCallback(function () {
+  const checkAnimationStatus = react.useCallback(() => {
     if (!showTooltip) {
       setIsAnimating(false);
     }
   }, [showTooltip]);
-  React.useEffect(function () {
-    return function () {
-      clearTimeout(timerClosed.current);
-      clearTimeout(timerOpen.current);
-    };
+  react.useEffect(() => () => {
+    clearTimeout(timerClosed.current);
+    clearTimeout(timerOpen.current);
   }, []);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(v2_styles.StyledTriggerComponentContainer, {
-    ref: setReferenceElement,
-    onMouseEnter: handleShowTooltipOn,
-    onMouseLeave: handleShowTooltipOff,
-    onFocus: handleShowTooltipOn,
-    onBlur: handleShowTooltipOff,
-    onKeyDown: handleKeyDown
-  }, triggerComponent), isAnimating || showTooltip ? /*#__PURE__*/React__default['default'].createElement(DSPortal__default['default'], null, /*#__PURE__*/React__default['default'].createElement(v2_styles.StyledTooltipContainer, _extends__default['default']({
-    className: className,
-    showTooltip: showTooltip,
-    tooltipType: tooltipType,
-    "data-testid": "ds-tooltip-container",
-    ref: function ref(_ref2) {
-      return v2_utils_setMultipleRefs.setMultipleRefs(setPopperElement, innerRef)(_ref2);
-    },
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      zIndex: zIndex
-    })
-  }, containerProps, attributes.popper), /*#__PURE__*/React__default['default'].createElement(v2_styles.StyledAnimatedTooltip, {
-    showTooltip: showTooltip,
-    "data-testid": "ds-tooltip",
-    onAnimationEnd: checkAnimationStatus
-  }, /*#__PURE__*/React__default['default'].createElement(v2_styles.StyledTooltipText, null, title), tooltipType === v2_TooltipType.TooltipType.TOOLTIP && showArrow ? /*#__PURE__*/React__default['default'].createElement(v2_DSTooltipArrow.DSTooltipArrow, {
-    arrowElementRef: setArrowElement,
-    style: styles.arrow,
-    placement: attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'
-  }) : null))) : null);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(styles.StyledTriggerComponentContainer, {
+      ref: setReferenceElement,
+      onMouseEnter: handleShowTooltipOn,
+      onMouseLeave: handleShowTooltipOff,
+      onFocus: handleShowTooltipOn,
+      onBlur: handleShowTooltipOff,
+      onKeyDown: handleKeyDown,
+      children: triggerComponent
+    }), isAnimating || showTooltip ? /*#__PURE__*/_jsx__default["default"](DSPortal__default["default"], {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.StyledTooltipContainer, _objectSpread(_objectSpread(_objectSpread({
+      className: className,
+      showTooltip: showTooltip,
+      tooltipType: tooltipType,
+      "data-testid": "ds-tooltip-container",
+      ref: ref => setMultipleRefs.setMultipleRefs(setPopperElement, innerRef)(ref),
+      style: _objectSpread(_objectSpread({}, styles$1.popper), {}, {
+        zIndex
+      })
+    }, containerProps), attributes.popper), {}, {
+      children: /*#__PURE__*/_jsx__default["default"](styles.StyledAnimatedTooltip, {
+        showTooltip: showTooltip,
+        "data-testid": "ds-tooltip",
+        onAnimationEnd: checkAnimationStatus
+      }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTooltipText, {}, void 0, title), tooltipType === TooltipType.TooltipType.TOOLTIP && showArrow ? /*#__PURE__*/_jsx__default["default"](DSTooltipArrow.DSTooltipArrow, {
+        arrowElementRef: setArrowElement,
+        style: styles$1.arrow,
+        placement: attributes.popper ? attributes.popper['data-popper-placement'] : 'bottom'
+      }) : null)
+    }))) : null]
+  });
 };
 
-DSTooltipV2.propTypes = v2_propTypes.tooltipV2Props;
-var TooltipV2WithSchema = reactDesc.describe(DSTooltipV2);
-TooltipV2WithSchema.propTypes = v2_propTypes.tooltipV2Props;
+const TooltipV2WithSchema = reactDesc.describe(DSTooltipV2);
+TooltipV2WithSchema.propTypes = propTypes.tooltipV2Props;
 
 exports.DSTooltipV2 = DSTooltipV2;
 exports.TooltipV2WithSchema = TooltipV2WithSchema;
-//# sourceMappingURL=DSTooltip.js.map

package/cjs/v2/DSTooltipArrow.js

@@ -2,36 +2,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var v2_styles = require('./styles.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styles = require('./styles.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var DSTooltipArrow = function DSTooltipArrow(_ref) {
-  var placement = _ref.placement,
-      style = _ref.style,
-      arrowElementRef = _ref.arrowElementRef;
-  return /*#__PURE__*/React__default['default'].createElement(v2_styles.StyledTooltipArrow, {
-    key: "popper-arrow",
+var _svg;
+
+const DSTooltipArrow = _ref => {
+  let {
+    placement,
+    style,
+    arrowElementRef
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(styles.StyledTooltipArrow, {
     "data-placement": placement,
     style: style,
     ref: arrowElementRef,
-    "data-testid": "ds-tooltip-arrow"
-  }, /*#__PURE__*/React__default['default'].createElement("svg", {
-    viewBox: "0 0 30 30"
-  }, /*#__PURE__*/React__default['default'].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__default['default'].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__default["default"]("svg", {
+      viewBox: "0 0 30 30"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("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__default["default"]("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");
 };
 
 exports.DSTooltipArrow = DSTooltipArrow;
-//# sourceMappingURL=DSTooltipArrow.js.map

package/cjs/v2/TooltipType.js

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TooltipType = {
+const TooltipType = {
   TOOLTIP: 'tooltip',
   TOOLBAR: 'toolbar'
 };
 
 exports.TooltipType = TooltipType;
-//# sourceMappingURL=TooltipType.js.map

package/cjs/v2/index.d.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.d.js.map