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

package/cjs/DSTruncateTextWithTooltip.js

@@ -2,78 +2,74 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var dsTooltip = require('@elliemae/ds-tooltip');
 var styled = require('styled-components');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Text = /*#__PURE__*/styled__default['default'].span.withConfig({
-  componentId: "sc-1w57q5j-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;:focus{border:none;outline:none;background:", ";}"], function (props) {
-  return props.theme.colors.brand['200'];
-});
-var DSTruncateTextWithTooltipDatatestId = 'DS-TruncateTextWithTooltip';
-var DSTruncateTextWithTooltip = function DSTruncateTextWithTooltip(_ref) {
-  var text = _ref.text,
-      _ref$tooltipProps = _ref.tooltipProps,
-      tooltipProps = _ref$tooltipProps === void 0 ? {} : _ref$tooltipProps;
-
-  var _useState = React.useState(),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      textWrapperEl = _useState2[0],
-      setTextWrapperEl = _useState2[1]; // const textWrapperEl = useRef<HTMLSpanElement>();
-
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      isShowingEllipsis = _useState4[0],
-      setIsShowingEllipsis = _useState4[1]; // const isShowingEllipsis = textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-1w57q5j-0"
+})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;:focus{border:none;outline:none;background:", ";}"], props => props.theme.colors.brand['200']);
+const DSTruncateTextWithTooltipDatatestId = 'DS-TruncateTextWithTooltip';
+const DSTruncateTextWithTooltip = _ref => {
+  let {
+    text,
+    tooltipProps = {}
+  } = _ref;
+  const [textWrapperEl, setTextWrapperEl] = React.useState(); // const textWrapperEl = useRef<HTMLSpanElement>();
 
-  var resizeObserver = React.useMemo(function () {
-    return new ResizeObserver(function (entries) {
-      if (entries.length) {
-        var _entries = _slicedToArray__default['default'](entries, 1),
-            textWrapperEntry = _entries[0];
+  const [isShowingEllipsis, setIsShowingEllipsis] = React.useState(false); // const isShowingEllipsis = textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth;
 
-        var el = textWrapperEntry.target;
-        setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
-      }
-    });
-  }, []);
-  React.useEffect(function () {
+  const resizeObserver = React.useMemo(() => new ResizeObserver(entries => {
+    if (entries.length) {
+      const [textWrapperEntry] = entries;
+      const el = textWrapperEntry.target;
+      setIsShowingEllipsis((el === null || el === void 0 ? void 0 : el.scrollWidth) > (el === null || el === void 0 ? void 0 : el.clientWidth));
+    }
+  }), []);
+  React.useEffect(() => {
     if (textWrapperEl) {
       setIsShowingEllipsis((textWrapperEl === null || textWrapperEl === void 0 ? void 0 : textWrapperEl.scrollWidth) > (textWrapperEl === null || textWrapperEl === void 0 ? void 0 : textWrapperEl.clientWidth));
       resizeObserver.observe(textWrapperEl);
     }
 
-    return function () {
+    return () => {
       if (textWrapperEl) {
         resizeObserver.unobserve(textWrapperEl);
       }
     };
   }, [resizeObserver, textWrapperEl]);
-  if (isShowingEllipsis) return /*#__PURE__*/React__default['default'].createElement(dsTooltip.DSTooltipV3, _extends__default['default']({
+  if (isShowingEllipsis) return /*#__PURE__*/jsxRuntime.jsx(dsTooltip.DSTooltipV3, _objectSpread(_objectSpread({
     text: text
-  }, tooltipProps), /*#__PURE__*/React__default['default'].createElement(Text, {
-    ref: setTextWrapperEl,
-    tabIndex: 0,
-    "data-testid": DSTruncateTextWithTooltipDatatestId
-  }, text));
-  return /*#__PURE__*/React__default['default'].createElement(Text, {
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Text, {
+      ref: setTextWrapperEl,
+      tabIndex: 0,
+      "data-testid": DSTruncateTextWithTooltipDatatestId,
+      children: text
+    })
+  }));
+  return /*#__PURE__*/jsxRuntime.jsx(Text, {
     ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWithTooltipDatatestId
-  }, text);
+    "data-testid": DSTruncateTextWithTooltipDatatestId,
+    children: text
+  });
 };
 
 exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip;
 exports.DSTruncateTextWithTooltipDatatestId = DSTruncateTextWithTooltipDatatestId;
-//# sourceMappingURL=DSTruncateTextWithTooltip.js.map

package/cjs/DSTruncatedTooltipText.js

@@ -2,82 +2,96 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
 var dsPopper = require('@elliemae/ds-popper');
 var TooltipTextProvider = require('./TooltipTextProvider.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-popover');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _excluded = ["containerProps", "value", "zIndex"];
+const _excluded = ["containerProps", "value", "zIndex"];
 
-var isEllipsisActive = function isEllipsisActive(_ref) {
-  var offsetWidth = _ref.offsetWidth,
-      scrollWidth = _ref.scrollWidth;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const isEllipsisActive = _ref => {
+  let {
+    offsetWidth,
+    scrollWidth
+  } = _ref;
   return offsetWidth < scrollWidth;
 }; // reduce the possibility of error showing the tooltip (text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755
 
 
-var Text = /*#__PURE__*/styled__default['default'].span.withConfig({
+const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1olo1o7-0"
 })(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;"]);
 
-var DSTruncatedTooltipText = function DSTruncatedTooltipText(_ref2) {
-  var _ref2$containerProps = _ref2.containerProps,
-      containerProps = _ref2$containerProps === void 0 ? {} : _ref2$containerProps,
-      _ref2$value = _ref2.value,
-      value = _ref2$value === void 0 ? '' : _ref2$value,
-      _ref2$zIndex = _ref2.zIndex,
-      zIndex = _ref2$zIndex === void 0 ? 110 : _ref2$zIndex,
-      otherTextProps = _objectWithoutProperties__default['default'](_ref2, _excluded);
-
-  var tooltipContext = React.useContext(TooltipTextProvider.TruncatedTooltipContext);
-  React.useEffect(function () {
+const DSTruncatedTooltipText = _ref2 => {
+  let {
+    containerProps = {},
+    value = '',
+    zIndex = 110
+  } = _ref2,
+      otherTextProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+  const tooltipContext = React.useContext(TooltipTextProvider.TruncatedTooltipContext);
+  React.useEffect(() => {
     if (zIndex && tooltipContext) tooltipContext.setZIndex(zIndex);
   }, [zIndex]);
   if (!tooltipContext) return value;
-  var showTooltip = tooltipContext.showTooltip,
-      hideTooltip = tooltipContext.hideTooltip;
+  const {
+    showTooltip,
+    hideTooltip
+  } = tooltipContext;
 
-  var handleMouseEnter = function handleMouseEnter(e) {
-    var target = e.target;
+  const handleMouseEnter = e => {
+    const {
+      target
+    } = e;
 
     if (target && isEllipsisActive(target, target.getBoundingClientRect())) {
       showTooltip({
-        value: value,
+        value,
         reference: target
       }, e);
     }
   };
 
-  var handleMouseLeave = function handleMouseLeave(e) {
+  const handleMouseLeave = e => {
     hideTooltip({
       reference: e.target
     });
   };
 
-  var handlers = showTooltip ? {
+  const handlers = showTooltip ? {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   } : {};
-  return /*#__PURE__*/React__default['default'].createElement(Text, _extends__default['default']({}, containerProps, otherTextProps, handlers), value);
+  return /*#__PURE__*/jsxRuntime.jsx(Text, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTextProps), handlers), {}, {
+    children: value
+  }));
 };
 
 DSTruncatedTooltipText.defaultProps = {
   value: '',
   zIndex: 110
 };
-var truncatedTooltipTextProps = {
+const truncatedTooltipTextProps = {
   containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
   value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Text that when truncated will trigger the tooltip interaction'),
   tooltipPlacement: reactDesc.PropTypes.oneOf([dsPopper.PopperPositions.AUTO_START, dsPopper.PopperPositions.AUTO_END, dsPopper.PopperPositions.AUTO, dsPopper.PopperPositions.TOP_START, dsPopper.PopperPositions.TOP, dsPopper.PopperPositions.TOP_END, dsPopper.PopperPositions.RIGHT_START, dsPopper.PopperPositions.RIGHT, dsPopper.PopperPositions.RIGHT_END, dsPopper.PopperPositions.BOTTOM_START, dsPopper.PopperPositions.BOTTOM, dsPopper.PopperPositions.BOTTOM_END, dsPopper.PopperPositions.LEFT_START, dsPopper.PopperPositions.LEFT, dsPopper.PopperPositions.LEFT_END]).description('Position of the tooltip'),
@@ -90,11 +104,9 @@ DSTruncatedTooltipText.defaultProps = {
   tooltipPlacement: undefined,
   tooltipDelay: undefined
 };
-DSTruncatedTooltipText.propTypes = truncatedTooltipTextProps;
-var TruncatedTooltipTextWithSchema = reactDesc.describe(DSTruncatedTooltipText);
+const TruncatedTooltipTextWithSchema = reactDesc.describe(DSTruncatedTooltipText);
 TruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;
 
 exports.DSTruncatedTooltipText = DSTruncatedTooltipText;
 exports.TruncatedTooltipTextWithSchema = TruncatedTooltipTextWithSchema;
-exports['default'] = DSTruncatedTooltipText;
-//# sourceMappingURL=DSTruncatedTooltipText.js.map
+exports["default"] = DSTruncatedTooltipText;

package/cjs/SimpleTruncatedTooltipText.js

@@ -2,155 +2,138 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx2 = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var dsUtilities = require('@elliemae/ds-utilities');
-var PropTypes = require('prop-types');
 var styled = require('styled-components');
 var DSPopover = require('@elliemae/ds-popover');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var dsTestId = 'DS-SimpleTruncateText';
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const dsTestId = 'DS-SimpleTruncateText';
 
-var isEllipsisActive = function isEllipsisActive(_ref) {
-  var offsetWidth = _ref.offsetWidth,
-      scrollWidth = _ref.scrollWidth;
+const isEllipsisActive = _ref => {
+  let {
+    offsetWidth,
+    scrollWidth
+  } = _ref;
   return offsetWidth < scrollWidth;
 };
 
-var initialTooltipState = function initialTooltipState() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+const initialTooltipState = function () {
+  let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return {
     reference: null,
     visible: false,
-    value: value,
-    options: options
+    value,
+    options
   };
 }; // reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755
 
 
-var Text = /*#__PURE__*/styled__default['default'].span.withConfig({
+const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-2f4vtq-0"
 })(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;"]);
 
-var SimpleTruncatedTooltipText = function SimpleTruncatedTooltipText(props) {
-  var containerProps = props.containerProps,
-      tooltipDelay = props.tooltipDelay,
-      placement = props.placement,
-      value = props.value,
-      zIndex = props.zIndex,
-      tooltipOptions = props.tooltipOptions,
-      textOptions = props.textOptions; // not using "usePopoverProviderState" because usePopoverState has memory leak issues
-
-  var _useState = React.useState(initialTooltipState(value, tooltipOptions)),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      tooltipState = _useState2[0],
-      setTooltipState = _useState2[1];
-
-  var show = React.useCallback(function (newState) {
+const SimpleTruncatedTooltipText = props => {
+  const {
+    containerProps,
+    tooltipDelay,
+    placement,
+    value,
+    zIndex,
+    tooltipOptions,
+    textOptions
+  } = props; // not using "usePopoverProviderState" because usePopoverState has memory leak issues
+
+  const [tooltipState, setTooltipState] = React.useState(initialTooltipState(value, tooltipOptions));
+  const show = React.useCallback(newState => {
     setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
       visible: true
     }));
   }, [tooltipState]);
-  var hideTooltip = React.useCallback(function (newState) {
+  const hideTooltip = React.useCallback(newState => {
     setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
       visible: false
     }));
   }, [tooltipState]);
-
-  var _useCancellableDelaye = dsUtilities.useCancellableDelayedCallback(show, tooltipDelay),
-      _useCancellableDelaye2 = _slicedToArray__default['default'](_useCancellableDelaye, 2),
-      showTooltip = _useCancellableDelaye2[0],
-      cancelShowTooltip = _useCancellableDelaye2[1];
-
-  var handleMouseEnter = React.useCallback(function (e) {
-    var target = e.target; // we search for the closest parent with data-testid matching this component
+  const [showTooltip, cancelShowTooltip] = dsUtilities.useCancellableDelayedCallback(show, tooltipDelay);
+  const handleMouseEnter = React.useCallback(e => {
+    const {
+      target
+    } = e; // we search for the closest parent with data-testid matching this component
     //  this is required because the target may not be this component itself
     //  when the user gives JSX as a value.
     //  JSX as a value is required for features like text highlight during research
     //    wich would still allow the truncation behaviour (see tree view for example)
     // when the target has the test-id itself target===SimpleTruncatedTextEl
 
-    var SimpleTruncatedTextEl = target.closest("[data-testid=\"".concat(dsTestId, "\"]"));
+    const SimpleTruncatedTextEl = target.closest("[data-testid=\"".concat(dsTestId, "\"]"));
 
     if (SimpleTruncatedTextEl && isEllipsisActive(SimpleTruncatedTextEl)) {
       showTooltip({
-        value: value,
+        value,
         reference: SimpleTruncatedTextEl
       });
     }
   }, [showTooltip, value]);
-  var handleMouseLeave = React.useCallback(function () {
+  const handleMouseLeave = React.useCallback(() => {
     cancelShowTooltip();
     hideTooltip({
       reference: null
     });
   }, [hideTooltip, cancelShowTooltip]);
-  var handlers = React.useMemo(function () {
+  const handlers = React.useMemo(() => {
     if (!showTooltip) return {};
     return {
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave
     };
   }, [showTooltip, handleMouseEnter, handleMouseLeave]);
-  var PurePopover = React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, tooltipState.visible ? /*#__PURE__*/React__default['default'].createElement(DSPopover__default['default'], {
+  const PurePopover = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: tooltipState.visible ? /*#__PURE__*/_jsx2__default["default"](DSPopover__default["default"], {
       boundaries: "window",
       style: {
         pointerEvents: 'none',
-        zIndex: zIndex
+        zIndex
       },
       placement: placement,
       content: tooltipState.value,
       referenceEl: tooltipState.reference,
       visible: tooltipState.visible,
       showArrow: true
-    }) : null);
-  }, [tooltipState, placement, zIndex]);
-  var PureText = React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Text, _extends__default['default']({}, containerProps && _objectSpread({}, containerProps), textOptions && _objectSpread({}, textOptions), handlers && _objectSpread({}, handlers), {
+    }) : null
+  }), [tooltipState, placement, zIndex]);
+  const PureText = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Text, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, containerProps && _objectSpread({}, containerProps)), textOptions && _objectSpread({}, textOptions)), handlers && _objectSpread({}, handlers)), {}, {
       "data-testid": dsTestId // this is used by mouse enter too. required to support value as JSX
-
-    }), value));
-  }, [containerProps, textOptions, handlers, value]);
-  var PureSimpleTruncatedTooltipText = React.useMemo(function () {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, PureText, PurePopover);
-  }, [PureText, PurePopover]);
+      ,
+      children: value
+    }))
+  }), [containerProps, textOptions, handlers, value]);
+  const PureSimpleTruncatedTooltipText = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [PureText, PurePopover]
+  }), [PureText, PurePopover]);
   return PureSimpleTruncatedTooltipText;
 };
 
-SimpleTruncatedTooltipText.propTypes = {
-  containerProps: PropTypes__default['default'].object,
-  tooltipOptions: PropTypes__default['default'].object,
-  textOptions: PropTypes__default['default'].object,
-
-  /** Text that when truncated will trigger the tooltip interaction */
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number, PropTypes__default['default'].node]),
-
-  /** Position of the tooltip */
-  placement: PropTypes__default['default'].oneOf([DSPopover.PopperPositions.AUTO_START, DSPopover.PopperPositions.AUTO_END, DSPopover.PopperPositions.AUTO, DSPopover.PopperPositions.TOP_START, DSPopover.PopperPositions.TOP, DSPopover.PopperPositions.TOP_END, DSPopover.PopperPositions.RIGHT_START, DSPopover.PopperPositions.RIGHT, DSPopover.PopperPositions.RIGHT_END, DSPopover.PopperPositions.BOTTOM_START, DSPopover.PopperPositions.BOTTOM, DSPopover.PopperPositions.BOTTOM_END, DSPopover.PopperPositions.LEFT_START, DSPopover.PopperPositions.LEFT, DSPopover.PopperPositions.LEFT_END]),
-
-  /** Delay to show the tooltip */
-  tooltipDelay: PropTypes__default['default'].number,
-
-  /** override default zIndex */
-  zIndex: PropTypes__default['default'].number
-};
 SimpleTruncatedTooltipText.defaultProps = {
   containerProps: {},
   tooltipOptions: {},
@@ -162,5 +145,4 @@ SimpleTruncatedTooltipText.defaultProps = {
 };
 
 exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText;
-exports['default'] = SimpleTruncatedTooltipText;
-//# sourceMappingURL=SimpleTruncatedTooltipText.js.map
+exports["default"] = SimpleTruncatedTooltipText;

package/cjs/TooltipTextProvider.js

@@ -2,72 +2,77 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx2 = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var DSPopover = require('@elliemae/ds-popover');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _jsx2__default = /*#__PURE__*/_interopDefaultLegacy(_jsx2);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
 
-var _excluded = ["children", "tooltipDelay", "placement"];
-var TruncatedTooltipContext = /*#__PURE__*/React__default['default'].createContext();
-var Provider = TruncatedTooltipContext.Provider;
+const _excluded = ["children", "tooltipDelay", "placement"];
 
-function TooltipTextProvider(_ref) {
-  var children = _ref.children,
-      _ref$tooltipDelay = _ref.tooltipDelay,
-      tooltipDelay = _ref$tooltipDelay === void 0 ? 200 : _ref$tooltipDelay,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'top' : _ref$placement,
-      tooltipOptions = _objectWithoutProperties__default['default'](_ref, _excluded);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-  var _usePopoverProviderSt = DSPopover.usePopoverProviderState({
-    delay: tooltipDelay
-  }),
-      showTooltip = _usePopoverProviderSt.show,
-      hideTooltip = _usePopoverProviderSt.hide,
-      tooltipState = _usePopoverProviderSt.state;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const TruncatedTooltipContext = /*#__PURE__*/React__default["default"].createContext();
+const {
+  Provider
+} = TruncatedTooltipContext;
 
-  var _useState = React.useState(110),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      zIndex = _useState2[0],
-      setZIndex = _useState2[1];
+function TooltipTextProvider(_ref) {
+  let {
+    children,
+    tooltipDelay = 200,
+    placement = 'top'
+  } = _ref,
+      tooltipOptions = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  var value = React.useMemo(function () {
-    return {
-      showTooltip: showTooltip,
-      hideTooltip: hideTooltip,
-      setZIndex: setZIndex
-    };
-  }, []);
-  return /*#__PURE__*/React__default['default'].createElement(Provider, {
+  const {
+    show: showTooltip,
+    hide: hideTooltip,
+    state: tooltipState
+  } = DSPopover.usePopoverProviderState({
+    delay: tooltipDelay
+  });
+  const [zIndex, setZIndex] = React.useState(110);
+  const value = React.useMemo(() => ({
+    showTooltip,
+    hideTooltip,
+    setZIndex
+  }), []);
+  return /*#__PURE__*/_jsx2__default["default"](Provider, {
     value: value
-  }, children, tooltipState.visible ? /*#__PURE__*/React__default['default'].createElement(DSPopover__default['default'], _extends__default['default']({
+  }, void 0, children, tooltipState.visible ? /*#__PURE__*/jsxRuntime.jsx(DSPopover__default["default"], _objectSpread(_objectSpread(_objectSpread({
     boundaries: "window",
     placement: placement,
     showArrow: true
-  }, tooltipOptions, tooltipState.options || {}, {
+  }, tooltipOptions), tooltipState.options || {}), {}, {
     content: tooltipState.value,
     referenceEl: tooltipState.reference,
     style: {
       pointerEvents: 'none',
-      zIndex: zIndex
+      zIndex
     },
     visible: tooltipState.visible
   })) : null);
 }
 
-TooltipTextProvider.propTypes = {};
 TooltipTextProvider.defaultProps = {};
 
 exports.TooltipTextProvider = TooltipTextProvider;
 exports.TruncatedTooltipContext = TruncatedTooltipContext;
-exports['default'] = TooltipTextProvider;
-//# sourceMappingURL=TooltipTextProvider.js.map
+exports["default"] = TooltipTextProvider;

package/cjs/index.js

@@ -6,18 +6,6 @@ var TooltipTextProvider = require('./TooltipTextProvider.js');
 var SimpleTruncatedTooltipText = require('./SimpleTruncatedTooltipText.js');
 var DSTruncatedTooltipText = require('./DSTruncatedTooltipText.js');
 var DSTruncateTextWithTooltip = require('./DSTruncateTextWithTooltip.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('@elliemae/ds-popover');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-utilities');
-require('prop-types');
-require('styled-components');
-require('react-desc');
-require('@elliemae/ds-popper');
-require('@elliemae/ds-tooltip');
 
 
 
@@ -26,7 +14,6 @@ exports.TruncatedTooltipContext = TooltipTextProvider.TruncatedTooltipContext;
 exports.SimpleTruncatedTooltipText = SimpleTruncatedTooltipText.SimpleTruncatedTooltipText;
 exports.DSTruncatedTooltipText = DSTruncatedTooltipText.DSTruncatedTooltipText;
 exports.TruncatedTooltipTextWithSchema = DSTruncatedTooltipText.TruncatedTooltipTextWithSchema;
-exports.default = DSTruncatedTooltipText.DSTruncatedTooltipText;
+exports["default"] = DSTruncatedTooltipText.DSTruncatedTooltipText;
 exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip.DSTruncateTextWithTooltip;
 exports.DSTruncateTextWithTooltipDatatestId = DSTruncateTextWithTooltip.DSTruncateTextWithTooltipDatatestId;
-//# sourceMappingURL=index.js.map