@elliemae/ds-truncated-tooltip-text 2.3.1 → 3.0.0-alpha.3

package/cjs/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const DSTruncateTextWithTooltipDatatestid = {
-  TEXT: 'ds-truncatetextwithtooltip-text'
-};
-
-exports.DSTruncateTextWithTooltipDatatestid = DSTruncateTextWithTooltipDatatestid;

package/cjs/truncateTextWithTooltip/DSTruncateTextWithTooltip.js

@@ -1,78 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var defaultProps = require('./defaultProps.js');
-var DSTruncateTextWIthTooltipDatatestid = require('./DSTruncateTextWIthTooltipDatatestid.js');
-var propTypes = require('./propTypes.js');
-var styles = require('./styles.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSTruncateTextWithTooltip = props => {
-  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.defaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, propTypes.propTypes);
-  const {
-    text,
-    tooltipProps
-  } = propsWithDefault;
-  const [textWrapperEl, setTextWrapperEl] = React.useState(null);
-  const [isShowingEllipsis, setIsShowingEllipsis] = React.useState(false);
-  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 () => {
-      if (textWrapperEl) {
-        resizeObserver.unobserve(textWrapperEl);
-      }
-    };
-  }, [resizeObserver, textWrapperEl]);
-  if (isShowingEllipsis) return /*#__PURE__*/jsxRuntime.jsx(dsTooltip.DSTooltipV3, _objectSpread(_objectSpread({
-    text: text
-  }, tooltipProps), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsx(styles.Text, {
-      ref: setTextWrapperEl,
-      tabIndex: 0,
-      "data-testid": DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid.TEXT,
-      children: text
-    })
-  }));
-  return /*#__PURE__*/jsxRuntime.jsx(styles.Text, {
-    ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid.TEXT,
-    children: text
-  });
-};
-
-const DSTruncateTextWithTooltipWithSchema = dsPropsHelpers.describe(DSTruncateTextWithTooltip);
-DSTruncateTextWithTooltipWithSchema.propTypes = propTypes.propTypes;
-
-exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip;
-exports.DSTruncateTextWithTooltipWithSchema = DSTruncateTextWithTooltipWithSchema;

package/cjs/truncateTextWithTooltip/defaultProps.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const defaultProps = {
-  tooltipProps: {}
-};
-
-exports.defaultProps = defaultProps;

package/cjs/truncateTextWithTooltip/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSTruncateTextWithTooltip = require('./DSTruncateTextWithTooltip.js');
-var DSTruncateTextWIthTooltipDatatestid = require('./DSTruncateTextWIthTooltipDatatestid.js');
-
-
-
-exports.DSTruncateTextWithTooltip = DSTruncateTextWithTooltip.DSTruncateTextWithTooltip;
-exports.DSTruncateTextWithTooltipWithSchema = DSTruncateTextWithTooltip.DSTruncateTextWithTooltipWithSchema;
-exports.DSTruncateTextWithTooltipDatatestid = DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid;

package/cjs/truncateTextWithTooltip/propTypes.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-
-/* eslint-disable max-len */
-const propTypes = {
-  text: dsPropsHelpers.PropTypes.string.description('Text to show.').isRequired,
-  tooltipProps: dsPropsHelpers.PropTypes.object.description('This component uses DSTooltip component, you can set properties directly to this component with this property.').defaultValue({})
-};
-
-exports.propTypes = propTypes;

package/cjs/truncateTextWithTooltip/styles.js

@@ -1,20 +0,0 @@
-'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);
-
-const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1i0ijyj-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;&:focus{border:none;outline:none;background:", ";}"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.brand[200];
-});
-
-exports.Text = Text;

package/esm/DSTruncatedTooltipText.js

@@ -1,100 +0,0 @@
-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 { 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 { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "value", "zIndex"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const 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
-
-
-const Text = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1olo1o7-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;"]);
-
-const DSTruncatedTooltipText = _ref2 => {
-  let {
-    containerProps = {},
-    value = '',
-    zIndex = 110
-  } = _ref2,
-      otherTextProps = _objectWithoutProperties(_ref2, _excluded);
-
-  const tooltipContext = useContext(TruncatedTooltipContext);
-  useEffect(() => {
-    if (zIndex && tooltipContext) tooltipContext.setZIndex(zIndex);
-  }, [zIndex]);
-  if (!tooltipContext) return value;
-  const {
-    showTooltip,
-    hideTooltip
-  } = tooltipContext;
-
-  const handleMouseEnter = e => {
-    const {
-      target
-    } = e;
-
-    if (target && isEllipsisActive(target, target.getBoundingClientRect())) {
-      showTooltip({
-        value,
-        reference: target
-      }, e);
-    }
-  };
-
-  const handleMouseLeave = e => {
-    hideTooltip({
-      reference: e.target
-    });
-  };
-
-  const handlers = showTooltip ? {
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  } : {};
-  return /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, containerProps), otherTextProps), handlers), {}, {
-    children: value
-  }));
-};
-
-DSTruncatedTooltipText.defaultProps = {
-  value: '',
-  zIndex: 110
-};
-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'),
-  tooltipDelay: PropTypes.number.description('Delay to show the tooltip'),
-  zIndex: PropTypes.number.description('override default zIndex').defaultValue(110)
-};
-DSTruncatedTooltipText.defaultProps = {
-  containerProps: {},
-  value: '',
-  tooltipPlacement: undefined,
-  tooltipDelay: undefined
-};
-const TruncatedTooltipTextWithSchema = describe(DSTruncatedTooltipText);
-TruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;
-
-export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, DSTruncatedTooltipText as default };

package/esm/SimpleTruncatedTooltipText.js

@@ -1,136 +0,0 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useCallback, useMemo } from 'react';
-import { useCancellableDelayedCallback } from '@elliemae/ds-utilities';
-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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const dsTestId = 'DS-SimpleTruncateText';
-
-const isEllipsisActive = _ref => {
-  let {
-    offsetWidth,
-    scrollWidth
-  } = _ref;
-  return offsetWidth < scrollWidth;
-};
-
-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,
-    options
-  };
-}; // reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755
-
-
-const Text = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-2f4vtq-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;"]);
-
-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]);
-  const hideTooltip = useCallback(newState => {
-    setTooltipState(_objectSpread(_objectSpread(_objectSpread({}, tooltipState), newState), {}, {
-      visible: false
-    }));
-  }, [tooltipState]);
-  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
-
-    const SimpleTruncatedTextEl = target.closest("[data-testid=\"".concat(dsTestId, "\"]"));
-
-    if (SimpleTruncatedTextEl && isEllipsisActive(SimpleTruncatedTextEl)) {
-      showTooltip({
-        value,
-        reference: SimpleTruncatedTextEl
-      });
-    }
-  }, [showTooltip, value]);
-  const handleMouseLeave = useCallback(() => {
-    cancelShowTooltip();
-    hideTooltip({
-      reference: null
-    });
-  }, [hideTooltip, cancelShowTooltip]);
-  const handlers = useMemo(() => {
-    if (!showTooltip) return {};
-    return {
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    };
-  }, [showTooltip, handleMouseEnter, handleMouseLeave]);
-  const PurePopover = useMemo(() => /*#__PURE__*/jsx(Fragment, {
-    children: tooltipState.visible ? /*#__PURE__*/_jsx2(DSPopover, {
-      boundaries: "window",
-      style: {
-        pointerEvents: 'none',
-        zIndex
-      },
-      placement: placement,
-      content: tooltipState.value,
-      referenceEl: tooltipState.reference,
-      visible: tooltipState.visible,
-      showArrow: true
-    }) : 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
-      ,
-      children: value
-    }))
-  }), [containerProps, textOptions, handlers, value]);
-  const PureSimpleTruncatedTooltipText = useMemo(() => /*#__PURE__*/jsxs(Fragment, {
-    children: [PureText, PurePopover]
-  }), [PureText, PurePopover]);
-  return PureSimpleTruncatedTooltipText;
-};
-
-SimpleTruncatedTooltipText.defaultProps = {
-  containerProps: {},
-  tooltipOptions: {},
-  textOptions: {},
-  value: '',
-  placement: PopperPositions.TOP,
-  tooltipDelay: 200,
-  zIndex: 110
-};
-
-export { SimpleTruncatedTooltipText, SimpleTruncatedTooltipText as default };

package/esm/TooltipTextProvider.js

@@ -1,64 +0,0 @@
-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';
-
-const _excluded = ["children", "tooltipDelay", "placement"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const TruncatedTooltipContext = /*#__PURE__*/React.createContext();
-const {
-  Provider
-} = TruncatedTooltipContext;
-
-function TooltipTextProvider(_ref) {
-  let {
-    children,
-    tooltipDelay = 200,
-    placement = 'top'
-  } = _ref,
-      tooltipOptions = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    show: showTooltip,
-    hide: hideTooltip,
-    state: tooltipState
-  } = usePopoverProviderState({
-    delay: tooltipDelay
-  });
-  const [zIndex, setZIndex] = useState(110);
-  const value = useMemo(() => ({
-    showTooltip,
-    hideTooltip,
-    setZIndex
-  }), []);
-  return /*#__PURE__*/_jsx2(Provider, {
-    value: value
-  }, void 0, children, tooltipState.visible ? /*#__PURE__*/jsx(DSPopover, _objectSpread(_objectSpread(_objectSpread({
-    boundaries: "window",
-    placement: placement,
-    showArrow: true
-  }, tooltipOptions), tooltipState.options || {}), {}, {
-    content: tooltipState.value,
-    referenceEl: tooltipState.reference,
-    style: {
-      pointerEvents: 'none',
-      zIndex
-    },
-    visible: tooltipState.visible
-  })) : null);
-}
-
-TooltipTextProvider.defaultProps = {};
-
-export { TooltipTextProvider, TruncatedTooltipContext, TooltipTextProvider as default };

package/esm/index.js

@@ -1,5 +0,0 @@
-export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvider.js';
-export { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText.js';
-export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, DSTruncatedTooltipText as default } from './DSTruncatedTooltipText.js';
-export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema } from './truncateTextWithTooltip/DSTruncateTextWithTooltip.js';
-export { DSTruncateTextWithTooltipDatatestid } from './truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js';

package/esm/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js

@@ -1,5 +0,0 @@
-const DSTruncateTextWithTooltipDatatestid = {
-  TEXT: 'ds-truncatetextwithtooltip-text'
-};
-
-export { DSTruncateTextWithTooltipDatatestid };

package/esm/truncateTextWithTooltip/DSTruncateTextWithTooltip.js

@@ -1,69 +0,0 @@
-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 { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
-import { defaultProps } from './defaultProps.js';
-import { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';
-import { propTypes } from './propTypes.js';
-import { Text } from './styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSTruncateTextWithTooltip = props => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
-  useValidateTypescriptPropTypes(propsWithDefault, propTypes);
-  const {
-    text,
-    tooltipProps
-  } = propsWithDefault;
-  const [textWrapperEl, setTextWrapperEl] = useState(null);
-  const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
-  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 () => {
-      if (textWrapperEl) {
-        resizeObserver.unobserve(textWrapperEl);
-      }
-    };
-  }, [resizeObserver, textWrapperEl]);
-  if (isShowingEllipsis) return /*#__PURE__*/jsx(DSTooltipV3, _objectSpread(_objectSpread({
-    text: text
-  }, tooltipProps), {}, {
-    children: /*#__PURE__*/jsx(Text, {
-      ref: setTextWrapperEl,
-      tabIndex: 0,
-      "data-testid": DSTruncateTextWithTooltipDatatestid.TEXT,
-      children: text
-    })
-  }));
-  return /*#__PURE__*/jsx(Text, {
-    ref: setTextWrapperEl,
-    "data-testid": DSTruncateTextWithTooltipDatatestid.TEXT,
-    children: text
-  });
-};
-
-const DSTruncateTextWithTooltipWithSchema = describe(DSTruncateTextWithTooltip);
-DSTruncateTextWithTooltipWithSchema.propTypes = propTypes;
-
-export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };

package/esm/truncateTextWithTooltip/defaultProps.js

@@ -1,5 +0,0 @@
-const defaultProps = {
-  tooltipProps: {}
-};
-
-export { defaultProps };

package/esm/truncateTextWithTooltip/index.js

@@ -1,2 +0,0 @@
-export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema } from './DSTruncateTextWithTooltip.js';
-export { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';

package/esm/truncateTextWithTooltip/propTypes.js

@@ -1,9 +0,0 @@
-import { PropTypes } from '@elliemae/ds-props-helpers';
-
-/* eslint-disable max-len */
-const propTypes = {
-  text: PropTypes.string.description('Text to show.').isRequired,
-  tooltipProps: PropTypes.object.description('This component uses DSTooltip component, you can set properties directly to this component with this property.').defaultValue({})
-};
-
-export { propTypes };

package/esm/truncateTextWithTooltip/styles.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-
-const Text = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1i0ijyj-0"
-})(["text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;max-width:100%;&:focus{border:none;outline:none;background:", ";}"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.brand[200];
-});
-
-export { Text };

package/types/DSTruncatedTooltipText.d.ts

@@ -1,59 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSTruncatedTooltipText: {
-    ({ containerProps, value, zIndex, ...otherTextProps }: {
-        [x: string]: any;
-        containerProps?: {} | undefined;
-        value?: string | undefined;
-        zIndex?: number | undefined;
-    }): string | JSX.Element;
-    defaultProps: {
-        value: string;
-        zIndex: number;
-        containerProps?: undefined;
-        tooltipPlacement?: undefined;
-        tooltipDelay?: undefined;
-    } | {
-        containerProps: {};
-        value: string;
-        tooltipPlacement: undefined;
-        tooltipDelay: undefined;
-        zIndex?: undefined;
-    };
-    propTypes: {
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        value: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        tooltipPlacement: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        tooltipDelay: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        zIndex: {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-    };
-};
-declare const TruncatedTooltipTextWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema };
-export default DSTruncatedTooltipText;

package/types/SimpleTruncatedTooltipText.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare const SimpleTruncatedTooltipText: {
-    (props: any): JSX.Element;
-    propTypes: {
-        containerProps: PropTypes.Requireable<object>;
-        tooltipOptions: PropTypes.Requireable<object>;
-        textOptions: PropTypes.Requireable<object>;
-        /** Text that when truncated will trigger the tooltip interaction */
-        value: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /** Position of the tooltip */
-        placement: PropTypes.Requireable<string>;
-        /** Delay to show the tooltip */
-        tooltipDelay: PropTypes.Requireable<number>;
-        /** override default zIndex */
-        zIndex: PropTypes.Requireable<number>;
-    };
-    defaultProps: {
-        containerProps: {};
-        tooltipOptions: {};
-        textOptions: {};
-        value: string;
-        placement: string;
-        tooltipDelay: number;
-        zIndex: number;
-    };
-};
-export { SimpleTruncatedTooltipText };
-export default SimpleTruncatedTooltipText;