@elliemae/ds-truncated-tooltip-text 2.3.0-alpha.8 → 2.3.0-next.10

package/esm/SimpleTruncatedTooltipText.js

@@ -0,0 +1,136 @@
+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

@@ -0,0 +1,64 @@
+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

@@ -0,0 +1,5 @@
+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

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

package/esm/truncateTextWithTooltip/DSTruncateTextWithTooltip.js

@@ -0,0 +1,69 @@
+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

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

package/esm/truncateTextWithTooltip/index.js

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

package/esm/truncateTextWithTooltip/propTypes.js

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,12 @@
+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/package.json

@@ -1,34 +1,51 @@
 {
   "name": "@elliemae/ds-truncated-tooltip-text",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Truncated Tooltip Text",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./truncateTextWithTooltip/styles": {
+      "import": "./esm/truncateTextWithTooltip/styles.js",
+      "require": "./cjs/truncateTextWithTooltip/styles.js"
+    },
+    "./truncateTextWithTooltip/propTypes": {
+      "import": "./esm/truncateTextWithTooltip/propTypes.js",
+      "require": "./cjs/truncateTextWithTooltip/propTypes.js"
+    },
+    "./truncateTextWithTooltip": {
+      "import": "./esm/truncateTextWithTooltip/index.js",
+      "require": "./cjs/truncateTextWithTooltip/index.js"
+    },
+    "./truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid": {
+      "import": "./esm/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js",
+      "require": "./cjs/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js"
+    },
+    "./truncateTextWithTooltip/DSTruncateTextWithTooltip": {
+      "import": "./esm/truncateTextWithTooltip/DSTruncateTextWithTooltip.js",
+      "require": "./cjs/truncateTextWithTooltip/DSTruncateTextWithTooltip.js"
+    },
+    "./truncateTextWithTooltip/defaultProps": {
+      "import": "./esm/truncateTextWithTooltip/defaultProps.js",
+      "require": "./cjs/truncateTextWithTooltip/defaultProps.js"
     },
     "./TooltipTextProvider": {
-      "import": "./dist/esm/TooltipTextProvider.js",
-      "require": "./dist/cjs/TooltipTextProvider.js"
+      "import": "./esm/TooltipTextProvider.js",
+      "require": "./cjs/TooltipTextProvider.js"
     },
     "./SimpleTruncatedTooltipText": {
-      "import": "./dist/esm/SimpleTruncatedTooltipText.js",
-      "require": "./dist/cjs/SimpleTruncatedTooltipText.js"
-    },
-    "./DSTruncateTextWithTooltip": {
-      "import": "./dist/esm/DSTruncateTextWithTooltip.js",
-      "require": "./dist/cjs/DSTruncateTextWithTooltip.js"
+      "import": "./esm/SimpleTruncatedTooltipText.js",
+      "require": "./cjs/SimpleTruncatedTooltipText.js"
     },
     "./DSTruncatedTooltipText": {
-      "import": "./dist/esm/DSTruncatedTooltipText.js",
-      "require": "./dist/cjs/DSTruncatedTooltipText.js"
+      "import": "./esm/DSTruncatedTooltipText.js",
+      "require": "./cjs/DSTruncatedTooltipText.js"
     }
   },
   "sideEffects": [
@@ -40,15 +57,21 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-popover": "2.3.0-alpha.8",
-    "@elliemae/ds-popper": "2.3.0-alpha.8",
-    "@elliemae/ds-tooltip": "2.3.0-alpha.8",
-    "@elliemae/ds-utilities": "2.3.0-alpha.8",
+    "@elliemae/ds-popover": "2.3.0-next.10",
+    "@elliemae/ds-popper": "2.3.0-next.10",
+    "@elliemae/ds-tooltip": "2.3.0-next.10",
+    "@elliemae/ds-utilities": "2.3.0-next.10",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
@@ -62,12 +85,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSTruncatedTooltipText.d.ts

@@ -0,0 +1,59 @@
+/// <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

@@ -0,0 +1,29 @@
+/// <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;

package/types/TooltipTextProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const TruncatedTooltipContext: React.Context<unknown>;
+declare function TooltipTextProvider({ children, tooltipDelay, placement, ...tooltipOptions }: {
+    [x: string]: any;
+    children: any;
+    tooltipDelay?: number | undefined;
+    placement?: string | undefined;
+}): JSX.Element;
+declare namespace TooltipTextProvider {
+    var propTypes: {};
+    var defaultProps: {};
+}
+export { TooltipTextProvider, TruncatedTooltipContext };
+export default TooltipTextProvider;

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './TooltipTextProvider';
+export * from './SimpleTruncatedTooltipText';
+export * from './DSTruncatedTooltipText';
+export { default } from './DSTruncatedTooltipText';
+export * from './truncateTextWithTooltip';

package/types/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.d.ts

@@ -0,0 +1,3 @@
+export declare const DSTruncateTextWithTooltipDatatestid: {
+    TEXT: string;
+};

package/types/truncateTextWithTooltip/DSTruncateTextWithTooltip.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { DSTruncateTextWithTooltipT } from './propTypes';
+declare const DSTruncateTextWithTooltip: (props: DSTruncateTextWithTooltipT.Props) => JSX.Element;
+declare const DSTruncateTextWithTooltipWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSTruncateTextWithTooltipT.Props>;
+export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };

package/types/truncateTextWithTooltip/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import type { DSTruncateTextWithTooltipT } from './propTypes';
+export declare const defaultProps: DSTruncateTextWithTooltipT.DefaultProps;

package/types/truncateTextWithTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSTruncateTextWithTooltip';
+export * from './DSTruncateTextWIthTooltipDatatestid';

package/types/truncateTextWithTooltip/propTypes.d.ts

@@ -0,0 +1,14 @@
+export declare namespace DSTruncateTextWithTooltipT {
+    interface PropsRequired {
+        text: string;
+    }
+    interface DefaultProps {
+        tooltipProps: Record<string, unknown>;
+    }
+    interface Props extends DefaultProps, PropsRequired {
+    }
+}
+export declare const propTypes: {
+    text: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    tooltipProps: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+};

package/types/truncateTextWithTooltip/styles.d.ts

@@ -0,0 +1 @@
+export declare const Text: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;