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

package/esm/DSTruncateTextWithTooltip.js

@@ -1,67 +1,65 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useMemo, useEffect } from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useMemo, useEffect } from 'react';
 import { DSTooltipV3 } from '@elliemae/ds-tooltip';
 import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
-var Text = /*#__PURE__*/styled.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 = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      textWrapperEl = _useState2[0],
-      setTextWrapperEl = _useState2[1]; // const textWrapperEl = useRef<HTMLSpanElement>();
-
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_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(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.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] = useState(); // const textWrapperEl = useRef<HTMLSpanElement>();
 
-  var resizeObserver = useMemo(function () {
-    return new ResizeObserver(function (entries) {
-      if (entries.length) {
-        var _entries = _slicedToArray(entries, 1),
-            textWrapperEntry = _entries[0];
+  const [isShowingEllipsis, setIsShowingEllipsis] = 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));
-      }
-    });
-  }, []);
-  useEffect(function () {
+  const resizeObserver = 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));
+    }
+  }), []);
+  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.createElement(DSTooltipV3, _extends({
+  if (isShowingEllipsis) return /*#__PURE__*/jsx(DSTooltipV3, _objectSpread(_objectSpread({
     text: text
-  }, tooltipProps), /*#__PURE__*/React.createElement(Text, {
-    ref: setTextWrapperEl,
-    tabIndex: 0,
-    "data-testid": DSTruncateTextWithTooltipDatatestId
-  }, text));
-  return /*#__PURE__*/React.createElement(Text, {
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/jsx(Text, {
+      ref: setTextWrapperEl,
+      tabIndex: 0,
+      "data-testid": DSTruncateTextWithTooltipDatatestId,
+      children: text
+    })
+  }));
+  return /*#__PURE__*/jsx(Text, {
     ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWithTooltipDatatestId
-  }, text);
+    "data-testid": DSTruncateTextWithTooltipDatatestId,
+    children: text
+  });
 };
 
 export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipDatatestId };
-//# sourceMappingURL=DSTruncateTextWithTooltip.js.map

package/esm/DSTruncatedTooltipText.js

@@ -1,72 +1,87 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useContext, useEffect } from 'react';
+import { useContext, useEffect } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
 import { PopperPositions } from '@elliemae/ds-popper';
 import { TruncatedTooltipContext } from './TooltipTextProvider.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-popover';
+import { jsx } from 'react/jsx-runtime';
 
-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(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.span.withConfig({
+const Text = /*#__PURE__*/styled.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,
+const DSTruncatedTooltipText = _ref2 => {
+  let {
+    containerProps = {},
+    value = '',
+    zIndex = 110
+  } = _ref2,
       otherTextProps = _objectWithoutProperties(_ref2, _excluded);
 
-  var tooltipContext = useContext(TruncatedTooltipContext);
-  useEffect(function () {
+  const tooltipContext = useContext(TruncatedTooltipContext);
+  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.createElement(Text, _extends({}, containerProps, otherTextProps, handlers), value);
+  return /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTextProps), handlers), {}, {
+    children: value
+  }));
 };
 
 DSTruncatedTooltipText.defaultProps = {
   value: '',
   zIndex: 110
 };
-var truncatedTooltipTextProps = {
+const truncatedTooltipTextProps = {
   containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Text that when truncated will trigger the tooltip interaction'),
   tooltipPlacement: PropTypes.oneOf([PopperPositions.AUTO_START, PopperPositions.AUTO_END, PopperPositions.AUTO, PopperPositions.TOP_START, PopperPositions.TOP, PopperPositions.TOP_END, PopperPositions.RIGHT_START, PopperPositions.RIGHT, PopperPositions.RIGHT_END, PopperPositions.BOTTOM_START, PopperPositions.BOTTOM, PopperPositions.BOTTOM_END, PopperPositions.LEFT_START, PopperPositions.LEFT, PopperPositions.LEFT_END]).description('Position of the tooltip'),
@@ -79,9 +94,7 @@ DSTruncatedTooltipText.defaultProps = {
   tooltipPlacement: undefined,
   tooltipDelay: undefined
 };
-DSTruncatedTooltipText.propTypes = truncatedTooltipTextProps;
-var TruncatedTooltipTextWithSchema = describe(DSTruncatedTooltipText);
+const TruncatedTooltipTextWithSchema = describe(DSTruncatedTooltipText);
 TruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;
 
 export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, DSTruncatedTooltipText as default };
-//# sourceMappingURL=DSTruncatedTooltipText.js.map

package/esm/SimpleTruncatedTooltipText.js

@@ -1,142 +1,128 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx2 from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useCallback, useMemo } from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useCallback, useMemo } from 'react';
 import { useCancellableDelayedCallback } from '@elliemae/ds-utilities';
-import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import DSPopover, { PopperPositions } from '@elliemae/ds-popover';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 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(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';
+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.span.withConfig({
+const Text = /*#__PURE__*/styled.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 = useState(initialTooltipState(value, tooltipOptions)),
-      _useState2 = _slicedToArray(_useState, 2),
-      tooltipState = _useState2[0],
-      setTooltipState = _useState2[1];
-
-  var show = 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] = useState(initialTooltipState(value, tooltipOptions));
+  const show = useCallback(newState => {
     setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
       visible: true
     }));
   }, [tooltipState]);
-  var hideTooltip = useCallback(function (newState) {
+  const hideTooltip = useCallback(newState => {
     setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
       visible: false
     }));
   }, [tooltipState]);
-
-  var _useCancellableDelaye = useCancellableDelayedCallback(show, tooltipDelay),
-      _useCancellableDelaye2 = _slicedToArray(_useCancellableDelaye, 2),
-      showTooltip = _useCancellableDelaye2[0],
-      cancelShowTooltip = _useCancellableDelaye2[1];
-
-  var handleMouseEnter = useCallback(function (e) {
-    var target = e.target; // we search for the closest parent with data-testid matching this component
+  const [showTooltip, cancelShowTooltip] = useCancellableDelayedCallback(show, tooltipDelay);
+  const handleMouseEnter = 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 = useCallback(function () {
+  const handleMouseLeave = useCallback(() => {
     cancelShowTooltip();
     hideTooltip({
       reference: null
     });
   }, [hideTooltip, cancelShowTooltip]);
-  var handlers = useMemo(function () {
+  const handlers = useMemo(() => {
     if (!showTooltip) return {};
     return {
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave
     };
   }, [showTooltip, handleMouseEnter, handleMouseLeave]);
-  var PurePopover = useMemo(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, tooltipState.visible ? /*#__PURE__*/React.createElement(DSPopover, {
+  const PurePopover = useMemo(() => /*#__PURE__*/jsx(Fragment, {
+    children: tooltipState.visible ? /*#__PURE__*/_jsx2(DSPopover, {
       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 = useMemo(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, _extends({}, containerProps && _objectSpread({}, containerProps), textOptions && _objectSpread({}, textOptions), handlers && _objectSpread({}, handlers), {
+    }) : null
+  }), [tooltipState, placement, zIndex]);
+  const PureText = useMemo(() => /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/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 = useMemo(function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, PureText, PurePopover);
-  }, [PureText, PurePopover]);
+      ,
+      children: value
+    }))
+  }), [containerProps, textOptions, handlers, value]);
+  const PureSimpleTruncatedTooltipText = useMemo(() => /*#__PURE__*/jsxs(Fragment, {
+    children: [PureText, PurePopover]
+  }), [PureText, PurePopover]);
   return PureSimpleTruncatedTooltipText;
 };
 
-SimpleTruncatedTooltipText.propTypes = {
-  containerProps: PropTypes.object,
-  tooltipOptions: PropTypes.object,
-  textOptions: PropTypes.object,
-
-  /** Text that when truncated will trigger the tooltip interaction */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]),
-
-  /** Position of the tooltip */
-  placement: PropTypes.oneOf([PopperPositions.AUTO_START, PopperPositions.AUTO_END, PopperPositions.AUTO, PopperPositions.TOP_START, PopperPositions.TOP, PopperPositions.TOP_END, PopperPositions.RIGHT_START, PopperPositions.RIGHT, PopperPositions.RIGHT_END, PopperPositions.BOTTOM_START, PopperPositions.BOTTOM, PopperPositions.BOTTOM_END, PopperPositions.LEFT_START, PopperPositions.LEFT, PopperPositions.LEFT_END]),
-
-  /** Delay to show the tooltip */
-  tooltipDelay: PropTypes.number,
-
-  /** override default zIndex */
-  zIndex: PropTypes.number
-};
 SimpleTruncatedTooltipText.defaultProps = {
   containerProps: {},
   tooltipOptions: {},
@@ -148,4 +134,3 @@ SimpleTruncatedTooltipText.defaultProps = {
 };
 
 export { SimpleTruncatedTooltipText, SimpleTruncatedTooltipText as default };
-//# sourceMappingURL=SimpleTruncatedTooltipText.js.map

package/esm/TooltipTextProvider.js

@@ -1,59 +1,64 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _jsx2 from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React, { useState, useMemo } from 'react';
 import DSPopover, { usePopoverProviderState } from '@elliemae/ds-popover';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children", "tooltipDelay", "placement"];
-var TruncatedTooltipContext = /*#__PURE__*/React.createContext();
-var Provider = TruncatedTooltipContext.Provider;
+const _excluded = ["children", "tooltipDelay", "placement"];
+
+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(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.createContext();
+const {
+  Provider
+} = TruncatedTooltipContext;
 
 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,
+  let {
+    children,
+    tooltipDelay = 200,
+    placement = 'top'
+  } = _ref,
       tooltipOptions = _objectWithoutProperties(_ref, _excluded);
 
-  var _usePopoverProviderSt = usePopoverProviderState({
+  const {
+    show: showTooltip,
+    hide: hideTooltip,
+    state: tooltipState
+  } = usePopoverProviderState({
     delay: tooltipDelay
-  }),
-      showTooltip = _usePopoverProviderSt.show,
-      hideTooltip = _usePopoverProviderSt.hide,
-      tooltipState = _usePopoverProviderSt.state;
-
-  var _useState = useState(110),
-      _useState2 = _slicedToArray(_useState, 2),
-      zIndex = _useState2[0],
-      setZIndex = _useState2[1];
-
-  var value = useMemo(function () {
-    return {
-      showTooltip: showTooltip,
-      hideTooltip: hideTooltip,
-      setZIndex: setZIndex
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(Provider, {
+  });
+  const [zIndex, setZIndex] = useState(110);
+  const value = useMemo(() => ({
+    showTooltip,
+    hideTooltip,
+    setZIndex
+  }), []);
+  return /*#__PURE__*/_jsx2(Provider, {
     value: value
-  }, children, tooltipState.visible ? /*#__PURE__*/React.createElement(DSPopover, _extends({
+  }, void 0, children, tooltipState.visible ? /*#__PURE__*/jsx(DSPopover, _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 = {};
 
 export { TooltipTextProvider, TruncatedTooltipContext, TooltipTextProvider as default };
-//# sourceMappingURL=TooltipTextProvider.js.map

package/esm/index.js

@@ -2,16 +2,3 @@ export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvi
 export { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText.js';
 export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, DSTruncatedTooltipText as default } from './DSTruncatedTooltipText.js';
 export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipDatatestId } from './DSTruncateTextWithTooltip.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import '@elliemae/ds-popover';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-utilities';
-import 'prop-types';
-import 'styled-components';
-import 'react-desc';
-import '@elliemae/ds-popper';
-import '@elliemae/ds-tooltip';
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,14 +1,46 @@
 {
   "name": "@elliemae/ds-truncated-tooltip-text",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Truncated Tooltip Text",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Truncated Tooltip Text",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./TooltipTextProvider": {
+      "import": "./esm/TooltipTextProvider.js",
+      "require": "./cjs/TooltipTextProvider.js"
+    },
+    "./SimpleTruncatedTooltipText": {
+      "import": "./esm/SimpleTruncatedTooltipText.js",
+      "require": "./cjs/SimpleTruncatedTooltipText.js"
+    },
+    "./DSTruncateTextWithTooltip": {
+      "import": "./esm/DSTruncateTextWithTooltip.js",
+      "require": "./cjs/DSTruncateTextWithTooltip.js"
+    },
+    "./DSTruncatedTooltipText": {
+      "import": "./esm/DSTruncatedTooltipText.js",
+      "require": "./cjs/DSTruncatedTooltipText.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,23 +48,24 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-popover": "1.60.0",
-    "@elliemae/ds-popper": "1.60.0",
-    "@elliemae/ds-tooltip": "1.60.0",
-    "@elliemae/ds-utilities": "1.60.0",
+    "@elliemae/ds-popover": "2.0.0-alpha.12",
+    "@elliemae/ds-popper": "2.0.0-alpha.12",
+    "@elliemae/ds-tooltip": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "prop-types": "~15.7.2",
-    "react-desc": "^4.1.2"
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }