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

package/cjs/index.js

@@ -1,41 +1,23 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_DSTooltip.default,
-  tooltipPositions: () => import_tooltipPositions.tooltipPositions
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, __toESM(require("./v1/DSTooltip")));
-__reExport(src_exports, __toESM(require("./v2/DSTooltip")));
-var import_tooltipPositions = __toESM(require("./v2/utils/tooltipPositions"));
-__reExport(src_exports, __toESM(require("./v2/TooltipType")));
-__reExport(src_exports, __toESM(require("./v3")));
-var import_DSTooltip = __toESM(require("./v1/DSTooltip"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 = 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

@@ -1,118 +1,115 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSTooltip_exports = {};
-__export(DSTooltip_exports, {
-  DSTooltip: () => DSTooltip,
-  TooltipContainer: () => TooltipContainer,
-  TooltipText: () => TooltipText,
-  TooltipWithSchema: () => TooltipWithSchema,
-  default: () => DSTooltip_default
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+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 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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
+
+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__default["default"](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 = dsClassnames.aggregatedClasses('div')(blockName, false, false, {
+  propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_constants = __toESM(require("@elliemae/ds-shared/constants"));
-var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
-var import_TooltipType = __toESM(require("./TooltipType"));
-const blockName = "tooltip";
-const TooltipContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, false, false, {
-  propsToRemoveFromFinalElement: ["isHovered", "isDragged"]
+const TooltipText = dsClassnames.aggregatedClasses('span')(blockName, 'text', false, {
+  propsToRemoveFromFinalElement: ['isHovered', 'isDragged']
 });
-const TooltipText = (0, import_ds_classnames.aggregatedClasses)("span")(blockName, "text", false, {
-  propsToRemoveFromFinalElement: ["isHovered", "isDragged"]
-});
-const DSTooltip = ({
-  containerProps = {},
-  innerRef,
-  placement = import_ds_popper.PopperPositions.TOP,
-  title = "",
-  delayClose = import_constants.DEFAULT_DELAY_CLOSE,
-  delayOpen = import_constants.DEFAULT_DELAY_OPEN,
-  interactionType = import_ds_popper.PopperInteractions.HOVER,
-  triggerComponent = null,
-  className = "",
-  isOpen = void 0,
-  onOpen = () => null,
-  springAnimationComponent = void 0,
-  tooltipType = import_TooltipType.TooltipType.TOOLTIP,
-  showArrow = true,
-  zIndex,
-  ...otherTooltipProps
-}) => {
-  const { cssClassName: tooltipBlockName } = (0, import_ds_classnames.convertPropToCssClassName)(blockName);
+
+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);
+
+  const {
+    cssClassName: tooltipBlockName
+  } = dsClassnames.convertPropToCssClassName(blockName);
   let Content = title;
-  if (typeof title === "string") {
-    Content = /* @__PURE__ */ import_react.default.createElement(TooltipText, null, title);
+
+  if (typeof title === 'string') {
+    Content = /*#__PURE__*/_jsx__default["default"](TooltipText, {}, void 0, title);
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
+
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
     blockName: tooltipBlockName,
-    contentComponent: /* @__PURE__ */ import_react.default.createElement(TooltipContainer, {
-      ...containerProps,
-      ...otherTooltipProps,
-      className: `tooltip-container--${tooltipType} ${className}`,
-      innerRef
-    }, Content),
-    delayClose,
-    delayOpen,
-    interactionType,
-    isOpen,
-    onOpen,
-    placement,
-    showArrow: tooltipType === import_TooltipType.TooltipType.TOOLTIP ? showArrow : false,
-    springAnimationComponent,
-    triggerComponent: (0, import_ds_utilities.getComponentFromProps)(triggerComponent),
-    zIndex
+    contentComponent: /*#__PURE__*/jsxRuntime.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.TooltipType.TOOLTIP ? showArrow : false,
+    springAnimationComponent: springAnimationComponent,
+    triggerComponent: dsUtilities.getComponentFromProps(triggerComponent),
+    zIndex: zIndex
   });
 };
+
 const tooltipProps = {
-  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container"),
-  placement: import_react_desc.PropTypes.oneOf(import_ds_popper.positions).description("Tooltip position").defaultValue(import_ds_popper.PopperPositions.TOP),
-  title: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]).description("Tooltip content").isRequired,
-  delayClose: import_react_desc.PropTypes.string.description("Delay to close the tooltip").defaultValue(import_constants.DEFAULT_DELAY_CLOSE),
-  delayOpen: import_react_desc.PropTypes.string.description("Delay to open the tooltip ").defaultValue(import_constants.DEFAULT_DELAY_OPEN),
-  interactionType: import_react_desc.PropTypes.oneOf(import_ds_popper.interactions).description("A type indicating how to open/close the tooltip").defaultValue(import_ds_popper.PopperInteractions.HOVER),
-  triggerComponent: import_react_desc.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: import_react_desc.PropTypes.bool.description("Whether the tooltip is visible or not").defaultValue(void 0),
-  onOpen: import_react_desc.PropTypes.func.description("Handler when the tooltip opens"),
-  springAnimationComponent: import_react_desc.PropTypes.element.description("Spring animation component"),
-  showArrow: import_react_desc.PropTypes.bool.description("Whether to show an arrow or not").defaultValue(true),
-  className: import_react_desc.PropTypes.string.description("css class"),
-  tooltipType: import_react_desc.PropTypes.oneOf(["tooltip", "toolbar"]).description("Type of tooltip").defaultValue(import_TooltipType.TooltipType.TOOLTIP),
-  zIndex: import_react_desc.PropTypes.number.description("z-index value assigned to the tooltip").defaultValue(void 0),
-  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.func, import_react_desc.PropTypes.object]).description("Ref to the tooltip container element")
+  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,
+  delayClose: reactDesc.PropTypes.string.description('Delay to close the tooltip').defaultValue(constants.DEFAULT_DELAY_CLOSE),
+  delayOpen: reactDesc.PropTypes.string.description('Delay to open the tooltip ').defaultValue(constants.DEFAULT_DELAY_OPEN),
+  interactionType: reactDesc.PropTypes.oneOf(DSPopper.interactions).description('A type indicating how to open/close the tooltip').defaultValue(DSPopper.PopperInteractions.HOVER),
+  triggerComponent: reactDesc.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: reactDesc.PropTypes.bool.description('Whether the tooltip is visible or not').defaultValue(undefined),
+  onOpen: reactDesc.PropTypes.func.description('Handler when the tooltip opens'),
+  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(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;
-const TooltipWithSchema = (0, import_react_desc.describe)(DSTooltip);
+const TooltipWithSchema = reactDesc.describe(DSTooltip);
 TooltipWithSchema.propTypes = tooltipProps;
-var DSTooltip_default = DSTooltip;
-module.exports = __toCommonJS(DSTooltip_exports);
-//# sourceMappingURL=DSTooltip.js.map
+
+exports.DSTooltip = DSTooltip;
+exports.TooltipContainer = TooltipContainer;
+exports.TooltipText = TooltipText;
+exports.TooltipWithSchema = TooltipWithSchema;
+exports["default"] = DSTooltip;

package/cjs/v1/TooltipType.js

@@ -1,38 +1,10 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TooltipType_exports = {};
-__export(TooltipType_exports, {
-  TooltipType: () => TooltipType
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const TooltipType = {
-  TOOLTIP: "tooltip",
-  TOOLBAR: "toolbar"
+  TOOLTIP: 'tooltip',
+  TOOLBAR: 'toolbar'
 };
-module.exports = __toCommonJS(TooltipType_exports);
-//# sourceMappingURL=TooltipType.js.map
+
+exports.TooltipType = TooltipType;

package/cjs/v2/DSTooltip.js

@@ -1,87 +1,85 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSTooltip_exports = {};
-__export(DSTooltip_exports, {
-  DSTooltipV2: () => DSTooltipV2,
-  TooltipV2WithSchema: () => TooltipV2WithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_portal = __toESM(require("@elliemae/ds-portal"));
-var import_constants = __toESM(require("@elliemae/ds-shared/constants"));
-var import_react_popper = __toESM(require("react-popper"));
-var import_tooltipPositions = __toESM(require("./utils/tooltipPositions"));
-var import_TooltipType = __toESM(require("./TooltipType"));
-var import_styles = __toESM(require("./styles"));
-var import_DSTooltipArrow = __toESM(require("./DSTooltipArrow"));
-var import_propTypes = __toESM(require("./propTypes"));
-var import_setMultipleRefs = __toESM(require("./utils/setMultipleRefs"));
-const DSTooltipV2 = ({
-  containerProps = {},
-  innerRef,
-  placement = import_tooltipPositions.tooltipPositions.BOTTOM,
-  title = "",
-  delayClose = import_constants.DEFAULT_DELAY_CLOSE,
-  delayOpen = import_constants.DEFAULT_DELAY_OPEN,
-  triggerComponent = null,
-  className = "",
-  getIsOpen = () => null,
-  onOpen = () => null,
-  tooltipType = import_TooltipType.TooltipType.TOOLTIP,
-  showArrow = true,
-  offset = [0, 14],
-  zIndex = 10,
-  extraModifiers = {}
-}) => {
-  const [showTooltip, setShowTooltip] = (0, import_react.useState)(false);
-  const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
-  const [referenceElement, setReferenceElement] = (0, import_react.useState)(triggerComponent);
-  const [popperElement, setPopperElement] = (0, import_react.useState)(null);
-  const [arrowElement, setArrowElement] = (0, import_react.useState)(null);
-  const timerOpen = (0, import_react.useRef)(null);
-  const timerClosed = (0, import_react.useRef)(null);
-  const { styles, attributes } = (0, import_react_popper.usePopper)(referenceElement, popperElement, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var DSPortal__default = /*#__PURE__*/_interopDefaultLegacy(DSPortal);
+
+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__default["default"](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.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 },
-      {
-        name: "offset",
-        enabled: true,
-        options: {
-          offset: tooltipType === import_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.TooltipType.TOOLBAR ? [0, 0] : offset
+      }
+    }, {
+      name: 'arrow',
+      options: {
+        element: arrowElement
+      }
+    }, _objectSpread({}, extraModifiers)]
   });
-  const handleShowTooltipOn = (0, import_react.useCallback)(() => {
+  const handleShowTooltipOn = react.useCallback(() => {
     timerOpen.current = setTimeout(() => {
       setShowTooltip(true);
       setIsAnimating(true);
@@ -89,55 +87,61 @@ const DSTooltipV2 = ({
       onOpen();
     }, delayOpen);
   }, [delayOpen, getIsOpen, onOpen]);
-  const handleShowTooltipOff = (0, import_react.useCallback)(() => {
+  const handleShowTooltipOff = react.useCallback(() => {
     timerClosed.current = setTimeout(() => {
       setShowTooltip(false);
       setIsAnimating(true);
       getIsOpen(false);
     }, delayClose);
   }, [delayClose, getIsOpen]);
-  const handleKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.key === "Escape") {
+  const handleKeyDown = react.useCallback(e => {
+    if (e.key === 'Escape') {
       e.target.blur();
     }
   }, []);
-  const checkAnimationStatus = (0, import_react.useCallback)(() => {
+  const checkAnimationStatus = react.useCallback(() => {
     if (!showTooltip) {
       setIsAnimating(false);
     }
   }, [showTooltip]);
-  (0, import_react.useEffect)(() => () => {
+  react.useEffect(() => () => {
     clearTimeout(timerClosed.current);
     clearTimeout(timerOpen.current);
   }, []);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTriggerComponentContainer, {
-    ref: setReferenceElement,
-    onMouseEnter: handleShowTooltipOn,
-    onMouseLeave: handleShowTooltipOff,
-    onFocus: handleShowTooltipOn,
-    onBlur: handleShowTooltipOff,
-    onKeyDown: handleKeyDown
-  }, triggerComponent), isAnimating || showTooltip ? /* @__PURE__ */ import_react.default.createElement(import_ds_portal.DSPortal, null, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTooltipContainer, {
-    className,
-    showTooltip,
-    tooltipType,
-    "data-testid": "ds-tooltip-container",
-    ref: (ref) => (0, import_setMultipleRefs.setMultipleRefs)(setPopperElement, innerRef)(ref),
-    style: { ...styles.popper, zIndex },
-    ...containerProps,
-    ...attributes.popper
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledAnimatedTooltip, {
-    showTooltip,
-    "data-testid": "ds-tooltip",
-    onAnimationEnd: checkAnimationStatus
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTooltipText, null, title), tooltipType === import_TooltipType.TooltipType.TOOLTIP && showArrow ? /* @__PURE__ */ import_react.default.createElement(import_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 = import_propTypes.tooltipV2Props;
-const TooltipV2WithSchema = (0, import_react_desc.describe)(DSTooltipV2);
-TooltipV2WithSchema.propTypes = import_propTypes.tooltipV2Props;
-module.exports = __toCommonJS(DSTooltip_exports);
-//# sourceMappingURL=DSTooltip.js.map
+
+const TooltipV2WithSchema = reactDesc.describe(DSTooltipV2);
+TooltipV2WithSchema.propTypes = propTypes.tooltipV2Props;
+
+exports.DSTooltipV2 = DSTooltipV2;
+exports.TooltipV2WithSchema = TooltipV2WithSchema;