@elliemae/ds-tooltip 1.54.0-rc.9 → 1.55.0-next.12

package/cjs/index.js

@@ -6,6 +6,7 @@ var v1_DSTooltip = require('./v1/DSTooltip.js');
 var v2_DSTooltip = require('./v2/DSTooltip.js');
 var v2_utils_tooltipPositions = require('./v2/utils/tooltipPositions.js');
 var v2_TooltipType = require('./v2/TooltipType.js');
+var v3_index = require('./v3/index.js');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
@@ -28,6 +29,12 @@ require('@elliemae/ds-system');
 require('./v2/DSTooltipArrow.js');
 require('./v2/propTypes.js');
 require('./v2/utils/setMultipleRefs.js');
+require('@elliemae/ds-popperjs');
+require('./v3/propsTypes.js');
+require('./v3/config/useWithDefaultProps.js');
+require('@elliemae/ds-props-helpers');
+require('./v3/TooltipV3DatatestId.js');
+require('./v3/styleds.js');
 
 
 
@@ -40,4 +47,6 @@ exports.DSTooltipV2 = v2_DSTooltip.DSTooltipV2;
 exports.TooltipV2WithSchema = v2_DSTooltip.TooltipV2WithSchema;
 exports.tooltipPositions = v2_utils_tooltipPositions.tooltipPositions;
 exports.TooltipType = v2_TooltipType.TooltipType;
+exports.DSTooltipV3 = v3_index.DSTooltipV3;
+exports.DSTooltipV3WithSchema = v3_index.DSTooltipV3WithSchema;
 //# sourceMappingURL=index.js.map

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/v3/TooltipV3DatatestId.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var TooltipV3DatatestId = {
+  TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',
+  TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper'
+};
+
+exports.TooltipV3DatatestId = TooltipV3DatatestId;
+//# sourceMappingURL=TooltipV3DatatestId.js.map

package/cjs/v3/TooltipV3DatatestId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipV3DatatestId.js","sources":["../../../src/v3/TooltipV3DatatestId.tsx"],"sourcesContent":["export const TooltipV3DatatestId = {\n  TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n  TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n"],"names":["TooltipV3DatatestId","TRIGGER_WRAPPER","TOOLTIP_TEXT_WRAPPER"],"mappings":";;;;IAAaA,mBAAmB,GAAG;AACjCC,EAAAA,eAAe,EAAE,+BADgB;AAEjCC,EAAAA,oBAAoB,EAAE;AAFW;;;;"}

package/cjs/v3/config/useWithDefaultProps.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var noop = function noop() {};
+
+var defaultProps = {
+  onOpen: noop,
+  onClose: noop,
+  id: ''
+};
+var useWithDefaultProps = function useWithDefaultProps(props) {
+  return dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps);
+};
+
+exports.useWithDefaultProps = useWithDefaultProps;
+//# sourceMappingURL=useWithDefaultProps.js.map

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

@@ -0,0 +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;;;;"}

package/cjs/v3/index.d.js

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

package/cjs/v3/index.d.js.map

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

package/cjs/v3/index.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var dsPopperjs = require('@elliemae/ds-popperjs');
+var reactDesc = require('react-desc');
+var v3_propsTypes = require('./propsTypes.js');
+var v3_config_useWithDefaultProps = require('./config/useWithDefaultProps.js');
+var v3_TooltipV3DatatestId = require('./TooltipV3DatatestId.js');
+var v3_styleds = require('./styleds.js');
+require('@elliemae/ds-props-helpers');
+require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+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 DSTooltipV3 = function DSTooltipV3(props) {
+  var _useWithDefaultProps = v3_config_useWithDefaultProps.useWithDefaultProps(props),
+      text = _useWithDefaultProps.text,
+      children = _useWithDefaultProps.children,
+      onOpen = _useWithDefaultProps.onOpen,
+      onClose = _useWithDefaultProps.onClose,
+      id = _useWithDefaultProps.id,
+      extraPopperJsProps = _objectWithoutProperties__default['default'](_useWithDefaultProps, _excluded);
+
+  var _useState = React.useState(),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      referenceElement = _useState2[0],
+      setReferenceElement = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      showPopover = _useState4[0],
+      setShowPopover = _useState4[1];
+
+  var showTooltip = React.useCallback(function () {
+    setShowPopover(true);
+    onOpen();
+  }, [onOpen]);
+  var hideTooltip = React.useCallback(function () {
+    setShowPopover(false);
+    onClose();
+  }, [onClose]);
+  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']({
+    referenceElement: referenceElement,
+    showPopover: showPopover
+  }, 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,
+    ref: setReferenceElement,
+    "data-testid": "".concat(v3_TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
+  }, children));
+};
+
+DSTooltipV3.propTypes = v3_propsTypes.dsTooltipPropTypes;
+var DSTooltipV3WithSchema = reactDesc.describe(DSTooltipV3).description('A tooltip component');
+DSTooltipV3WithSchema.propTypes = v3_propsTypes.dsTooltipPropTypes;
+
+exports.DSTooltipV3 = DSTooltipV3;
+exports.DSTooltipV3WithSchema = DSTooltipV3WithSchema;
+exports['default'] = DSTooltipV3;
+//# sourceMappingURL=index.js.map

package/cjs/v3/index.js.map

@@ -0,0 +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;;;;;;"}

package/cjs/v3/propsTypes.js

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+
+var dsTooltipPropTypes = {
+  /**
+   * Tooltip text to be displayed on hover
+   */
+  text: reactDesc.PropTypes.string.description('Tooltip text to be displayed on hover').isRequired,
+
+  /**
+   * Element to tie the tooltip to, must be a single node
+   */
+  children: reactDesc.PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,
+
+  /**
+   *  Wheter or not the tooltip content should appear in a DOM portal or not
+   */
+  withoutPortal: reactDesc.PropTypes.bool.description('Whether or not the tooltip content should appear in a DOM portal or not').defaultValue(true),
+
+  /**
+   *  Wheter or not the tooltip should use the arrow
+   */
+  withoutArrow: reactDesc.PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),
+
+  /**
+   *  Bounding element to calculate upon, defaults to it is "clippingParents",
+   *   which are the scrolling containers that may cause the element to be partially or fully cut off.
+   */
+  boundaryElement: reactDesc.PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",' + 'which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(undefined),
+
+  /**
+   *  When using portal, the container in which to append the DOM content, defaults to document body
+   */
+  portalDOMContainer: reactDesc.PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
+
+  /**
+   *  start placement preferences, as per popperjs placement option
+   */
+  startPlacementPreference: reactDesc.PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preferences, as per popperjs placement option').defaultValue("'top'"),
+
+  /**
+   *  Array of placement preferences, as per popperjs "flip" placement option
+   */
+  placementOrderPreference: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'])).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+
+  /**
+   *  tooltip wrapper z-index
+   */
+  zIndex: reactDesc.PropTypes.number.description('popperjs content z-index').defaultValue(1),
+
+  /**
+   *  placement offset array
+   */
+  customOffset: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('placement offset array').defaultValue([0, 14]),
+
+  /**
+   *  modifiers array for full-custom tooltip-js override
+   *  https://tooltip.js.org/docs/v2/modifiers/
+   */
+  modifiers: reactDesc.PropTypes.array.description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/').defaultValue(1),
+
+  /**
+   * Optional id appended to data-testid
+   */
+  id: reactDesc.PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),
+
+  /**
+   * Optional callback to be invoked when the tooltip opens
+   */
+  onOpen: reactDesc.PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),
+
+  /**
+   * 'Optional callback to be invoked when the tooltip closes
+   */
+  onClose: reactDesc.PropTypes.func.description('Optional callback to be invoked when the tooltip closes').defaultValue('() => {}')
+};
+
+exports.dsTooltipPropTypes = dsTooltipPropTypes;
+//# sourceMappingURL=propsTypes.js.map

package/cjs/v3/propsTypes.js.map

@@ -0,0 +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;;;;"}

package/cjs/v3/styleds.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var StyledTooltipContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+  componentId: "sc-18a4gem-0"
+})(["text-align:center;min-width:", ";max-width:250px;min-height:24px;padding:", ";position:relative;background-color:white;border-radius:2px;font-size:13px;color:", ";box-shadow:0 1px 5px 0 rgb(0 0 0 / 13%),0 2px 4px 0 rgb(0 0 0 / 20%);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));transition:visibility 0.1s ease-in;"], function (_ref) {
+  var theme = _ref.theme;
+  return theme.space.l;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.colors.neutral[600];
+});
+var StyledTooltipText = /*#__PURE__*/styled__default['default'].div.withConfig({
+  componentId: "sc-18a4gem-1"
+})(["white-space:normal;word-wrap:break-word;display:inline-block;"]);
+
+exports.StyledTooltipContainer = StyledTooltipContainer;
+exports.StyledTooltipText = StyledTooltipText;
+//# sourceMappingURL=styleds.js.map

package/cjs/v3/styleds.js.map

@@ -0,0 +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: 24px;\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,kUAEpB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAKtB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CALsB,EAUxB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVwB;IAgBtBC,iBAAiB,gBAAGT,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;"}

package/esm/index.js

@@ -2,6 +2,7 @@ export { DSTooltip, TooltipContainer, TooltipText, TooltipWithSchema, DSTooltip
 export { DSTooltipV2, TooltipV2WithSchema } from './v2/DSTooltip.js';
 export { tooltipPositions } from './v2/utils/tooltipPositions.js';
 export { TooltipType } from './v2/TooltipType.js';
+export { DSTooltipV3, DSTooltipV3WithSchema } from './v3/index.js';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
@@ -24,4 +25,10 @@ import '@elliemae/ds-system';
 import './v2/DSTooltipArrow.js';
 import './v2/propTypes.js';
 import './v2/utils/setMultipleRefs.js';
+import '@elliemae/ds-popperjs';
+import './v3/propsTypes.js';
+import './v3/config/useWithDefaultProps.js';
+import '@elliemae/ds-props-helpers';
+import './v3/TooltipV3DatatestId.js';
+import './v3/styleds.js';
 //# sourceMappingURL=index.js.map

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/v3/TooltipV3DatatestId.js

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

package/esm/v3/TooltipV3DatatestId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipV3DatatestId.js","sources":["../../../src/v3/TooltipV3DatatestId.tsx"],"sourcesContent":["export const TooltipV3DatatestId = {\n  TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n  TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n};\n"],"names":["TooltipV3DatatestId","TRIGGER_WRAPPER","TOOLTIP_TEXT_WRAPPER"],"mappings":"IAAaA,mBAAmB,GAAG;AACjCC,EAAAA,eAAe,EAAE,+BADgB;AAEjCC,EAAAA,oBAAoB,EAAE;AAFW;;;;"}

package/esm/v3/config/useWithDefaultProps.js

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

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

@@ -0,0 +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;;;;"}

package/esm/v3/index.d.js

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

package/esm/v3/index.d.js.map

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

package/esm/v3/index.js

@@ -0,0 +1,68 @@
+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 { 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 '@elliemae/ds-props-helpers';
+import 'styled-components';
+
+var _excluded = ["text", "children", "onOpen", "onClose", "id"];
+
+var DSTooltipV3 = function DSTooltipV3(props) {
+  var _useWithDefaultProps = useWithDefaultProps(props),
+      text = _useWithDefaultProps.text,
+      children = _useWithDefaultProps.children,
+      onOpen = _useWithDefaultProps.onOpen,
+      onClose = _useWithDefaultProps.onClose,
+      id = _useWithDefaultProps.id,
+      extraPopperJsProps = _objectWithoutProperties(_useWithDefaultProps, _excluded);
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      referenceElement = _useState2[0],
+      setReferenceElement = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showPopover = _useState4[0],
+      setShowPopover = _useState4[1];
+
+  var showTooltip = useCallback(function () {
+    setShowPopover(true);
+    onOpen();
+  }, [onOpen]);
+  var hideTooltip = useCallback(function () {
+    setShowPopover(false);
+    onClose();
+  }, [onClose]);
+  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({
+    referenceElement: referenceElement,
+    showPopover: showPopover
+  }, 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,
+    ref: setReferenceElement,
+    "data-testid": "".concat(TooltipV3DatatestId.TRIGGER_WRAPPER).concat(id !== '' ? "_".concat(id) : '')
+  }, children));
+};
+
+DSTooltipV3.propTypes = dsTooltipPropTypes;
+var DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');
+DSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;
+
+export { DSTooltipV3, DSTooltipV3WithSchema, DSTooltipV3 as default };
+//# sourceMappingURL=index.js.map

package/esm/v3/index.js.map

@@ -0,0 +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;;;;"}

package/esm/v3/propsTypes.js

@@ -0,0 +1,78 @@
+import { PropTypes } from 'react-desc';
+
+var dsTooltipPropTypes = {
+  /**
+   * Tooltip text to be displayed on hover
+   */
+  text: PropTypes.string.description('Tooltip text to be displayed on hover').isRequired,
+
+  /**
+   * Element to tie the tooltip to, must be a single node
+   */
+  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,
+
+  /**
+   *  Wheter or not the tooltip content should appear in a DOM portal or not
+   */
+  withoutPortal: PropTypes.bool.description('Whether or not the tooltip content should appear in a DOM portal or not').defaultValue(true),
+
+  /**
+   *  Wheter or not the tooltip should use the arrow
+   */
+  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),
+
+  /**
+   *  Bounding element to calculate upon, defaults to it is "clippingParents",
+   *   which are the scrolling containers that may cause the element to be partially or fully cut off.
+   */
+  boundaryElement: PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",' + 'which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(undefined),
+
+  /**
+   *  When using portal, the container in which to append the DOM content, defaults to document body
+   */
+  portalDOMContainer: PropTypes.element.description('When using portal, the container in which to append the DOM content, defaults to document body').defaultValue(undefined),
+
+  /**
+   *  start placement preferences, as per popperjs placement option
+   */
+  startPlacementPreference: PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']).description('start placement preferences, as per popperjs placement option').defaultValue("'top'"),
+
+  /**
+   *  Array of placement preferences, as per popperjs "flip" placement option
+   */
+  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf(['top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'])).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
+
+  /**
+   *  tooltip wrapper z-index
+   */
+  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),
+
+  /**
+   *  placement offset array
+   */
+  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),
+
+  /**
+   *  modifiers array for full-custom tooltip-js override
+   *  https://tooltip.js.org/docs/v2/modifiers/
+   */
+  modifiers: PropTypes.array.description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/').defaultValue(1),
+
+  /**
+   * Optional id appended to data-testid
+   */
+  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),
+
+  /**
+   * Optional callback to be invoked when the tooltip opens
+   */
+  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),
+
+  /**
+   * 'Optional callback to be invoked when the tooltip closes
+   */
+  onClose: PropTypes.func.description('Optional callback to be invoked when the tooltip closes').defaultValue('() => {}')
+};
+
+export { dsTooltipPropTypes };
+//# sourceMappingURL=propsTypes.js.map

package/esm/v3/propsTypes.js.map

@@ -0,0 +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;;;;"}

package/esm/v3/styleds.js

@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+
+var StyledTooltipContainer = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-18a4gem-0"
+})(["text-align:center;min-width:", ";max-width:250px;min-height:24px;padding:", ";position:relative;background-color:white;border-radius:2px;font-size:13px;color:", ";box-shadow:0 1px 5px 0 rgb(0 0 0 / 13%),0 2px 4px 0 rgb(0 0 0 / 20%);filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2));transition:visibility 0.1s ease-in;"], function (_ref) {
+  var theme = _ref.theme;
+  return theme.space.l;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return "".concat(theme.space.xxxs, " ").concat(theme.space.xs);
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.colors.neutral[600];
+});
+var StyledTooltipText = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-18a4gem-1"
+})(["white-space:normal;word-wrap:break-word;display:inline-block;"]);
+
+export { StyledTooltipContainer, StyledTooltipText };
+//# sourceMappingURL=styleds.js.map

package/esm/v3/styleds.js.map

@@ -0,0 +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: 24px;\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,kUAEpB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,KAAN,CAAYC,CAA3B;AAAA,CAFoB,EAKtB;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,mBAAkBA,KAAK,CAACC,KAAN,CAAYE,IAA9B,cAAsCH,KAAK,CAACC,KAAN,CAAYG,EAAlD;AAAA,CALsB,EAUxB;AAAA,MAAGJ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAVwB;IAgBtBC,iBAAiB,gBAAGT,MAAM,CAACC,GAAV;AAAA;AAAA;;;;"}

package/package.json

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

package/v3/TooltipV3DatatestId/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-tooltip/v3/TooltipV3DatatestId",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../../cjs/v3/TooltipV3DatatestId.js",
+  "module": "../../esm/v3/TooltipV3DatatestId.js"
+}

package/v3/config/useWithDefaultProps/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-tooltip/v3/config/useWithDefaultProps",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../../../cjs/v3/config/useWithDefaultProps.js",
+  "module": "../../../esm/v3/config/useWithDefaultProps.js"
+}

package/v3/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-tooltip/v3",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../cjs/v3/index.d.js",
+  "module": "../esm/v3/index.d.js"
+}

package/v3/propsTypes/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-tooltip/v3/propsTypes",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../../cjs/v3/propsTypes.js",
+  "module": "../../esm/v3/propsTypes.js"
+}

package/v3/styleds/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@elliemae/ds-tooltip/v3/styleds",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "private": true,
+  "main": "../../cjs/v3/styleds.js",
+  "module": "../../esm/v3/styleds.js"
+}