@elliemae/ds-tooltip 2.3.0-next.9 → 2.3.0

package/cjs/index.js

@@ -6,7 +6,8 @@ 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');
+var DSTooltipV3 = require('./v3/DSTooltipV3.js');
+var TooltipV3DatatestId = require('./v3/TooltipV3DatatestId.js');
 
 
 
@@ -19,5 +20,6 @@ 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;
+exports.DSTooltipV3 = DSTooltipV3.DSTooltipV3;
+exports.DSTooltipV3WithSchema = DSTooltipV3.DSTooltipV3WithSchema;
+exports.TooltipV3DatatestId = TooltipV3DatatestId.TooltipV3DatatestId;

package/cjs/v3/DSTooltipV3.js

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 dsPopperjs = require('@elliemae/ds-popperjs');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var propTypes = require('./propTypes.js');
+var TooltipV3DatatestId = require('./TooltipV3DatatestId.js');
+var defaultProps = require('./defaultProps.js');
+var styles = require('./styles.js');
+var utils = require('./utils.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 _StyledMouseOverDetec;
+
+const _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign", "wrapWords"];
+
+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 DSTooltipV3 = props => {
+  const _useMemoMergePropsWit = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.defaultProps),
+        {
+    text,
+    children,
+    onOpen,
+    onClose,
+    id,
+    textAlign,
+    wrapWords
+  } = _useMemoMergePropsWit,
+        extraPopperJsProps = _objectWithoutProperties__default["default"](_useMemoMergePropsWit, _excluded);
+
+  const [isFocused, setIsFocused] = react.useState(false);
+  const [isHover, setIsHover] = react.useState(false);
+  const [latestOpenInteraction, setLatestOpenInteraction] = react.useState('');
+  const [referenceElement, setReferenceElement] = react.useState();
+  const [showPopover, setShowPopover] = react.useState(false);
+  const showTooltip = react.useCallback(() => {
+    setShowPopover(true);
+    onOpen();
+  }, [onOpen]);
+  const hideTooltip = react.useCallback(() => {
+    setShowPopover(false);
+    onClose();
+  }, [onClose]);
+  const onFocus = react.useCallback(() => {
+    setIsFocused(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onFocus');
+    }
+  }, [showPopover, showTooltip]);
+  const onBlur = react.useCallback(() => {
+    setIsFocused(false);
+    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
+  }, [hideTooltip, isHover, latestOpenInteraction]);
+  const onMouseEnter = react.useCallback(() => {
+    setIsHover(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onMouseEnter');
+    }
+  }, [showPopover, showTooltip]);
+  const onMouseLeave = react.useCallback(() => {
+    setIsHover(false);
+    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
+  }, [hideTooltip, isFocused, latestOpenInteraction]);
+  const handleEscKey = react.useCallback(_ref => {
+    let {
+      key
+    } = _ref;
+    if (key === 'Escape') hideTooltip();
+  }, [hideTooltip]);
+  utils.useGlobalKeyboardListener(handleEscKey);
+  return /*#__PURE__*/jsxRuntime.jsxs(styles.StyledTriggerWrapper, {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onPointerEnter: onMouseEnter,
+    onPointerLeave: onMouseLeave,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    ref: setReferenceElement,
+    "data-testid": "".concat(TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
+    children: [/*#__PURE__*/jsxRuntime.jsx(dsPopperjs.DSPopperJS, _objectSpread(_objectSpread({
+      referenceElement: referenceElement,
+      showPopover: showPopover,
+      withoutPortal: true
+    }, extraPopperJsProps), {}, {
+      children: /*#__PURE__*/_jsx__default["default"]("div", {
+        "data-testid": "".concat(TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
+      }, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.StyledTooltipText, {
+        textAlign: textAlign,
+        wrapWords: wrapWords
+      }, void 0, text), _StyledMouseOverDetec || (_StyledMouseOverDetec = /*#__PURE__*/_jsx__default["default"](styles.StyledMouseOverDetectionBox, {}))))
+    })), children]
+  });
+};
+
+const DSTooltipV3WithSchema = dsPropsHelpers.describe(DSTooltipV3);
+DSTooltipV3WithSchema.propTypes = propTypes.propTypes;
+
+exports.DSTooltipV3 = DSTooltipV3;
+exports.DSTooltipV3WithSchema = DSTooltipV3WithSchema;
+exports["default"] = DSTooltipV3;

package/cjs/v3/constants.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const PLACEMENT = ['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
+const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];
+
+exports.PLACEMENT = PLACEMENT;
+exports.TEXT_ALIGNMENT = TEXT_ALIGNMENT;

package/cjs/v3/defaultProps.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const noop = () => {};
+
+const defaultProps = {
+  onOpen: noop,
+  onClose: noop,
+  id: '',
+  textAlign: 'left',
+  wrapWords: false
+};
+
+exports.defaultProps = defaultProps;

package/cjs/v3/index.js

@@ -2,127 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-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 dsPopperjs = require('@elliemae/ds-popperjs');
-var reactDesc = require('react-desc');
-var propsTypes = require('./propsTypes.js');
-var useWithDefaultProps = require('./config/useWithDefaultProps.js');
+var DSTooltipV3 = require('./DSTooltipV3.js');
 var TooltipV3DatatestId = require('./TooltipV3DatatestId.js');
-var styleds = require('./styleds.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 _StyledMouseOverDetec;
-
-const _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign"];
-
-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 useGlobalKeyboardListener = func => {
-  react.useEffect(() => {
-    document.addEventListener('keydown', func);
-    return () => document.removeEventListener('keydown', func);
-  }, [func]);
-};
-
-const DSTooltipV3 = props => {
-  const _useWithDefaultProps = useWithDefaultProps.useWithDefaultProps(props),
-        {
-    text,
-    children,
-    onOpen,
-    onClose,
-    id,
-    textAlign
-  } = _useWithDefaultProps,
-        extraPopperJsProps = _objectWithoutProperties__default["default"](_useWithDefaultProps, _excluded);
-
-  const [isFocused, setIsFocused] = react.useState(false);
-  const [isHover, setIsHover] = react.useState(false);
-  const [latestOpenInteraction, setLatestOpenInteraction] = react.useState('');
-  const [referenceElement, setReferenceElement] = react.useState();
-  const [showPopover, setShowPopover] = react.useState(false);
-  const showTooltip = react.useCallback(() => {
-    setShowPopover(true);
-    onOpen();
-  }, [onOpen]);
-  const hideTooltip = react.useCallback(() => {
-    setShowPopover(false);
-    onClose();
-  }, [onClose]);
-  const onFocus = react.useCallback(() => {
-    setIsFocused(true);
-
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction('onFocus');
-    }
-  }, [showPopover, showTooltip]);
-  const onBlur = react.useCallback(() => {
-    setIsFocused(false);
-    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
-  }, [hideTooltip, isHover, latestOpenInteraction]);
-  const onMouseEnter = react.useCallback(() => {
-    setIsHover(true);
-
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction('onMouseEnter');
-    }
-  }, [showPopover, showTooltip]);
-  const onMouseLeave = react.useCallback(() => {
-    setIsHover(false);
-    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
-  }, [hideTooltip, isFocused, latestOpenInteraction]);
-  const handleEscKey = react.useCallback(_ref => {
-    let {
-      key
-    } = _ref;
-    if (key === 'Escape') hideTooltip();
-  }, [hideTooltip]);
-  useGlobalKeyboardListener(handleEscKey);
-  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(styleds.StyledTriggerWrapper, {
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      ref: setReferenceElement,
-      "data-testid": "".concat(TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
-      children: [/*#__PURE__*/jsxRuntime.jsx(dsPopperjs.DSPopperJS, _objectSpread(_objectSpread({
-        referenceElement: referenceElement,
-        showPopover: showPopover,
-        withoutPortal: true
-      }, extraPopperJsProps), {}, {
-        children: /*#__PURE__*/_jsx__default["default"]("div", {
-          "data-testid": "".concat(TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-        }, void 0, /*#__PURE__*/_jsx__default["default"](styleds.StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](styleds.StyledTooltipText, {
-          textAlign: textAlign
-        }, void 0, text), _StyledMouseOverDetec || (_StyledMouseOverDetec = /*#__PURE__*/_jsx__default["default"](styleds.StyledMouseOverDetectionBox, {}))))
-      })), children]
-    })
-  });
-};
-
-const DSTooltipV3WithSchema = reactDesc.describe(DSTooltipV3).description('A tooltip component');
-DSTooltipV3WithSchema.propTypes = propsTypes.dsTooltipPropTypes;
-
-exports.DSTooltipV3 = DSTooltipV3;
-exports.DSTooltipV3WithSchema = DSTooltipV3WithSchema;
-exports["default"] = DSTooltipV3;
+exports.DSTooltipV3 = DSTooltipV3.DSTooltipV3;
+exports.DSTooltipV3WithSchema = DSTooltipV3.DSTooltipV3WithSchema;
+exports.TooltipV3DatatestId = TooltipV3DatatestId.TooltipV3DatatestId;

package/cjs/v3/propTypes.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var constants = require('./constants.js');
+
+const propTypes = {
+  text: reactDesc.PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
+  textAlign: reactDesc.PropTypes.oneOf(constants.TEXT_ALIGNMENT).description('Tooltip text alignment').defaultValue('left'),
+  wrapWords: reactDesc.PropTypes.bool.description('Break words into a new line. Useful when words exceed tooltip max-lenght.').defaultValue(false),
+  children: reactDesc.PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,
+  withoutPortal: reactDesc.PropTypes.bool.description('Whether or not the tooltip content should appear in a DOM portal or not').defaultValue(true),
+  withoutArrow: reactDesc.PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),
+  boundaryElement: reactDesc.PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",' + 'which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(undefined),
+  withoutAnimation: reactDesc.PropTypes.bool.description('Whether or not the popper context menu should be animated').defaultValue(false),
+  animationDuration: reactDesc.PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),
+  portalDOMContainer: reactDesc.PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
+  startPlacementPreference: reactDesc.PropTypes.oneOf(constants.PLACEMENT).description('start placement preferences, as per popperjs placement option').defaultValue("'top'"),
+  placementOrderPreference: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOf(constants.PLACEMENT)).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+  zIndex: reactDesc.PropTypes.number.description('popperjs content z-index').defaultValue(1),
+  customOffset: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('placement offset array').defaultValue([0, 14]),
+  modifiers: reactDesc.PropTypes.array.description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/').defaultValue(1),
+  id: reactDesc.PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),
+  onOpen: reactDesc.PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),
+  onClose: reactDesc.PropTypes.func.description('Optional callback to be invoked when the tooltip closes').defaultValue('() => {}')
+};
+
+exports.propTypes = propTypes;

package/cjs/v3/{styleds.js → styles.js}

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const StyledTooltipContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18a4gem-0"
+  componentId: "sc-1jxtr2y-0"
 })(["text-align:center;min-width:", ";max-width:250px;min-height:30px;display:grid;align-items:center;padding:", ";position:relative;background-color:white;border-radius:2px;font-size:13px;color:", ";"], _ref => {
   let {
     theme
@@ -27,18 +27,23 @@ const StyledTooltipContainer = /*#__PURE__*/styled__default["default"].div.withC
   return theme.colors.neutral[600];
 });
 const StyledTooltipText = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18a4gem-1"
-})(["white-space:normal;word-wrap:break-word;display:inline-block;text-align:", ";"], _ref4 => {
+  componentId: "sc-1jxtr2y-1"
+})(["display:inline-block;text-align:", ";word-wrap:break-word;", ""], _ref4 => {
   let {
     textAlign
   } = _ref4;
   return textAlign;
+}, _ref5 => {
+  let {
+    wrapWords
+  } = _ref5;
+  return wrapWords ? "word-break: break-all;" : "white-space: normal;";
 });
 const StyledMouseOverDetectionBox = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18a4gem-2"
+  componentId: "sc-1jxtr2y-2"
 })(["position:absolute;top:-15px;right:-15px;width:calc(100% + 30px);height:calc(100% + 30px);z-index:-1;"]);
 const StyledTriggerWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-18a4gem-3"
+  componentId: "sc-1jxtr2y-3"
 })(["display:inline-flex;width:100%;"]);
 
 exports.StyledMouseOverDetectionBox = StyledMouseOverDetectionBox;

package/cjs/v3/utils.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const useGlobalKeyboardListener = func => {
+  react.useEffect(() => {
+    document.addEventListener('keydown', func);
+    return () => document.removeEventListener('keydown', func);
+  }, [func]);
+};
+
+exports.useGlobalKeyboardListener = useGlobalKeyboardListener;

package/esm/index.js

@@ -2,4 +2,5 @@ export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema, DSTooltip
 export { DSTooltipV2, TooltipV2WithSchema } from './v2/DSTooltip.js';
 export { tooltipPositions } from './v2/utils/tooltipPositions.js';
 export { TooltipType } from './v2/TooltipType.js';
-export { DSTooltipV3, DSTooltipV3WithSchema } from './v3/index.js';
+export { DSTooltipV3, DSTooltipV3WithSchema } from './v3/DSTooltipV3.js';
+export { TooltipV3DatatestId } from './v3/TooltipV3DatatestId.js';

package/esm/v3/DSTooltipV3.js

@@ -0,0 +1,112 @@
+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 'core-js/modules/web.dom-collections.iterator.js';
+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 { useState, useCallback } from 'react';
+import { DSPopperJS } from '@elliemae/ds-popperjs';
+import { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
+import { propTypes } from './propTypes.js';
+import { TooltipV3DatatestId } from './TooltipV3DatatestId.js';
+import { defaultProps } from './defaultProps.js';
+import { StyledTriggerWrapper, StyledTooltipContainer, StyledTooltipText, StyledMouseOverDetectionBox } from './styles.js';
+import { useGlobalKeyboardListener } from './utils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _StyledMouseOverDetec;
+
+const _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign", "wrapWords"];
+
+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 DSTooltipV3 = props => {
+  const _useMemoMergePropsWit = useMemoMergePropsWithDefault(props, defaultProps),
+        {
+    text,
+    children,
+    onOpen,
+    onClose,
+    id,
+    textAlign,
+    wrapWords
+  } = _useMemoMergePropsWit,
+        extraPopperJsProps = _objectWithoutProperties(_useMemoMergePropsWit, _excluded);
+
+  const [isFocused, setIsFocused] = useState(false);
+  const [isHover, setIsHover] = useState(false);
+  const [latestOpenInteraction, setLatestOpenInteraction] = useState('');
+  const [referenceElement, setReferenceElement] = useState();
+  const [showPopover, setShowPopover] = useState(false);
+  const showTooltip = useCallback(() => {
+    setShowPopover(true);
+    onOpen();
+  }, [onOpen]);
+  const hideTooltip = useCallback(() => {
+    setShowPopover(false);
+    onClose();
+  }, [onClose]);
+  const onFocus = useCallback(() => {
+    setIsFocused(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onFocus');
+    }
+  }, [showPopover, showTooltip]);
+  const onBlur = useCallback(() => {
+    setIsFocused(false);
+    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
+  }, [hideTooltip, isHover, latestOpenInteraction]);
+  const onMouseEnter = useCallback(() => {
+    setIsHover(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onMouseEnter');
+    }
+  }, [showPopover, showTooltip]);
+  const onMouseLeave = useCallback(() => {
+    setIsHover(false);
+    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
+  }, [hideTooltip, isFocused, latestOpenInteraction]);
+  const handleEscKey = useCallback(_ref => {
+    let {
+      key
+    } = _ref;
+    if (key === 'Escape') hideTooltip();
+  }, [hideTooltip]);
+  useGlobalKeyboardListener(handleEscKey);
+  return /*#__PURE__*/jsxs(StyledTriggerWrapper, {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onPointerEnter: onMouseEnter,
+    onPointerLeave: onMouseLeave,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    ref: setReferenceElement,
+    "data-testid": "".concat(TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
+    children: [/*#__PURE__*/jsx(DSPopperJS, _objectSpread(_objectSpread({
+      referenceElement: referenceElement,
+      showPopover: showPopover,
+      withoutPortal: true
+    }, extraPopperJsProps), {}, {
+      children: /*#__PURE__*/_jsx("div", {
+        "data-testid": "".concat(TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
+      }, void 0, /*#__PURE__*/_jsx(StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {
+        textAlign: textAlign,
+        wrapWords: wrapWords
+      }, void 0, text), _StyledMouseOverDetec || (_StyledMouseOverDetec = /*#__PURE__*/_jsx(StyledMouseOverDetectionBox, {}))))
+    })), children]
+  });
+};
+
+const DSTooltipV3WithSchema = describe(DSTooltipV3);
+DSTooltipV3WithSchema.propTypes = propTypes;
+
+export { DSTooltipV3, DSTooltipV3WithSchema, DSTooltipV3 as default };

package/esm/v3/constants.js

@@ -0,0 +1,4 @@
+const PLACEMENT = ['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
+const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];
+
+export { PLACEMENT, TEXT_ALIGNMENT };

package/esm/v3/defaultProps.js

@@ -0,0 +1,11 @@
+const noop = () => {};
+
+const defaultProps = {
+  onOpen: noop,
+  onClose: noop,
+  id: '',
+  textAlign: 'left',
+  wrapWords: false
+};
+
+export { defaultProps };

package/esm/v3/index.js

@@ -1,116 +1,2 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-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 { useState, useCallback, useEffect } from 'react';
-import { DSPopperJS } from '@elliemae/ds-popperjs';
-import { describe } from 'react-desc';
-import { dsTooltipPropTypes } from './propsTypes.js';
-import { useWithDefaultProps } from './config/useWithDefaultProps.js';
-import { TooltipV3DatatestId } from './TooltipV3DatatestId.js';
-import { StyledTriggerWrapper, StyledTooltipContainer, StyledTooltipText, StyledMouseOverDetectionBox } from './styleds.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-
-var _StyledMouseOverDetec;
-
-const _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign"];
-
-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 useGlobalKeyboardListener = func => {
-  useEffect(() => {
-    document.addEventListener('keydown', func);
-    return () => document.removeEventListener('keydown', func);
-  }, [func]);
-};
-
-const DSTooltipV3 = props => {
-  const _useWithDefaultProps = useWithDefaultProps(props),
-        {
-    text,
-    children,
-    onOpen,
-    onClose,
-    id,
-    textAlign
-  } = _useWithDefaultProps,
-        extraPopperJsProps = _objectWithoutProperties(_useWithDefaultProps, _excluded);
-
-  const [isFocused, setIsFocused] = useState(false);
-  const [isHover, setIsHover] = useState(false);
-  const [latestOpenInteraction, setLatestOpenInteraction] = useState('');
-  const [referenceElement, setReferenceElement] = useState();
-  const [showPopover, setShowPopover] = useState(false);
-  const showTooltip = useCallback(() => {
-    setShowPopover(true);
-    onOpen();
-  }, [onOpen]);
-  const hideTooltip = useCallback(() => {
-    setShowPopover(false);
-    onClose();
-  }, [onClose]);
-  const onFocus = useCallback(() => {
-    setIsFocused(true);
-
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction('onFocus');
-    }
-  }, [showPopover, showTooltip]);
-  const onBlur = useCallback(() => {
-    setIsFocused(false);
-    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
-  }, [hideTooltip, isHover, latestOpenInteraction]);
-  const onMouseEnter = useCallback(() => {
-    setIsHover(true);
-
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction('onMouseEnter');
-    }
-  }, [showPopover, showTooltip]);
-  const onMouseLeave = useCallback(() => {
-    setIsHover(false);
-    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
-  }, [hideTooltip, isFocused, latestOpenInteraction]);
-  const handleEscKey = useCallback(_ref => {
-    let {
-      key
-    } = _ref;
-    if (key === 'Escape') hideTooltip();
-  }, [hideTooltip]);
-  useGlobalKeyboardListener(handleEscKey);
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsxs(StyledTriggerWrapper, {
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      ref: setReferenceElement,
-      "data-testid": "".concat(TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : ''),
-      children: [/*#__PURE__*/jsx(DSPopperJS, _objectSpread(_objectSpread({
-        referenceElement: referenceElement,
-        showPopover: showPopover,
-        withoutPortal: true
-      }, extraPopperJsProps), {}, {
-        children: /*#__PURE__*/_jsx("div", {
-          "data-testid": "".concat(TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-        }, void 0, /*#__PURE__*/_jsx(StyledTooltipContainer, {}, void 0, /*#__PURE__*/_jsx(StyledTooltipText, {
-          textAlign: textAlign
-        }, void 0, text), _StyledMouseOverDetec || (_StyledMouseOverDetec = /*#__PURE__*/_jsx(StyledMouseOverDetectionBox, {}))))
-      })), children]
-    })
-  });
-};
-
-const DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');
-DSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;
-
-export { DSTooltipV3, DSTooltipV3WithSchema, DSTooltipV3 as default };
+export { DSTooltipV3, DSTooltipV3WithSchema } from './DSTooltipV3.js';
+export { TooltipV3DatatestId } from './TooltipV3DatatestId.js';