@elliemae/ds-tooltip 1.57.0-rc.1 → 1.57.0-rc.13

package/cjs/index.js

@@ -12,11 +12,9 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
 require('react-desc');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-utilities/getComponentFromProps');
+require('@elliemae/ds-utilities');
 require('@elliemae/ds-shared/constants');
 require('@elliemae/ds-popper');
-require('@elliemae/ds-popper/interaction');
-require('@elliemae/ds-popper/positions');
 require('./v1/TooltipType.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/slicedToArray');

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/v1/DSTooltip.js

@@ -7,11 +7,9 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
-var getComponentFromProps = require('@elliemae/ds-utilities/getComponentFromProps');
+var dsUtilities = require('@elliemae/ds-utilities');
 var constants = require('@elliemae/ds-shared/constants');
 var DSPopper = require('@elliemae/ds-popper');
-var interaction = require('@elliemae/ds-popper/interaction');
-var positions = require('@elliemae/ds-popper/positions');
 var v1_TooltipType = require('./TooltipType.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,7 +17,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var getComponentFromProps__default = /*#__PURE__*/_interopDefaultLegacy(getComponentFromProps);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
 
 var _excluded = ["containerProps", "innerRef", "placement", "title", "delayClose", "delayOpen", "interactionType", "triggerComponent", "className", "isOpen", "onOpen", "springAnimationComponent", "tooltipType", "showArrow", "zIndex"];
@@ -87,18 +84,18 @@ var DSTooltip = function DSTooltip(_ref) {
     placement: placement,
     showArrow: tooltipType === v1_TooltipType.TooltipType.TOOLTIP ? showArrow : false,
     springAnimationComponent: springAnimationComponent,
-    triggerComponent: getComponentFromProps__default['default'](triggerComponent),
+    triggerComponent: dsUtilities.getComponentFromProps(triggerComponent),
     zIndex: zIndex
   });
 };
 
 var tooltipProps = {
   containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
-  placement: reactDesc.PropTypes.oneOf(positions.positions).description('Tooltip position').defaultValue(DSPopper.PopperPositions.TOP),
+  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(interaction.interactions).description('A type indicating how to open/close the tooltip').defaultValue(DSPopper.PopperInteractions.HOVER),
+  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'),

package/cjs/v1/DSTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSTooltip.js","sources":["../../../src/v1/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n  aggregatedClasses,\n  convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';\nimport {\n  DEFAULT_DELAY_OPEN,\n  DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport DSPopper, {\n  PopperPositions,\n  PopperInteractions,\n} from '@elliemae/ds-popper';\nimport { interactions } from '@elliemae/ds-popper/interaction';\nimport { positions } from '@elliemae/ds-popper/positions';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n  containerProps = {},\n  innerRef,\n  placement = PopperPositions.TOP,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  interactionType = PopperInteractions.HOVER,\n  triggerComponent = null,\n  className = '',\n  isOpen = undefined,\n  onOpen = () => null,\n  springAnimationComponent = undefined,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  zIndex,\n  ...otherTooltipProps\n}) => {\n  const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n    blockName,\n  );\n\n  let Content = title;\n  if (typeof title === 'string') {\n    Content = <TooltipText>{title}</TooltipText>;\n  }\n  return (\n    <DSPopper\n      blockName={tooltipBlockName}\n      contentComponent={\n        <TooltipContainer\n          {...containerProps}\n          {...otherTooltipProps}\n          className={`tooltip-container--${tooltipType} ${className}`}\n          innerRef={innerRef}\n        >\n          {Content}\n        </TooltipContainer>\n      }\n      delayClose={delayClose}\n      delayOpen={delayOpen}\n      interactionType={interactionType}\n      isOpen={isOpen}\n      onOpen={onOpen}\n      placement={placement}\n      showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n      springAnimationComponent={springAnimationComponent}\n      triggerComponent={getComponentFromProps(triggerComponent)}\n      zIndex={zIndex}\n    />\n  );\n};\n\nconst tooltipProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  placement: PropTypes.oneOf(positions)\n    .description('Tooltip position')\n    .defaultValue(PopperPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Tooltip content',\n  ).isRequired,\n  delayClose: PropTypes.string\n    .description('Delay to close the tooltip')\n    .defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.string\n    .description('Delay to open the tooltip ')\n    .defaultValue(DEFAULT_DELAY_OPEN),\n  interactionType: PropTypes.oneOf(interactions)\n    .description('A type indicating how to open/close the tooltip')\n    .defaultValue(PopperInteractions.HOVER),\n  triggerComponent: PropTypes.element.description(\n    `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`,\n  ).isRequired,\n  isOpen: PropTypes.bool\n    .description('Whether the tooltip is visible or not')\n    .defaultValue(undefined),\n  onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n  springAnimationComponent: PropTypes.element.description(\n    'Spring animation component',\n  ),\n  showArrow: PropTypes.bool\n    .description('Whether to show an arrow or not')\n    .defaultValue(true),\n  className: PropTypes.string.description('css class'),\n  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n    .description('Type of tooltip')\n    .defaultValue(TooltipType.TOOLTIP),\n  zIndex: PropTypes.number\n    .description('z-index value assigned to the tooltip')\n    .defaultValue(undefined),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'Ref to the tooltip container element',\n  ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],"names":["blockName","TooltipContainer","aggregatedClasses","propsToRemoveFromFinalElement","TooltipText","DSTooltip","containerProps","innerRef","placement","PopperPositions","TOP","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","interactionType","PopperInteractions","HOVER","triggerComponent","className","isOpen","undefined","onOpen","springAnimationComponent","tooltipType","TooltipType","TOOLTIP","showArrow","zIndex","otherTooltipProps","convertPropToCssClassName","tooltipBlockName","cssClassName","Content","React","DSPopper","getComponentFromProps","tooltipProps","PropTypes","object","description","oneOf","positions","defaultValue","oneOfType","string","element","isRequired","interactions","bool","func","number","propTypes","TooltipWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSTooltip.js","sources":["../../../src/v1/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n  aggregatedClasses,\n  convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport {\n  DEFAULT_DELAY_OPEN,\n  DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport DSPopper, {\n  PopperPositions,\n  PopperInteractions,\n  interactions,\n  positions\n} from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n  containerProps = {},\n  innerRef,\n  placement = PopperPositions.TOP,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  interactionType = PopperInteractions.HOVER,\n  triggerComponent = null,\n  className = '',\n  isOpen = undefined,\n  onOpen = () => null,\n  springAnimationComponent = undefined,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  zIndex,\n  ...otherTooltipProps\n}) => {\n  const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n    blockName,\n  );\n\n  let Content = title;\n  if (typeof title === 'string') {\n    Content = <TooltipText>{title}</TooltipText>;\n  }\n  return (\n    <DSPopper\n      blockName={tooltipBlockName}\n      contentComponent={\n        <TooltipContainer\n          {...containerProps}\n          {...otherTooltipProps}\n          className={`tooltip-container--${tooltipType} ${className}`}\n          innerRef={innerRef}\n        >\n          {Content}\n        </TooltipContainer>\n      }\n      delayClose={delayClose}\n      delayOpen={delayOpen}\n      interactionType={interactionType}\n      isOpen={isOpen}\n      onOpen={onOpen}\n      placement={placement}\n      showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n      springAnimationComponent={springAnimationComponent}\n      triggerComponent={getComponentFromProps(triggerComponent)}\n      zIndex={zIndex}\n    />\n  );\n};\n\nconst tooltipProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  placement: PropTypes.oneOf(positions)\n    .description('Tooltip position')\n    .defaultValue(PopperPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Tooltip content',\n  ).isRequired,\n  delayClose: PropTypes.string\n    .description('Delay to close the tooltip')\n    .defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.string\n    .description('Delay to open the tooltip ')\n    .defaultValue(DEFAULT_DELAY_OPEN),\n  interactionType: PropTypes.oneOf(interactions)\n    .description('A type indicating how to open/close the tooltip')\n    .defaultValue(PopperInteractions.HOVER),\n  triggerComponent: PropTypes.element.description(\n    `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`,\n  ).isRequired,\n  isOpen: PropTypes.bool\n    .description('Whether the tooltip is visible or not')\n    .defaultValue(undefined),\n  onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n  springAnimationComponent: PropTypes.element.description(\n    'Spring animation component',\n  ),\n  showArrow: PropTypes.bool\n    .description('Whether to show an arrow or not')\n    .defaultValue(true),\n  className: PropTypes.string.description('css class'),\n  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n    .description('Type of tooltip')\n    .defaultValue(TooltipType.TOOLTIP),\n  zIndex: PropTypes.number\n    .description('z-index value assigned to the tooltip')\n    .defaultValue(undefined),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'Ref to the tooltip container element',\n  ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],"names":["blockName","TooltipContainer","aggregatedClasses","propsToRemoveFromFinalElement","TooltipText","DSTooltip","containerProps","innerRef","placement","PopperPositions","TOP","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","interactionType","PopperInteractions","HOVER","triggerComponent","className","isOpen","undefined","onOpen","springAnimationComponent","tooltipType","TooltipType","TOOLTIP","showArrow","zIndex","otherTooltipProps","convertPropToCssClassName","tooltipBlockName","cssClassName","Content","React","DSPopper","getComponentFromProps","tooltipProps","PropTypes","object","description","oneOf","positions","defaultValue","oneOfType","string","element","isRequired","interactions","bool","func","number","propTypes","TooltipWithSchema","describe"],"mappings":"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"}

package/cjs/v3/config/useWithDefaultProps.js

@@ -10,7 +10,8 @@ var noop = function noop() {};
 var defaultProps = {
   onOpen: noop,
   onClose: noop,
-  id: ''
+  id: '',
+  textAlign: 'left'
 };
 var useWithDefaultProps = function useWithDefaultProps(props) {
   return dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps);

package/cjs/v3/config/useWithDefaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWithDefaultProps.js","sources":["../../../../src/v3/config/useWithDefaultProps.ts"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["noop","defaultProps","onOpen","onClose","id","useWithDefaultProps","props","useMemoMergePropsWithDefault"],"mappings":";;;;;;AAGA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAEF,IADW;AAEnBG,EAAAA,OAAO,EAAEH,IAFU;AAGnBI,EAAAA,EAAE,EAAE;AAHe,CAArB;IAMaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SACjCC,2CAA4B,CAACD,KAAD,EAAQL,YAAR,CADK;AAAA;;;;"}
+{"version":3,"file":"useWithDefaultProps.js","sources":["../../../../src/v3/config/useWithDefaultProps.ts"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n  textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["noop","defaultProps","onOpen","onClose","id","textAlign","useWithDefaultProps","props","useMemoMergePropsWithDefault"],"mappings":";;;;;;AAGA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAEF,IADW;AAEnBG,EAAAA,OAAO,EAAEH,IAFU;AAGnBI,EAAAA,EAAE,EAAE,EAHe;AAInBC,EAAAA,SAAS,EAAE;AAJQ,CAArB;IAOaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SACjCC,2CAA4B,CAACD,KAAD,EAAQN,YAAR,CADK;AAAA;;;;"}

package/cjs/v3/index.js

@@ -22,7 +22,16 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["text", "children", "onOpen", "onClose", "id"];
+var _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign"];
+
+var useGlobalKeyboardListener = function useGlobalKeyboardListener(func) {
+  React.useEffect(function () {
+    document.addEventListener('keydown', func);
+    return function () {
+      return document.removeEventListener('keydown', func);
+    };
+  }, [func]);
+};
 
 var DSTooltipV3 = function DSTooltipV3(props) {
   var _useWithDefaultProps = v3_config_useWithDefaultProps.useWithDefaultProps(props),
@@ -31,17 +40,33 @@ var DSTooltipV3 = function DSTooltipV3(props) {
       onOpen = _useWithDefaultProps.onOpen,
       onClose = _useWithDefaultProps.onClose,
       id = _useWithDefaultProps.id,
+      textAlign = _useWithDefaultProps.textAlign,
       extraPopperJsProps = _objectWithoutProperties__default['default'](_useWithDefaultProps, _excluded);
 
-  var _useState = React.useState(),
+  var _useState = React.useState(false),
       _useState2 = _slicedToArray__default['default'](_useState, 2),
-      referenceElement = _useState2[0],
-      setReferenceElement = _useState2[1];
+      isFocused = _useState2[0],
+      setIsFocused = _useState2[1];
 
   var _useState3 = React.useState(false),
       _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      showPopover = _useState4[0],
-      setShowPopover = _useState4[1];
+      isHover = _useState4[0],
+      setIsHover = _useState4[1];
+
+  var _useState5 = React.useState(''),
+      _useState6 = _slicedToArray__default['default'](_useState5, 2),
+      latestOpenInteraction = _useState6[0],
+      setLatestOpenInteraction = _useState6[1];
+
+  var _useState7 = React.useState(),
+      _useState8 = _slicedToArray__default['default'](_useState7, 2),
+      referenceElement = _useState8[0],
+      setReferenceElement = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = _slicedToArray__default['default'](_useState9, 2),
+      showPopover = _useState10[0],
+      setShowPopover = _useState10[1];
 
   var showTooltip = React.useCallback(function () {
     setShowPopover(true);
@@ -51,24 +76,52 @@ var DSTooltipV3 = function DSTooltipV3(props) {
     setShowPopover(false);
     onClose();
   }, [onClose]);
+  var onFocus = React.useCallback(function () {
+    setIsFocused(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onFocus');
+    }
+  }, [showPopover, showTooltip]);
+  var onBlur = React.useCallback(function () {
+    setIsFocused(false);
+    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
+  }, [hideTooltip, isHover, latestOpenInteraction]);
+  var onMouseEnter = React.useCallback(function () {
+    setIsHover(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onMouseEnter');
+    }
+  }, [showPopover, showTooltip]);
+  var onMouseLeave = React.useCallback(function () {
+    setIsHover(false);
+    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
+  }, [hideTooltip, isFocused, latestOpenInteraction]);
   var handleEscKey = React.useCallback(function (_ref) {
     var key = _ref.key;
     if (key === 'Escape') hideTooltip();
   }, [hideTooltip]);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(dsPopperjs.DSPopperJS, _extends__default['default']({
+  useGlobalKeyboardListener(handleEscKey);
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("span", {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onFocus: onFocus,
+    onBlur: onBlur
+  }, /*#__PURE__*/React__default['default'].createElement(dsPopperjs.DSPopperJS, _extends__default['default']({
     referenceElement: referenceElement,
-    showPopover: showPopover
+    showPopover: showPopover,
+    withoutPortal: true
   }, extraPopperJsProps), /*#__PURE__*/React__default['default'].createElement("div", {
     "data-testid": "".concat(v3_TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-  }, /*#__PURE__*/React__default['default'].createElement(v3_styleds.StyledTooltipContainer, null, /*#__PURE__*/React__default['default'].createElement(v3_styleds.StyledTooltipText, null, text)))), /*#__PURE__*/React__default['default'].createElement("div", {
-    onMouseOver: showTooltip,
-    onFocus: showTooltip,
-    onMouseOut: hideTooltip,
-    onBlur: hideTooltip,
-    onKeyDown: handleEscKey,
+  }, /*#__PURE__*/React__default['default'].createElement(v3_styleds.StyledTooltipContainer, null, /*#__PURE__*/React__default['default'].createElement(v3_styleds.StyledTooltipText, {
+    textAlign: textAlign
+  }, text), /*#__PURE__*/React__default['default'].createElement(v3_styleds.StyledMouseOverDetectionBox, null)))), /*#__PURE__*/React__default['default'].createElement(v3_styleds.StyledTriggerWrapper, {
     ref: setReferenceElement,
     "data-testid": "".concat(v3_TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-  }, children));
+  }, children)));
 };
 
 DSTooltipV3.propTypes = v3_propsTypes.dsTooltipPropTypes;

package/cjs/v3/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/v3/index.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport { StyledTooltipContainer, StyledTooltipText } from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n  const { text, children, onOpen, onClose, id, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n  const [referenceElement, setReferenceElement] = useState<HTMLDivElement>();\n  const [showPopover, setShowPopover] = useState(false);\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\n  const hideTooltip = useCallback(() => {\n    setShowPopover(false);\n    onClose();\n  }, [onClose]);\n  const handleEscKey = useCallback(\n    ({ key }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  return (\n    <>\n      <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} {...extraPopperJsProps}>\n        <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n          <StyledTooltipContainer>\n            <StyledTooltipText>{text}</StyledTooltipText>\n          </StyledTooltipContainer>\n        </div>\n      </DSPopperJS>\n      {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        onMouseOver={showTooltip}\n        onFocus={showTooltip}\n        onMouseOut={hideTooltip}\n        onBlur={hideTooltip}\n        onKeyDown={handleEscKey}\n        ref={setReferenceElement}\n        data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],"names":["DSTooltipV3","props","useWithDefaultProps","text","children","onOpen","onClose","id","extraPopperJsProps","useState","referenceElement","setReferenceElement","showPopover","setShowPopover","showTooltip","useCallback","hideTooltip","handleEscKey","key","React","DSPopperJS","TooltipV3DatatestId","TOOLTIP_TEXT_WRAPPER","StyledTooltipContainer","StyledTooltipText","TRIGGER_WRAPPER","propTypes","dsTooltipPropTypes","DSTooltipV3WithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAUMA,WAAiD,GAAG,SAApDA,WAAoD,CAACC,KAAD,EAAW;AACnE,6BAAuEC,iDAAmB,CAACD,KAAD,CAA1F;AAAA,MAAQE,IAAR,wBAAQA,IAAR;AAAA,MAAcC,QAAd,wBAAcA,QAAd;AAAA,MAAwBC,MAAxB,wBAAwBA,MAAxB;AAAA,MAAgCC,OAAhC,wBAAgCA,OAAhC;AAAA,MAAyCC,EAAzC,wBAAyCA,EAAzC;AAAA,MAAgDC,kBAAhD;;AAEA,kBAAgDC,cAAQ,EAAxD;AAAA;AAAA,MAAOC,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,mBAAsCF,cAAQ,CAAC,KAAD,CAA9C;AAAA;AAAA,MAAOG,WAAP;AAAA,MAAoBC,cAApB;;AACA,MAAMC,WAAW,GAAGC,iBAAW,CAAC,YAAM;AACpCF,IAAAA,cAAc,CAAC,IAAD,CAAd;AACAR,IAAAA,MAAM;AACP,GAH8B,EAG5B,CAACA,MAAD,CAH4B,CAA/B;AAIA,MAAMW,WAAW,GAAGD,iBAAW,CAAC,YAAM;AACpCF,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAP,IAAAA,OAAO;AACR,GAH8B,EAG5B,CAACA,OAAD,CAH4B,CAA/B;AAIA,MAAMW,YAAY,GAAGF,iBAAW,CAC9B,gBAAa;AAAA,QAAVG,GAAU,QAAVA,GAAU;AACX,QAAIA,GAAG,KAAK,QAAZ,EAAsBF,WAAW;AAClC,GAH6B,EAI9B,CAACA,WAAD,CAJ8B,CAAhC;AAOA,sBACEG,+FACEA,wCAACC,qBAAD;AAAY,IAAA,gBAAgB,EAAEV,gBAA9B;AAAgD,IAAA,WAAW,EAAEE;AAA7D,KAA8EJ,kBAA9E,gBACEW;AAAK,6BAAgBE,0CAAmB,CAACC,oBAApC,SAA2Df,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAAlF;AAAL,kBACEY,wCAACI,iCAAD,qBACEJ,wCAACK,4BAAD,QAAoBrB,IAApB,CADF,CADF,CADF,CADF,eAYEgB;AACE,IAAA,WAAW,EAAEL,WADf;AAEE,IAAA,OAAO,EAAEA,WAFX;AAGE,IAAA,UAAU,EAAEE,WAHd;AAIE,IAAA,MAAM,EAAEA,WAJV;AAKE,IAAA,SAAS,EAAEC,YALb;AAME,IAAA,GAAG,EAAEN,mBANP;AAOE,6BAAgBU,0CAAmB,CAACI,eAApC,SAAsDlB,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAA7E;AAPF,KASGH,QATH,CAZF,CADF;AA0BD;;AAEDJ,WAAW,CAAC0B,SAAZ,GAAwBC,gCAAxB;IAEMC,qBAAqB,GAAGC,kBAAQ,CAAC7B,WAAD,CAAR,CAAsB8B,WAAtB,CAAkC,qBAAlC;AAC9BF,qBAAqB,CAACF,SAAtB,GAAkCC,gCAAlC;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/v3/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n  useEffect(() => {\n    document.addEventListener('keydown', func);\n    return () => document.removeEventListener('keydown', func);\n  }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHover, setIsHover] = useState(false);\n  const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n  const [showPopover, setShowPopover] = useState(false);\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\n  const hideTooltip = useCallback(() => {\n    setShowPopover(false);\n    onClose();\n  }, [onClose]);\n\n  const onFocus = useCallback(() => {\n    setIsFocused(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onFocus');\n    }\n  }, [showPopover, showTooltip]);\n  const onBlur = useCallback(() => {\n    setIsFocused(false);\n    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n  }, [hideTooltip, isHover, latestOpenInteraction]);\n\n  const onMouseEnter = useCallback(() => {\n    setIsHover(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onMouseEnter');\n    }\n  }, [showPopover, showTooltip]);\n  const onMouseLeave = useCallback(() => {\n    setIsHover(false);\n    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n  }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n  const handleEscKey = useCallback(\n    ({ key }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  useGlobalKeyboardListener(handleEscKey);\n\n  return (\n    <>\n      {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <span onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} onFocus={onFocus} onBlur={onBlur}>\n        <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\n          <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n            <StyledTooltipContainer>\n              <StyledTooltipText textAlign={textAlign}>{text}</StyledTooltipText>\n              <StyledMouseOverDetectionBox />\n            </StyledTooltipContainer>\n          </div>\n        </DSPopperJS>\n        <StyledTriggerWrapper\n          ref={setReferenceElement}\n          data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n        >\n          {children}\n        </StyledTriggerWrapper>\n      </span>\n    </>\n  );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],"names":["useGlobalKeyboardListener","func","useEffect","document","addEventListener","removeEventListener","DSTooltipV3","props","useWithDefaultProps","text","children","onOpen","onClose","id","textAlign","extraPopperJsProps","useState","isFocused","setIsFocused","isHover","setIsHover","latestOpenInteraction","setLatestOpenInteraction","referenceElement","setReferenceElement","showPopover","setShowPopover","showTooltip","useCallback","hideTooltip","onFocus","onBlur","onMouseEnter","onMouseLeave","handleEscKey","key","React","DSPopperJS","TooltipV3DatatestId","TOOLTIP_TEXT_WRAPPER","StyledTooltipContainer","StyledTooltipText","StyledMouseOverDetectionBox","StyledTriggerWrapper","TRIGGER_WRAPPER","propTypes","dsTooltipPropTypes","DSTooltipV3WithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACC,IAAD,EAAU;AAC1CC,EAAAA,eAAS,CAAC,YAAM;AACdC,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCH,IAArC;AACA,WAAO;AAAA,aAAME,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCJ,IAAxC,CAAN;AAAA,KAAP;AACD,GAHQ,EAGN,CAACA,IAAD,CAHM,CAAT;AAID,CALD;;IAOMK,WAAiD,GAAG,SAApDA,WAAoD,CAACC,KAAD,EAAW;AACnE,6BAAkFC,iDAAmB,CAACD,KAAD,CAArG;AAAA,MAAQE,IAAR,wBAAQA,IAAR;AAAA,MAAcC,QAAd,wBAAcA,QAAd;AAAA,MAAwBC,MAAxB,wBAAwBA,MAAxB;AAAA,MAAgCC,OAAhC,wBAAgCA,OAAhC;AAAA,MAAyCC,EAAzC,wBAAyCA,EAAzC;AAAA,MAA6CC,SAA7C,wBAA6CA,SAA7C;AAAA,MAA2DC,kBAA3D;;AAEA,kBAAkCC,cAAQ,CAAC,KAAD,CAA1C;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAA8BF,cAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOG,OAAP;AAAA,MAAgBC,UAAhB;;AACA,mBAA0DJ,cAAQ,CAAC,EAAD,CAAlE;AAAA;AAAA,MAAOK,qBAAP;AAAA,MAA8BC,wBAA9B;;AAEA,mBAAgDN,cAAQ,EAAxD;AAAA;AAAA,MAAOO,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,mBAAsCR,cAAQ,CAAC,KAAD,CAA9C;AAAA;AAAA,MAAOS,WAAP;AAAA,MAAoBC,cAApB;;AACA,MAAMC,WAAW,GAAGC,iBAAW,CAAC,YAAM;AACpCF,IAAAA,cAAc,CAAC,IAAD,CAAd;AACAf,IAAAA,MAAM;AACP,GAH8B,EAG5B,CAACA,MAAD,CAH4B,CAA/B;AAIA,MAAMkB,WAAW,GAAGD,iBAAW,CAAC,YAAM;AACpCF,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAd,IAAAA,OAAO;AACR,GAH8B,EAG5B,CAACA,OAAD,CAH4B,CAA/B;AAKA,MAAMkB,OAAO,GAAGF,iBAAW,CAAC,YAAM;AAChCV,IAAAA,YAAY,CAAC,IAAD,CAAZ;;AACA,QAAI,CAACO,WAAL,EAAkB;AAChBE,MAAAA,WAAW;AACXL,MAAAA,wBAAwB,CAAC,SAAD,CAAxB;AACD;AACF,GAN0B,EAMxB,CAACG,WAAD,EAAcE,WAAd,CANwB,CAA3B;AAOA,MAAMI,MAAM,GAAGH,iBAAW,CAAC,YAAM;AAC/BV,IAAAA,YAAY,CAAC,KAAD,CAAZ;AACA,QAAI,CAACC,OAAD,IAAYE,qBAAqB,KAAK,SAA1C,EAAqDQ,WAAW;AACjE,GAHyB,EAGvB,CAACA,WAAD,EAAcV,OAAd,EAAuBE,qBAAvB,CAHuB,CAA1B;AAKA,MAAMW,YAAY,GAAGJ,iBAAW,CAAC,YAAM;AACrCR,IAAAA,UAAU,CAAC,IAAD,CAAV;;AACA,QAAI,CAACK,WAAL,EAAkB;AAChBE,MAAAA,WAAW;AACXL,MAAAA,wBAAwB,CAAC,cAAD,CAAxB;AACD;AACF,GAN+B,EAM7B,CAACG,WAAD,EAAcE,WAAd,CAN6B,CAAhC;AAOA,MAAMM,YAAY,GAAGL,iBAAW,CAAC,YAAM;AACrCR,IAAAA,UAAU,CAAC,KAAD,CAAV;AACA,QAAI,CAACH,SAAD,IAAcI,qBAAqB,KAAK,cAA5C,EAA4DQ,WAAW;AACxE,GAH+B,EAG7B,CAACA,WAAD,EAAcZ,SAAd,EAAyBI,qBAAzB,CAH6B,CAAhC;AAKA,MAAMa,YAAY,GAAGN,iBAAW,CAC9B,gBAAa;AAAA,QAAVO,GAAU,QAAVA,GAAU;AACX,QAAIA,GAAG,KAAK,QAAZ,EAAsBN,WAAW;AAClC,GAH6B,EAI9B,CAACA,WAAD,CAJ8B,CAAhC;AAOA7B,EAAAA,yBAAyB,CAACkC,YAAD,CAAzB;AAEA,sBACEE,+FAKEA;AAAM,IAAA,YAAY,EAAEJ,YAApB;AAAkC,IAAA,YAAY,EAAEC,YAAhD;AAA8D,IAAA,OAAO,EAAEH,OAAvE;AAAgF,IAAA,MAAM,EAAEC;AAAxF,kBACEK,wCAACC,qBAAD;AAAY,IAAA,gBAAgB,EAAEd,gBAA9B;AAAgD,IAAA,WAAW,EAAEE,WAA7D;AAA0E,IAAA,aAAa;AAAvF,KAA4FV,kBAA5F,gBACEqB;AAAK,6BAAgBE,0CAAmB,CAACC,oBAApC,SAA2D1B,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAAlF;AAAL,kBACEuB,wCAACI,iCAAD,qBACEJ,wCAACK,4BAAD;AAAmB,IAAA,SAAS,EAAE3B;AAA9B,KAA0CL,IAA1C,CADF,eAEE2B,wCAACM,sCAAD,OAFF,CADF,CADF,CADF,eASEN,wCAACO,+BAAD;AACE,IAAA,GAAG,EAAEnB,mBADP;AAEE,6BAAgBc,0CAAmB,CAACM,eAApC,SAAsD/B,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAA7E;AAFF,KAIGH,QAJH,CATF,CALF,CADF;AAwBD;;AAEDJ,WAAW,CAACuC,SAAZ,GAAwBC,gCAAxB;IAEMC,qBAAqB,GAAGC,kBAAQ,CAAC1C,WAAD,CAAR,CAAsB2C,WAAtB,CAAkC,qBAAlC;AAC9BF,qBAAqB,CAACF,SAAtB,GAAkCC,gCAAlC;;;;;;"}

package/cjs/v3/propsTypes.js

@@ -6,9 +6,14 @@ var reactDesc = require('react-desc');
 
 var dsTooltipPropTypes = {
   /**
-   * Tooltip text to be displayed on hover
+   * Tooltip text to be displayed on hover/focus
    */
-  text: reactDesc.PropTypes.string.description('Tooltip text to be displayed on hover').isRequired,
+  text: reactDesc.PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
+
+  /**
+   * Tooltip text alignment
+   */
+  textAlign: reactDesc.PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit']).description('Tooltip text alignment').defaultValue('left'),
 
   /**
    * Element to tie the tooltip to, must be a single node

package/cjs/v3/propsTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"propsTypes.js","sources":["../../../src/v3/propsTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n  /**\n   * Tooltip text to be displayed on hover\n   */\n  text: PropTypes.string.description('Tooltip text to be displayed on hover').isRequired,\n  /**\n   * Element to tie the tooltip to, must be a single node\n   */\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  /**\n   *  Wheter or not the tooltip content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the tooltip should use the arrow\n   */\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\n  portalDOMContainer: PropTypes.element\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  tooltip wrapper z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  /**\n   *  modifiers array for full-custom tooltip-js override\n   *  https://tooltip.js.org/docs/v2/modifiers/\n   */\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n  /**\n   * Optional id appended to data-testid\n   */\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  /**\n   * Optional callback to be invoked when the tooltip opens\n   */\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  /**\n   * 'Optional callback to be invoked when the tooltip closes\n   */\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n};\n"],"names":["dsTooltipPropTypes","text","PropTypes","string","description","isRequired","children","node","withoutPortal","bool","defaultValue","withoutArrow","boundaryElement","element","undefined","portalDOMContainer","startPlacementPreference","oneOf","placementOrderPreference","arrayOf","zIndex","number","customOffset","modifiers","array","id","onOpen","func","onClose"],"mappings":";;;;;;IAEaA,kBAAkB,GAAG;AAChC;AACF;AACA;AACEC,EAAAA,IAAI,EAAEC,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,uCAA7B,EAAsEC,UAJ5C;;AAKhC;AACF;AACA;AACEC,EAAAA,QAAQ,EAAEJ,mBAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,sDAA3B,EAAmFC,UAR7D;;AAShC;AACF;AACA;AACEG,EAAAA,aAAa,EAAEN,mBAAS,CAACO,IAAV,CACZL,WADY,CACA,yEADA,EAEZM,YAFY,CAEC,IAFD,CAZiB;;AAehC;AACF;AACA;AACEC,EAAAA,YAAY,EAAET,mBAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,iDAA3B,EAA8EM,YAA9E,CAA2F,KAA3F,CAlBkB;;AAmBhC;AACF;AACA;AACA;AACEE,EAAAA,eAAe,EAAEV,mBAAS,CAACW,OAAV,CACdT,WADc,CAEb,uEACE,4FAHW,EAKdM,YALc,CAKDI,SALC,CAvBe;;AA6BhC;AACF;AACA;AACEC,EAAAA,kBAAkB,EAAEb,mBAAS,CAACW,OAAV,CACjBT,WADiB,CACL,gGADK,EAEjBM,YAFiB,CAEJI,SAFI,CAhCY;;AAmChC;AACF;AACA;AACEE,EAAAA,wBAAwB,EAAEd,mBAAS,CAACe,KAAV,CAAgB,CACxC,WADwC,EAExC,KAFwC,EAGxC,SAHwC,EAIxC,aAJwC,EAKxC,OALwC,EAMxC,WANwC,EAOxC,YAPwC,EAQxC,QARwC,EASxC,cATwC,EAUxC,UAVwC,EAWxC,MAXwC,EAYxC,YAZwC,CAAhB,EAcvBb,WAduB,CAcX,+DAdW,EAevBM,YAfuB,CAeV,OAfU,CAtCM;;AAsDhC;AACF;AACA;AACEQ,EAAAA,wBAAwB,EAAEhB,mBAAS,CAACiB,OAAV,CACxBjB,mBAAS,CAACe,KAAV,CAAgB,CACd,WADc,EAEd,KAFc,EAGd,SAHc,EAId,aAJc,EAKd,OALc,EAMd,WANc,EAOd,YAPc,EAQd,QARc,EASd,cATc,EAUd,UAVc,EAWd,MAXc,EAYd,YAZc,CAAhB,CADwB,EAgBvBb,WAhBuB,CAgBX,yEAhBW,EAiBvBM,YAjBuB,CAiBV,oCAjBU,CAzDM;;AA2EhC;AACF;AACA;AACEU,EAAAA,MAAM,EAAElB,mBAAS,CAACmB,MAAV,CAAiBjB,WAAjB,CAA6B,0BAA7B,EAAyDM,YAAzD,CAAsE,CAAtE,CA9EwB;;AA+EhC;AACF;AACA;AACEY,EAAAA,YAAY,EAAEpB,mBAAS,CAACiB,OAAV,CAAkBjB,mBAAS,CAACmB,MAA5B,EAAoCjB,WAApC,CAAgD,wBAAhD,EAA0EM,YAA1E,CAAuF,CAAC,CAAD,EAAI,EAAJ,CAAvF,CAlFkB;;AAmFhC;AACF;AACA;AACA;AACEa,EAAAA,SAAS,EAAErB,mBAAS,CAACsB,KAAV,CACRpB,WADQ,CACI,gGADJ,EAERM,YAFQ,CAEK,CAFL,CAvFqB;;AA0FhC;AACF;AACA;AACEe,EAAAA,EAAE,EAAEvB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,EAAoEM,YAApE,CAAiF,EAAjF,CA7F4B;;AA8FhC;AACF;AACA;AACEgB,EAAAA,MAAM,EAAExB,mBAAS,CAACyB,IAAV,CAAevB,WAAf,CAA2B,wDAA3B,EAAqFM,YAArF,CAAkG,UAAlG,CAjGwB;;AAkGhC;AACF;AACA;AACEkB,EAAAA,OAAO,EAAE1B,mBAAS,CAACyB,IAAV,CACNvB,WADM,CACM,yDADN,EAENM,YAFM,CAEO,UAFP;AArGuB;;;;"}
+{"version":3,"file":"propsTypes.js","sources":["../../../src/v3/propsTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n  /**\n   * Tooltip text to be displayed on hover/focus\n   */\n  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n  /**\n   * Tooltip text alignment\n   */\n  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  /**\n   * Element to tie the tooltip to, must be a single node\n   */\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  /**\n   *  Wheter or not the tooltip content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the tooltip should use the arrow\n   */\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\n  portalDOMContainer: PropTypes.element\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  tooltip wrapper z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  /**\n   *  modifiers array for full-custom tooltip-js override\n   *  https://tooltip.js.org/docs/v2/modifiers/\n   */\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n  /**\n   * Optional id appended to data-testid\n   */\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  /**\n   * Optional callback to be invoked when the tooltip opens\n   */\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  /**\n   * 'Optional callback to be invoked when the tooltip closes\n   */\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n};\n"],"names":["dsTooltipPropTypes","text","PropTypes","string","description","isRequired","textAlign","oneOf","defaultValue","children","node","withoutPortal","bool","withoutArrow","boundaryElement","element","undefined","portalDOMContainer","startPlacementPreference","placementOrderPreference","arrayOf","zIndex","number","customOffset","modifiers","array","id","onOpen","func","onClose"],"mappings":"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"}

package/cjs/v3/styleds.js

@@ -22,8 +22,19 @@ var StyledTooltipContainer = /*#__PURE__*/styled__default['default'].div.withCon
 });
 var StyledTooltipText = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-18a4gem-1"
-})(["white-space:normal;word-wrap:break-word;display:inline-block;"]);
+})(["white-space:normal;word-wrap:break-word;display:inline-block;text-align:", ";"], function (_ref4) {
+  var textAlign = _ref4.textAlign;
+  return textAlign;
+});
+var StyledMouseOverDetectionBox = /*#__PURE__*/styled__default['default'].div.withConfig({
+  componentId: "sc-18a4gem-2"
+})(["position:absolute;top:-15px;right:-15px;width:calc(100% + 30px);height:calc(100% + 30px);z-index:-1;"]);
+var StyledTriggerWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+  componentId: "sc-18a4gem-3"
+})(["display:inline-block;"]);
 
+exports.StyledMouseOverDetectionBox = StyledMouseOverDetectionBox;
 exports.StyledTooltipContainer = StyledTooltipContainer;
 exports.StyledTooltipText = StyledTooltipText;
+exports.StyledTriggerWrapper = StyledTriggerWrapper;
 //# sourceMappingURL=styleds.js.map

package/cjs/v3/styleds.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleds.js","sources":["../../../src/v3/styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n  transition: visibility 0.1s ease-in;\n`;\n\nexport const StyledTooltipText = styled.div`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n`;\n"],"names":["StyledTooltipContainer","styled","div","theme","space","l","xxxs","xs","colors","neutral","StyledTooltipText"],"mappings":";;;;;;;;;;IAEaA,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,kWAEpB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAOtB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CAPsB,EAYxB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAZwB;IAkBtBC,iBAAiB,gBAAGT,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;"}
+{"version":3,"file":"styleds.js","sources":["../../../src/v3/styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n  transition: visibility 0.1s ease-in;\n`;\n\nexport const StyledTooltipText = styled.div<{ textAlign: string }>`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n  display: inline-block;\n`;\n"],"names":["StyledTooltipContainer","styled","div","theme","space","l","xxxs","xs","colors","neutral","StyledTooltipText","textAlign","StyledMouseOverDetectionBox","StyledTriggerWrapper"],"mappings":";;;;;;;;;;IAEaA,sBAAsB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,kWAEpB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAOtB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CAPsB,EAYxB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAZwB;IAkBtBC,iBAAiB,gBAAGT,0BAAM,CAACC,GAAV;AAAA;AAAA,sFAId;AAAA,MAAGS,SAAH,SAAGA,SAAH;AAAA,SAAmBA,SAAnB;AAAA,CAJc;IAOjBC,2BAA2B,gBAAGX,0BAAM,CAACC,GAAV;AAAA;AAAA;IAS3BW,oBAAoB,gBAAGZ,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;;;"}

package/esm/index.js

@@ -8,11 +8,9 @@ import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
 import 'react-desc';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities/getComponentFromProps';
+import '@elliemae/ds-utilities';
 import '@elliemae/ds-shared/constants';
 import '@elliemae/ds-popper';
-import '@elliemae/ds-popper/interaction';
-import '@elliemae/ds-popper/positions';
 import './v1/TooltipType.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@babel/runtime/helpers/esm/slicedToArray';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/v1/DSTooltip.js

@@ -3,11 +3,9 @@ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutPr
 import React from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';
-import getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';
+import { getComponentFromProps } from '@elliemae/ds-utilities';
 import { DEFAULT_DELAY_CLOSE, DEFAULT_DELAY_OPEN } from '@elliemae/ds-shared/constants';
-import DSPopper, { PopperPositions, PopperInteractions } from '@elliemae/ds-popper';
-import { interactions } from '@elliemae/ds-popper/interaction';
-import { positions } from '@elliemae/ds-popper/positions';
+import DSPopper, { positions, PopperPositions, interactions, PopperInteractions } from '@elliemae/ds-popper';
 import { TooltipType } from './TooltipType.js';
 
 var _excluded = ["containerProps", "innerRef", "placement", "title", "delayClose", "delayOpen", "interactionType", "triggerComponent", "className", "isOpen", "onOpen", "springAnimationComponent", "tooltipType", "showArrow", "zIndex"];

package/esm/v1/DSTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSTooltip.js","sources":["../../../src/v1/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n  aggregatedClasses,\n  convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport getComponentFromProps from '@elliemae/ds-utilities/getComponentFromProps';\nimport {\n  DEFAULT_DELAY_OPEN,\n  DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport DSPopper, {\n  PopperPositions,\n  PopperInteractions,\n} from '@elliemae/ds-popper';\nimport { interactions } from '@elliemae/ds-popper/interaction';\nimport { positions } from '@elliemae/ds-popper/positions';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n  containerProps = {},\n  innerRef,\n  placement = PopperPositions.TOP,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  interactionType = PopperInteractions.HOVER,\n  triggerComponent = null,\n  className = '',\n  isOpen = undefined,\n  onOpen = () => null,\n  springAnimationComponent = undefined,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  zIndex,\n  ...otherTooltipProps\n}) => {\n  const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n    blockName,\n  );\n\n  let Content = title;\n  if (typeof title === 'string') {\n    Content = <TooltipText>{title}</TooltipText>;\n  }\n  return (\n    <DSPopper\n      blockName={tooltipBlockName}\n      contentComponent={\n        <TooltipContainer\n          {...containerProps}\n          {...otherTooltipProps}\n          className={`tooltip-container--${tooltipType} ${className}`}\n          innerRef={innerRef}\n        >\n          {Content}\n        </TooltipContainer>\n      }\n      delayClose={delayClose}\n      delayOpen={delayOpen}\n      interactionType={interactionType}\n      isOpen={isOpen}\n      onOpen={onOpen}\n      placement={placement}\n      showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n      springAnimationComponent={springAnimationComponent}\n      triggerComponent={getComponentFromProps(triggerComponent)}\n      zIndex={zIndex}\n    />\n  );\n};\n\nconst tooltipProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  placement: PropTypes.oneOf(positions)\n    .description('Tooltip position')\n    .defaultValue(PopperPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Tooltip content',\n  ).isRequired,\n  delayClose: PropTypes.string\n    .description('Delay to close the tooltip')\n    .defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.string\n    .description('Delay to open the tooltip ')\n    .defaultValue(DEFAULT_DELAY_OPEN),\n  interactionType: PropTypes.oneOf(interactions)\n    .description('A type indicating how to open/close the tooltip')\n    .defaultValue(PopperInteractions.HOVER),\n  triggerComponent: PropTypes.element.description(\n    `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`,\n  ).isRequired,\n  isOpen: PropTypes.bool\n    .description('Whether the tooltip is visible or not')\n    .defaultValue(undefined),\n  onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n  springAnimationComponent: PropTypes.element.description(\n    'Spring animation component',\n  ),\n  showArrow: PropTypes.bool\n    .description('Whether to show an arrow or not')\n    .defaultValue(true),\n  className: PropTypes.string.description('css class'),\n  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n    .description('Type of tooltip')\n    .defaultValue(TooltipType.TOOLTIP),\n  zIndex: PropTypes.number\n    .description('z-index value assigned to the tooltip')\n    .defaultValue(undefined),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'Ref to the tooltip container element',\n  ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],"names":["blockName","TooltipContainer","aggregatedClasses","propsToRemoveFromFinalElement","TooltipText","DSTooltip","containerProps","innerRef","placement","PopperPositions","TOP","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","interactionType","PopperInteractions","HOVER","triggerComponent","className","isOpen","undefined","onOpen","springAnimationComponent","tooltipType","TooltipType","TOOLTIP","showArrow","zIndex","otherTooltipProps","convertPropToCssClassName","tooltipBlockName","cssClassName","Content","getComponentFromProps","tooltipProps","PropTypes","object","description","oneOf","positions","defaultValue","oneOfType","string","element","isRequired","interactions","bool","func","number","propTypes","TooltipWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSTooltip.js","sources":["../../../src/v1/DSTooltip.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport {\n  aggregatedClasses,\n  convertPropToCssClassName,\n} from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport {\n  DEFAULT_DELAY_OPEN,\n  DEFAULT_DELAY_CLOSE,\n} from '@elliemae/ds-shared/constants';\nimport DSPopper, {\n  PopperPositions,\n  PopperInteractions,\n  interactions,\n  positions\n} from '@elliemae/ds-popper';\nimport { TooltipType } from './TooltipType';\n\nconst blockName = 'tooltip';\n\nconst TooltipContainer = aggregatedClasses('div')(blockName, false, false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\nconst TooltipText = aggregatedClasses('span')(blockName, 'text', false, {\n  propsToRemoveFromFinalElement: ['isHovered', 'isDragged'],\n});\n\nconst DSTooltip = ({\n  containerProps = {},\n  innerRef,\n  placement = PopperPositions.TOP,\n  title = '',\n  delayClose = DEFAULT_DELAY_CLOSE,\n  delayOpen = DEFAULT_DELAY_OPEN,\n  interactionType = PopperInteractions.HOVER,\n  triggerComponent = null,\n  className = '',\n  isOpen = undefined,\n  onOpen = () => null,\n  springAnimationComponent = undefined,\n  tooltipType = TooltipType.TOOLTIP,\n  showArrow = true,\n  zIndex,\n  ...otherTooltipProps\n}) => {\n  const { cssClassName: tooltipBlockName } = convertPropToCssClassName(\n    blockName,\n  );\n\n  let Content = title;\n  if (typeof title === 'string') {\n    Content = <TooltipText>{title}</TooltipText>;\n  }\n  return (\n    <DSPopper\n      blockName={tooltipBlockName}\n      contentComponent={\n        <TooltipContainer\n          {...containerProps}\n          {...otherTooltipProps}\n          className={`tooltip-container--${tooltipType} ${className}`}\n          innerRef={innerRef}\n        >\n          {Content}\n        </TooltipContainer>\n      }\n      delayClose={delayClose}\n      delayOpen={delayOpen}\n      interactionType={interactionType}\n      isOpen={isOpen}\n      onOpen={onOpen}\n      placement={placement}\n      showArrow={tooltipType === TooltipType.TOOLTIP ? showArrow : false}\n      springAnimationComponent={springAnimationComponent}\n      triggerComponent={getComponentFromProps(triggerComponent)}\n      zIndex={zIndex}\n    />\n  );\n};\n\nconst tooltipProps = {\n  containerProps: PropTypes.object.description(\n    'Set of Properties attached to the main container',\n  ),\n  placement: PropTypes.oneOf(positions)\n    .description('Tooltip position')\n    .defaultValue(PopperPositions.TOP),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Tooltip content',\n  ).isRequired,\n  delayClose: PropTypes.string\n    .description('Delay to close the tooltip')\n    .defaultValue(DEFAULT_DELAY_CLOSE),\n  delayOpen: PropTypes.string\n    .description('Delay to open the tooltip ')\n    .defaultValue(DEFAULT_DELAY_OPEN),\n  interactionType: PropTypes.oneOf(interactions)\n    .description('A type indicating how to open/close the tooltip')\n    .defaultValue(PopperInteractions.HOVER),\n  triggerComponent: PropTypes.element.description(\n    `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`,\n  ).isRequired,\n  isOpen: PropTypes.bool\n    .description('Whether the tooltip is visible or not')\n    .defaultValue(undefined),\n  onOpen: PropTypes.func.description('Handler when the tooltip opens'),\n  springAnimationComponent: PropTypes.element.description(\n    'Spring animation component',\n  ),\n  showArrow: PropTypes.bool\n    .description('Whether to show an arrow or not')\n    .defaultValue(true),\n  className: PropTypes.string.description('css class'),\n  tooltipType: PropTypes.oneOf(['tooltip', 'toolbar'])\n    .description('Type of tooltip')\n    .defaultValue(TooltipType.TOOLTIP),\n  zIndex: PropTypes.number\n    .description('z-index value assigned to the tooltip')\n    .defaultValue(undefined),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description(\n    'Ref to the tooltip container element',\n  ),\n};\n\nDSTooltip.propTypes = tooltipProps;\n\nconst TooltipWithSchema = describe(DSTooltip);\nTooltipWithSchema.propTypes = tooltipProps;\n\nexport { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema };\nexport default DSTooltip;\n"],"names":["blockName","TooltipContainer","aggregatedClasses","propsToRemoveFromFinalElement","TooltipText","DSTooltip","containerProps","innerRef","placement","PopperPositions","TOP","title","delayClose","DEFAULT_DELAY_CLOSE","delayOpen","DEFAULT_DELAY_OPEN","interactionType","PopperInteractions","HOVER","triggerComponent","className","isOpen","undefined","onOpen","springAnimationComponent","tooltipType","TooltipType","TOOLTIP","showArrow","zIndex","otherTooltipProps","convertPropToCssClassName","tooltipBlockName","cssClassName","Content","getComponentFromProps","tooltipProps","PropTypes","object","description","oneOf","positions","defaultValue","oneOfType","string","element","isRequired","interactions","bool","func","number","propTypes","TooltipWithSchema","describe"],"mappings":"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"}

package/esm/v3/config/useWithDefaultProps.js

@@ -6,7 +6,8 @@ var noop = function noop() {};
 var defaultProps = {
   onOpen: noop,
   onClose: noop,
-  id: ''
+  id: '',
+  textAlign: 'left'
 };
 var useWithDefaultProps = function useWithDefaultProps(props) {
   return useMemoMergePropsWithDefault(props, defaultProps);

package/esm/v3/config/useWithDefaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWithDefaultProps.js","sources":["../../../../src/v3/config/useWithDefaultProps.ts"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["noop","defaultProps","onOpen","onClose","id","useWithDefaultProps","props","useMemoMergePropsWithDefault"],"mappings":";;AAGA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAEF,IADW;AAEnBG,EAAAA,OAAO,EAAEH,IAFU;AAGnBI,EAAAA,EAAE,EAAE;AAHe,CAArB;IAMaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SACjCC,4BAA4B,CAACD,KAAD,EAAQL,YAAR,CADK;AAAA;;;;"}
+{"version":3,"file":"useWithDefaultProps.js","sources":["../../../../src/v3/config/useWithDefaultProps.ts"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport type { TooltipV3PropsT } from '../index.d';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nconst defaultProps = {\n  onOpen: noop,\n  onClose: noop,\n  id: '',\n  textAlign: 'left',\n};\n\nexport const useWithDefaultProps = (props: Partial<TooltipV3PropsT>): Partial<TooltipV3PropsT> =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["noop","defaultProps","onOpen","onClose","id","textAlign","useWithDefaultProps","props","useMemoMergePropsWithDefault"],"mappings":";;AAGA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM,EAAnB;;AAEA,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAEF,IADW;AAEnBG,EAAAA,OAAO,EAAEH,IAFU;AAGnBI,EAAAA,EAAE,EAAE,EAHe;AAInBC,EAAAA,SAAS,EAAE;AAJQ,CAArB;IAOaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;AAAA,SACjCC,4BAA4B,CAACD,KAAD,EAAQN,YAAR,CADK;AAAA;;;;"}

package/esm/v3/index.js

@@ -1,17 +1,26 @@
 import _extends from '@babel/runtime/helpers/esm/extends';
 import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useState, useCallback } from 'react';
+import React, { 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 { StyledTooltipContainer, StyledTooltipText } from './styleds.js';
+import { StyledTooltipContainer, StyledTooltipText, StyledMouseOverDetectionBox, StyledTriggerWrapper } from './styleds.js';
 import '@elliemae/ds-props-helpers';
 import 'styled-components';
 
-var _excluded = ["text", "children", "onOpen", "onClose", "id"];
+var _excluded = ["text", "children", "onOpen", "onClose", "id", "textAlign"];
+
+var useGlobalKeyboardListener = function useGlobalKeyboardListener(func) {
+  useEffect(function () {
+    document.addEventListener('keydown', func);
+    return function () {
+      return document.removeEventListener('keydown', func);
+    };
+  }, [func]);
+};
 
 var DSTooltipV3 = function DSTooltipV3(props) {
   var _useWithDefaultProps = useWithDefaultProps(props),
@@ -20,17 +29,33 @@ var DSTooltipV3 = function DSTooltipV3(props) {
       onOpen = _useWithDefaultProps.onOpen,
       onClose = _useWithDefaultProps.onClose,
       id = _useWithDefaultProps.id,
+      textAlign = _useWithDefaultProps.textAlign,
       extraPopperJsProps = _objectWithoutProperties(_useWithDefaultProps, _excluded);
 
-  var _useState = useState(),
+  var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      referenceElement = _useState2[0],
-      setReferenceElement = _useState2[1];
+      isFocused = _useState2[0],
+      setIsFocused = _useState2[1];
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      showPopover = _useState4[0],
-      setShowPopover = _useState4[1];
+      isHover = _useState4[0],
+      setIsHover = _useState4[1];
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      latestOpenInteraction = _useState6[0],
+      setLatestOpenInteraction = _useState6[1];
+
+  var _useState7 = useState(),
+      _useState8 = _slicedToArray(_useState7, 2),
+      referenceElement = _useState8[0],
+      setReferenceElement = _useState8[1];
+
+  var _useState9 = useState(false),
+      _useState10 = _slicedToArray(_useState9, 2),
+      showPopover = _useState10[0],
+      setShowPopover = _useState10[1];
 
   var showTooltip = useCallback(function () {
     setShowPopover(true);
@@ -40,24 +65,52 @@ var DSTooltipV3 = function DSTooltipV3(props) {
     setShowPopover(false);
     onClose();
   }, [onClose]);
+  var onFocus = useCallback(function () {
+    setIsFocused(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onFocus');
+    }
+  }, [showPopover, showTooltip]);
+  var onBlur = useCallback(function () {
+    setIsFocused(false);
+    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();
+  }, [hideTooltip, isHover, latestOpenInteraction]);
+  var onMouseEnter = useCallback(function () {
+    setIsHover(true);
+
+    if (!showPopover) {
+      showTooltip();
+      setLatestOpenInteraction('onMouseEnter');
+    }
+  }, [showPopover, showTooltip]);
+  var onMouseLeave = useCallback(function () {
+    setIsHover(false);
+    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();
+  }, [hideTooltip, isFocused, latestOpenInteraction]);
   var handleEscKey = useCallback(function (_ref) {
     var key = _ref.key;
     if (key === 'Escape') hideTooltip();
   }, [hideTooltip]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DSPopperJS, _extends({
+  useGlobalKeyboardListener(handleEscKey);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onFocus: onFocus,
+    onBlur: onBlur
+  }, /*#__PURE__*/React.createElement(DSPopperJS, _extends({
     referenceElement: referenceElement,
-    showPopover: showPopover
+    showPopover: showPopover,
+    withoutPortal: true
   }, extraPopperJsProps), /*#__PURE__*/React.createElement("div", {
     "data-testid": "".concat(TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-  }, /*#__PURE__*/React.createElement(StyledTooltipContainer, null, /*#__PURE__*/React.createElement(StyledTooltipText, null, text)))), /*#__PURE__*/React.createElement("div", {
-    onMouseOver: showTooltip,
-    onFocus: showTooltip,
-    onMouseOut: hideTooltip,
-    onBlur: hideTooltip,
-    onKeyDown: handleEscKey,
+  }, /*#__PURE__*/React.createElement(StyledTooltipContainer, null, /*#__PURE__*/React.createElement(StyledTooltipText, {
+    textAlign: textAlign
+  }, text), /*#__PURE__*/React.createElement(StyledMouseOverDetectionBox, null)))), /*#__PURE__*/React.createElement(StyledTriggerWrapper, {
     ref: setReferenceElement,
     "data-testid": "".concat(TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
-  }, children));
+  }, children)));
 };
 
 DSTooltipV3.propTypes = dsTooltipPropTypes;

package/esm/v3/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/v3/index.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport { StyledTooltipContainer, StyledTooltipText } from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n  const { text, children, onOpen, onClose, id, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n  const [referenceElement, setReferenceElement] = useState<HTMLDivElement>();\n  const [showPopover, setShowPopover] = useState(false);\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\n  const hideTooltip = useCallback(() => {\n    setShowPopover(false);\n    onClose();\n  }, [onClose]);\n  const handleEscKey = useCallback(\n    ({ key }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  return (\n    <>\n      <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} {...extraPopperJsProps}>\n        <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n          <StyledTooltipContainer>\n            <StyledTooltipText>{text}</StyledTooltipText>\n          </StyledTooltipContainer>\n        </div>\n      </DSPopperJS>\n      {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        onMouseOver={showTooltip}\n        onFocus={showTooltip}\n        onMouseOut={hideTooltip}\n        onBlur={hideTooltip}\n        onKeyDown={handleEscKey}\n        ref={setReferenceElement}\n        data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],"names":["DSTooltipV3","props","useWithDefaultProps","text","children","onOpen","onClose","id","extraPopperJsProps","useState","referenceElement","setReferenceElement","showPopover","setShowPopover","showTooltip","useCallback","hideTooltip","handleEscKey","key","TooltipV3DatatestId","TOOLTIP_TEXT_WRAPPER","TRIGGER_WRAPPER","propTypes","dsTooltipPropTypes","DSTooltipV3WithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;IAUMA,WAAiD,GAAG,SAApDA,WAAoD,CAACC,KAAD,EAAW;AACnE,6BAAuEC,mBAAmB,CAACD,KAAD,CAA1F;AAAA,MAAQE,IAAR,wBAAQA,IAAR;AAAA,MAAcC,QAAd,wBAAcA,QAAd;AAAA,MAAwBC,MAAxB,wBAAwBA,MAAxB;AAAA,MAAgCC,OAAhC,wBAAgCA,OAAhC;AAAA,MAAyCC,EAAzC,wBAAyCA,EAAzC;AAAA,MAAgDC,kBAAhD;;AAEA,kBAAgDC,QAAQ,EAAxD;AAAA;AAAA,MAAOC,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,mBAAsCF,QAAQ,CAAC,KAAD,CAA9C;AAAA;AAAA,MAAOG,WAAP;AAAA,MAAoBC,cAApB;;AACA,MAAMC,WAAW,GAAGC,WAAW,CAAC,YAAM;AACpCF,IAAAA,cAAc,CAAC,IAAD,CAAd;AACAR,IAAAA,MAAM;AACP,GAH8B,EAG5B,CAACA,MAAD,CAH4B,CAA/B;AAIA,MAAMW,WAAW,GAAGD,WAAW,CAAC,YAAM;AACpCF,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAP,IAAAA,OAAO;AACR,GAH8B,EAG5B,CAACA,OAAD,CAH4B,CAA/B;AAIA,MAAMW,YAAY,GAAGF,WAAW,CAC9B,gBAAa;AAAA,QAAVG,GAAU,QAAVA,GAAU;AACX,QAAIA,GAAG,KAAK,QAAZ,EAAsBF,WAAW;AAClC,GAH6B,EAI9B,CAACA,WAAD,CAJ8B,CAAhC;AAOA,sBACE,uDACE,oBAAC,UAAD;AAAY,IAAA,gBAAgB,EAAEN,gBAA9B;AAAgD,IAAA,WAAW,EAAEE;AAA7D,KAA8EJ,kBAA9E,gBACE;AAAK,6BAAgBW,mBAAmB,CAACC,oBAApC,SAA2Db,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAAlF;AAAL,kBACE,oBAAC,sBAAD,qBACE,oBAAC,iBAAD,QAAoBJ,IAApB,CADF,CADF,CADF,CADF,eAYE;AACE,IAAA,WAAW,EAAEW,WADf;AAEE,IAAA,OAAO,EAAEA,WAFX;AAGE,IAAA,UAAU,EAAEE,WAHd;AAIE,IAAA,MAAM,EAAEA,WAJV;AAKE,IAAA,SAAS,EAAEC,YALb;AAME,IAAA,GAAG,EAAEN,mBANP;AAOE,6BAAgBQ,mBAAmB,CAACE,eAApC,SAAsDd,EAAE,KAAK,EAAP,cAAgBA,EAAhB,IAAuB,EAA7E;AAPF,KASGH,QATH,CAZF,CADF;AA0BD;;AAEDJ,WAAW,CAACsB,SAAZ,GAAwBC,kBAAxB;IAEMC,qBAAqB,GAAGC,QAAQ,CAACzB,WAAD,CAAR,CAAsB0B,WAAtB,CAAkC,qBAAlC;AAC9BF,qBAAqB,CAACF,SAAtB,GAAkCC,kBAAlC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/v3/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n  useEffect(() => {\n    document.addEventListener('keydown', func);\n    return () => document.removeEventListener('keydown', func);\n  }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHover, setIsHover] = useState(false);\n  const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n  const [showPopover, setShowPopover] = useState(false);\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\n  const hideTooltip = useCallback(() => {\n    setShowPopover(false);\n    onClose();\n  }, [onClose]);\n\n  const onFocus = useCallback(() => {\n    setIsFocused(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onFocus');\n    }\n  }, [showPopover, showTooltip]);\n  const onBlur = useCallback(() => {\n    setIsFocused(false);\n    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n  }, [hideTooltip, isHover, latestOpenInteraction]);\n\n  const onMouseEnter = useCallback(() => {\n    setIsHover(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onMouseEnter');\n    }\n  }, [showPopover, showTooltip]);\n  const onMouseLeave = useCallback(() => {\n    setIsHover(false);\n    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n  }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n  const handleEscKey = useCallback(\n    ({ key }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  useGlobalKeyboardListener(handleEscKey);\n\n  return (\n    <>\n      {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <span onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave} onFocus={onFocus} onBlur={onBlur}>\n        <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\n          <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n            <StyledTooltipContainer>\n              <StyledTooltipText textAlign={textAlign}>{text}</StyledTooltipText>\n              <StyledMouseOverDetectionBox />\n            </StyledTooltipContainer>\n          </div>\n        </DSPopperJS>\n        <StyledTriggerWrapper\n          ref={setReferenceElement}\n          data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n        >\n          {children}\n        </StyledTriggerWrapper>\n      </span>\n    </>\n  );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],"names":["useGlobalKeyboardListener","func","useEffect","document","addEventListener","removeEventListener","DSTooltipV3","props","useWithDefaultProps","text","children","onOpen","onClose","id","textAlign","extraPopperJsProps","useState","isFocused","setIsFocused","isHover","setIsHover","latestOpenInteraction","setLatestOpenInteraction","referenceElement","setReferenceElement","showPopover","setShowPopover","showTooltip","useCallback","hideTooltip","onFocus","onBlur","onMouseEnter","onMouseLeave","handleEscKey","key","TooltipV3DatatestId","TOOLTIP_TEXT_WRAPPER","TRIGGER_WRAPPER","propTypes","dsTooltipPropTypes","DSTooltipV3WithSchema","describe","description"],"mappings":"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"}

package/esm/v3/propsTypes.js

@@ -2,9 +2,14 @@ import { PropTypes } from 'react-desc';
 
 var dsTooltipPropTypes = {
   /**
-   * Tooltip text to be displayed on hover
+   * Tooltip text to be displayed on hover/focus
    */
-  text: PropTypes.string.description('Tooltip text to be displayed on hover').isRequired,
+  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,
+
+  /**
+   * Tooltip text alignment
+   */
+  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit']).description('Tooltip text alignment').defaultValue('left'),
 
   /**
    * Element to tie the tooltip to, must be a single node

package/esm/v3/propsTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"propsTypes.js","sources":["../../../src/v3/propsTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n  /**\n   * Tooltip text to be displayed on hover\n   */\n  text: PropTypes.string.description('Tooltip text to be displayed on hover').isRequired,\n  /**\n   * Element to tie the tooltip to, must be a single node\n   */\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  /**\n   *  Wheter or not the tooltip content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the tooltip should use the arrow\n   */\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\n  portalDOMContainer: PropTypes.element\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  tooltip wrapper z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  /**\n   *  modifiers array for full-custom tooltip-js override\n   *  https://tooltip.js.org/docs/v2/modifiers/\n   */\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n  /**\n   * Optional id appended to data-testid\n   */\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  /**\n   * Optional callback to be invoked when the tooltip opens\n   */\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  /**\n   * 'Optional callback to be invoked when the tooltip closes\n   */\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n};\n"],"names":["dsTooltipPropTypes","text","PropTypes","string","description","isRequired","children","node","withoutPortal","bool","defaultValue","withoutArrow","boundaryElement","element","undefined","portalDOMContainer","startPlacementPreference","oneOf","placementOrderPreference","arrayOf","zIndex","number","customOffset","modifiers","array","id","onOpen","func","onClose"],"mappings":";;IAEaA,kBAAkB,GAAG;AAChC;AACF;AACA;AACEC,EAAAA,IAAI,EAAEC,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,uCAA7B,EAAsEC,UAJ5C;;AAKhC;AACF;AACA;AACEC,EAAAA,QAAQ,EAAEJ,SAAS,CAACK,IAAV,CAAeH,WAAf,CAA2B,sDAA3B,EAAmFC,UAR7D;;AAShC;AACF;AACA;AACEG,EAAAA,aAAa,EAAEN,SAAS,CAACO,IAAV,CACZL,WADY,CACA,yEADA,EAEZM,YAFY,CAEC,IAFD,CAZiB;;AAehC;AACF;AACA;AACEC,EAAAA,YAAY,EAAET,SAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,iDAA3B,EAA8EM,YAA9E,CAA2F,KAA3F,CAlBkB;;AAmBhC;AACF;AACA;AACA;AACEE,EAAAA,eAAe,EAAEV,SAAS,CAACW,OAAV,CACdT,WADc,CAEb,uEACE,4FAHW,EAKdM,YALc,CAKDI,SALC,CAvBe;;AA6BhC;AACF;AACA;AACEC,EAAAA,kBAAkB,EAAEb,SAAS,CAACW,OAAV,CACjBT,WADiB,CACL,gGADK,EAEjBM,YAFiB,CAEJI,SAFI,CAhCY;;AAmChC;AACF;AACA;AACEE,EAAAA,wBAAwB,EAAEd,SAAS,CAACe,KAAV,CAAgB,CACxC,WADwC,EAExC,KAFwC,EAGxC,SAHwC,EAIxC,aAJwC,EAKxC,OALwC,EAMxC,WANwC,EAOxC,YAPwC,EAQxC,QARwC,EASxC,cATwC,EAUxC,UAVwC,EAWxC,MAXwC,EAYxC,YAZwC,CAAhB,EAcvBb,WAduB,CAcX,+DAdW,EAevBM,YAfuB,CAeV,OAfU,CAtCM;;AAsDhC;AACF;AACA;AACEQ,EAAAA,wBAAwB,EAAEhB,SAAS,CAACiB,OAAV,CACxBjB,SAAS,CAACe,KAAV,CAAgB,CACd,WADc,EAEd,KAFc,EAGd,SAHc,EAId,aAJc,EAKd,OALc,EAMd,WANc,EAOd,YAPc,EAQd,QARc,EASd,cATc,EAUd,UAVc,EAWd,MAXc,EAYd,YAZc,CAAhB,CADwB,EAgBvBb,WAhBuB,CAgBX,yEAhBW,EAiBvBM,YAjBuB,CAiBV,oCAjBU,CAzDM;;AA2EhC;AACF;AACA;AACEU,EAAAA,MAAM,EAAElB,SAAS,CAACmB,MAAV,CAAiBjB,WAAjB,CAA6B,0BAA7B,EAAyDM,YAAzD,CAAsE,CAAtE,CA9EwB;;AA+EhC;AACF;AACA;AACEY,EAAAA,YAAY,EAAEpB,SAAS,CAACiB,OAAV,CAAkBjB,SAAS,CAACmB,MAA5B,EAAoCjB,WAApC,CAAgD,wBAAhD,EAA0EM,YAA1E,CAAuF,CAAC,CAAD,EAAI,EAAJ,CAAvF,CAlFkB;;AAmFhC;AACF;AACA;AACA;AACEa,EAAAA,SAAS,EAAErB,SAAS,CAACsB,KAAV,CACRpB,WADQ,CACI,gGADJ,EAERM,YAFQ,CAEK,CAFL,CAvFqB;;AA0FhC;AACF;AACA;AACEe,EAAAA,EAAE,EAAEvB,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,EAAoEM,YAApE,CAAiF,EAAjF,CA7F4B;;AA8FhC;AACF;AACA;AACEgB,EAAAA,MAAM,EAAExB,SAAS,CAACyB,IAAV,CAAevB,WAAf,CAA2B,wDAA3B,EAAqFM,YAArF,CAAkG,UAAlG,CAjGwB;;AAkGhC;AACF;AACA;AACEkB,EAAAA,OAAO,EAAE1B,SAAS,CAACyB,IAAV,CACNvB,WADM,CACM,yDADN,EAENM,YAFM,CAEO,UAFP;AArGuB;;;;"}
+{"version":3,"file":"propsTypes.js","sources":["../../../src/v3/propsTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n  /**\n   * Tooltip text to be displayed on hover/focus\n   */\n  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n  /**\n   * Tooltip text alignment\n   */\n  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  /**\n   * Element to tie the tooltip to, must be a single node\n   */\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  /**\n   *  Wheter or not the tooltip content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the tooltip should use the arrow\n   */\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\n  portalDOMContainer: PropTypes.element\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  tooltip wrapper z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  /**\n   *  modifiers array for full-custom tooltip-js override\n   *  https://tooltip.js.org/docs/v2/modifiers/\n   */\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n  /**\n   * Optional id appended to data-testid\n   */\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  /**\n   * Optional callback to be invoked when the tooltip opens\n   */\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  /**\n   * 'Optional callback to be invoked when the tooltip closes\n   */\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n};\n"],"names":["dsTooltipPropTypes","text","PropTypes","string","description","isRequired","textAlign","oneOf","defaultValue","children","node","withoutPortal","bool","withoutArrow","boundaryElement","element","undefined","portalDOMContainer","startPlacementPreference","placementOrderPreference","arrayOf","zIndex","number","customOffset","modifiers","array","id","onOpen","func","onClose"],"mappings":"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"}

package/esm/v3/styleds.js

@@ -14,7 +14,16 @@ var StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
 });
 var StyledTooltipText = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-18a4gem-1"
-})(["white-space:normal;word-wrap:break-word;display:inline-block;"]);
+})(["white-space:normal;word-wrap:break-word;display:inline-block;text-align:", ";"], function (_ref4) {
+  var textAlign = _ref4.textAlign;
+  return textAlign;
+});
+var StyledMouseOverDetectionBox = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-18a4gem-2"
+})(["position:absolute;top:-15px;right:-15px;width:calc(100% + 30px);height:calc(100% + 30px);z-index:-1;"]);
+var StyledTriggerWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-18a4gem-3"
+})(["display:inline-block;"]);
 
-export { StyledTooltipContainer, StyledTooltipText };
+export { StyledMouseOverDetectionBox, StyledTooltipContainer, StyledTooltipText, StyledTriggerWrapper };
 //# sourceMappingURL=styleds.js.map

package/esm/v3/styleds.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleds.js","sources":["../../../src/v3/styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n  transition: visibility 0.1s ease-in;\n`;\n\nexport const StyledTooltipText = styled.div`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n`;\n"],"names":["StyledTooltipContainer","styled","div","theme","space","l","xxxs","xs","colors","neutral","StyledTooltipText"],"mappings":";;IAEaA,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,kWAEpB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAOtB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CAPsB,EAYxB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAZwB;IAkBtBC,iBAAiB,gBAAGT,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}
+{"version":3,"file":"styleds.js","sources":["../../../src/v3/styleds.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%);\n  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n  transition: visibility 0.1s ease-in;\n`;\n\nexport const StyledTooltipText = styled.div<{ textAlign: string }>`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n  display: inline-block;\n`;\n"],"names":["StyledTooltipContainer","styled","div","theme","space","l","xxxs","xs","colors","neutral","StyledTooltipText","textAlign","StyledMouseOverDetectionBox","StyledTriggerWrapper"],"mappings":";;IAEaA,sBAAsB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,kWAEpB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAOtB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CAPsB,EAYxB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAZwB;IAkBtBC,iBAAiB,gBAAGT,MAAM,CAACC,GAAV;AAAA;AAAA,sFAId;AAAA,MAAGS,SAAH,SAAGA,SAAH;AAAA,SAAmBA,SAAnB;AAAA,CAJc;IAOjBC,2BAA2B,gBAAGX,MAAM,CAACC,GAAV;AAAA;AAAA;IAS3BW,oBAAoB,gBAAGZ,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip",
-  "version": "1.57.0-rc.1",
+  "version": "1.57.0-rc.13",
   "license": "MIT",
   "description": "Ellie Mae - Dim Sum - Tooltip",
   "module": "esm/index.js",
@@ -16,13 +16,14 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "1.57.0-rc.1",
-    "@elliemae/ds-classnames": "1.57.0-rc.1",
-    "@elliemae/ds-popper": "1.57.0-rc.1",
-    "@elliemae/ds-portal": "1.57.0-rc.1",
-    "@elliemae/ds-shared": "1.57.0-rc.1",
-    "@elliemae/ds-system": "1.57.0-rc.1",
-    "@elliemae/ds-utilities": "1.57.0-rc.1",
+    "@elliemae/ds-basic": "1.57.0-rc.13",
+    "@elliemae/ds-classnames": "1.57.0-rc.13",
+    "@elliemae/ds-popper": "1.57.0-rc.13",
+    "@elliemae/ds-popperjs": "1.57.0-rc.13",
+    "@elliemae/ds-portal": "1.57.0-rc.13",
+    "@elliemae/ds-shared": "1.57.0-rc.13",
+    "@elliemae/ds-system": "1.57.0-rc.13",
+    "@elliemae/ds-utilities": "1.57.0-rc.13",
     "@popperjs/core": "2.9.2",
     "react-desc": "^4.1.2",
     "react-popper": "2.2.5"