@elliemae/ds-truncated-tooltip-text 3.32.1-rc.7 → 3.33.0-next.0

package/dist/cjs/truncateTextWithTooltip/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var truncateTextWithTooltip_exports = {};
+__export(truncateTextWithTooltip_exports, {
+  DSTruncateTextWithTooltip: () => import_DSTruncateTextWithTooltip.DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipDatatestid: () => import_DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid,
+  DSTruncateTextWithTooltipPropTypes: () => import_react_desc_prop_types.DSTruncateTextWithTooltipPropTypes,
+  DSTruncateTextWithTooltipPropTypesSchema: () => import_react_desc_prop_types.DSTruncateTextWithTooltipPropTypesSchema,
+  DSTruncateTextWithTooltipWithSchema: () => import_DSTruncateTextWithTooltip.DSTruncateTextWithTooltipWithSchema,
+  defaultProps: () => import_react_desc_prop_types.defaultProps
+});
+module.exports = __toCommonJS(truncateTextWithTooltip_exports);
+var React = __toESM(require("react"));
+var import_DSTruncateTextWithTooltip = require("./DSTruncateTextWithTooltip.js");
+var import_DSTruncateTextWIthTooltipDatatestid = require("./DSTruncateTextWIthTooltipDatatestid.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/truncateTextWithTooltip/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/truncateTextWithTooltip/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema } from './DSTruncateTextWithTooltip.js';\nexport { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';\nexport {\n  type DSTruncateTextWithTooltipT,\n  defaultProps,\n  DSTruncateTextWithTooltipPropTypes,\n  DSTruncateTextWithTooltipPropTypesSchema,\n} from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uCAA+E;AAC/E,iDAAoD;AACpD,mCAKO;",
+  "names": []
+}

package/dist/cjs/truncateTextWithTooltip/react-desc-prop-types.js

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSTruncateTextWithTooltipPropTypes: () => DSTruncateTextWithTooltipPropTypes,
+  DSTruncateTextWithTooltipPropTypesSchema: () => DSTruncateTextWithTooltipPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const defaultProps = {
+  tooltipProps: {}
+};
+const DSTruncateTextWithTooltipPropTypes = {
+  text: import_ds_props_helpers.PropTypes.string.description("Text to show.").isRequired,
+  tooltipProps: import_ds_props_helpers.PropTypes.object.description(
+    "This component uses DSTooltip component, you can set properties directly to this component with this property."
+  ).defaultValue({})
+};
+const DSTruncateTextWithTooltipPropTypesSchema = DSTruncateTextWithTooltipPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/truncateTextWithTooltip/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/truncateTextWithTooltip/react-desc-prop-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { WeakValidationMap } from 'react';\nimport type { DSPropTypesSchema } from '@elliemae/ds-utilities';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n// import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSTruncateTextWithTooltipT {\n  export interface DefaultProps {\n    tooltipProps: Record<string, unknown>;\n  }\n  export interface OptionalProps {}\n  export interface RequiredProps {\n    text: string;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSTruncateTextWithTooltipT.DefaultProps = {\n  tooltipProps: {},\n};\n\nexport const DSTruncateTextWithTooltipPropTypes: DSPropTypesSchema<DSTruncateTextWithTooltipT.Props> = {\n  text: PropTypes.string.description('Text to show.').isRequired,\n  tooltipProps: PropTypes.object\n    .description(\n      'This component uses DSTooltip component, you can set properties directly to this component with this property.',\n    )\n    .defaultValue({}),\n};\n\nexport const DSTruncateTextWithTooltipPropTypesSchema =\n  DSTruncateTextWithTooltipPropTypes as unknown as WeakValidationMap<DSTruncateTextWithTooltipT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAA0B;AA2BnB,MAAM,eAAwD;AAAA,EACnE,cAAc,CAAC;AACjB;AAEO,MAAM,qCAA0F;AAAA,EACrG,MAAM,kCAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACpD,cAAc,kCAAU,OACrB;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AACpB;AAEO,MAAM,2CACX;",
+  "names": []
+}

package/dist/cjs/truncateTextWithTooltip/styles.js

@@ -0,0 +1,48 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  Text: () => Text
+});
+module.exports = __toCommonJS(styles_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const Text = import_ds_system.styled.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+  &:focus {
+    border: none;
+    outline: none;
+    background: ${({ theme }) => theme.colors.brand[200]};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/cjs/truncateTextWithTooltip/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/truncateTextWithTooltip/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\n// reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755\nexport const Text = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n  &:focus {\n    border: none;\n    outline: none;\n    background: ${({ theme }) => theme.colors.brand[200]};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAGhB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAST,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/truncateTextWithTooltip/typescript-testing/typescript-truncate-text-with-tooltip-valid.js

@@ -0,0 +1,72 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {
+  text: "This is defined as just as string so this is fine for testing"
+};
+const testOptionalProps = {};
+const testPartialDefaults = {
+  tooltipProps: {}
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  tooltipProps: {}
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  text: "This is defined as just as string so this is fine for testing"
+};
+const testInferedTypeCompatibility = {
+  text: "This is defined as just as string so this is fine for testing"
+};
+const testDefinitionAsConst = {
+  text: "This is defined as just as string so this is fine for testing"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSTruncateTextWithTooltip, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSTruncateTextWithTooltip, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSTruncateTextWithTooltip, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSTruncateTextWithTooltip, { text: "System Message" })
+] });
+//# sourceMappingURL=typescript-truncate-text-with-tooltip-valid.js.map

package/dist/cjs/truncateTextWithTooltip/typescript-testing/typescript-truncate-text-with-tooltip-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/truncateTextWithTooltip/typescript-testing/typescript-truncate-text-with-tooltip-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSTruncateTextWithTooltip } from '../index.js';\nimport type { DSTruncateTextWithTooltipT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSTruncateTextWithTooltipT.Props;\ntype ComponentPropsInternals = DSTruncateTextWithTooltipT.InternalProps;\ntype ComponentPropsDefaultProps = DSTruncateTextWithTooltipT.DefaultProps;\ntype ComponentPropsOptionalProps = DSTruncateTextWithTooltipT.OptionalProps;\ntype ComponentPropsRequiredProps = DSTruncateTextWithTooltipT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  text: 'This is defined as just as string so this is fine for testing',\n};\nconst testOptionalProps: ComponentPropsOptionalProps = {};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  tooltipProps: {},\n};\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  tooltipProps: {},\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  text: 'This is defined as just as string so this is fine for testing',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  text: 'This is defined as just as string so this is fine for testing',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  text: 'This is defined as just as string so this is fine for testing',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSTruncateTextWithTooltip {...testExplicitDefinition} />\n    <DSTruncateTextWithTooltip {...testInferedTypeCompatibility} />\n    <DSTruncateTextWithTooltip {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSTruncateTextWithTooltip text=\"System Message\" />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;AC6DrB;AA5DF,eAA0C;AAU1C,MAAM,oBAAiD;AAAA,EACrD,MAAM;AACR;AACA,MAAM,oBAAiD,CAAC;AAIxD,MAAM,sBAA2D;AAAA,EAC/D,cAAc,CAAC;AACjB;AACA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,cAAc,CAAC;AACjB;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,MAAM;AACR;AAGA,MAAM,+BAA+B;AAAA,EACnC,MAAM;AACR;AAEA,MAAM,wBAAwB;AAAA,EAC5B,MAAM;AACR;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,sCAA2B,GAAG,wBAAwB;AAAA,EACvD,4CAAC,sCAA2B,GAAG,8BAA8B;AAAA,EAC7D,4CAAC,sCAA2B,GAAG,uBAAuB;AAAA,EAEtD,4CAAC,sCAA0B,MAAK,kBAAiB;AAAA,GACnD;",
+  "names": []
+}

package/dist/esm/DSTruncatedTooltipText.js

@@ -0,0 +1,94 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useEffect } from "react";
+import { describe, PropTypes } from "@elliemae/ds-props-helpers";
+import { styled } from "@elliemae/ds-system";
+import { PopperPositions as positions } from "@elliemae/ds-popper";
+import { TruncatedTooltipContext } from "./TooltipTextProvider.js";
+const isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;
+const Text = styled.span`
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  display: inline-block;
+  max-width: 100%;
+`;
+const DSTruncatedTooltipText = ({
+  containerProps = {},
+  value = "",
+  zIndex = 3e3,
+  // https://jira.elliemae.io/browse/PUI-1755 https://jira.elliemae.io/browse/PUI-8732
+  ...otherTextProps
+}) => {
+  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, { ...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([
+    positions.AUTO_START,
+    positions.AUTO_END,
+    positions.AUTO,
+    positions.TOP_START,
+    positions.TOP,
+    positions.TOP_END,
+    positions.RIGHT_START,
+    positions.RIGHT,
+    positions.RIGHT_END,
+    positions.BOTTOM_START,
+    positions.BOTTOM,
+    positions.BOTTOM_END,
+    positions.LEFT_START,
+    positions.LEFT,
+    positions.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: void 0,
+  tooltipDelay: void 0
+};
+DSTruncatedTooltipText.propTypes = truncatedTooltipTextProps;
+DSTruncatedTooltipText.displayName = "DSTruncatedTooltipText";
+const TruncatedTooltipTextWithSchema = describe(DSTruncatedTooltipText);
+TruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;
+var DSTruncatedTooltipText_default = DSTruncatedTooltipText;
+export {
+  DSTruncatedTooltipText,
+  TruncatedTooltipTextWithSchema,
+  DSTruncatedTooltipText_default as default
+};
+//# sourceMappingURL=DSTruncatedTooltipText.js.map

package/dist/esm/DSTruncatedTooltipText.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSTruncatedTooltipText.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useEffect } from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { PopperPositions as positions } from '@elliemae/ds-popper';\nimport { TruncatedTooltipContext } from './TooltipTextProvider.js';\n\nconst isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;\n\n// reduce the possibility of error showing the tooltip (text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755\nconst Text = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\nconst DSTruncatedTooltipText = ({\n  containerProps = {},\n  value = '',\n  zIndex = 3000, // https://jira.elliemae.io/browse/PUI-1755 https://jira.elliemae.io/browse/PUI-8732\n  ...otherTextProps\n}) => {\n  const tooltipContext = useContext(TruncatedTooltipContext);\n  useEffect(() => {\n    if (zIndex && tooltipContext) tooltipContext.setZIndex(zIndex);\n  }, [zIndex]);\n\n  if (!tooltipContext) return value;\n\n  const { showTooltip, hideTooltip } = tooltipContext;\n\n  const handleMouseEnter = (e) => {\n    const { target } = e;\n    if (target && isEllipsisActive(target, target.getBoundingClientRect())) {\n      showTooltip(\n        {\n          value,\n          reference: target,\n        },\n        e,\n      );\n    }\n  };\n\n  const handleMouseLeave = (e) => {\n    hideTooltip({ reference: e.target });\n  };\n\n  const handlers = showTooltip ? { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave } : {};\n  return (\n    <Text {...containerProps} {...otherTextProps} {...handlers}>\n      {value}\n    </Text>\n  );\n};\n\nDSTruncatedTooltipText.defaultProps = {\n  value: '',\n  zIndex: 110,\n};\n\nconst truncatedTooltipTextProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Text that when truncated will trigger the tooltip interaction',\n  ),\n  tooltipPlacement: PropTypes.oneOf([\n    positions.AUTO_START,\n    positions.AUTO_END,\n    positions.AUTO,\n    positions.TOP_START,\n    positions.TOP,\n    positions.TOP_END,\n    positions.RIGHT_START,\n    positions.RIGHT,\n    positions.RIGHT_END,\n    positions.BOTTOM_START,\n    positions.BOTTOM,\n    positions.BOTTOM_END,\n    positions.LEFT_START,\n    positions.LEFT,\n    positions.LEFT_END,\n  ]).description('Position of the tooltip'),\n  tooltipDelay: PropTypes.number.description('Delay to show the tooltip'),\n  zIndex: PropTypes.number.description('override default zIndex').defaultValue(110),\n};\n\nDSTruncatedTooltipText.defaultProps = {\n  containerProps: {},\n  value: '',\n  tooltipPlacement: undefined,\n  tooltipDelay: undefined,\n};\n\nDSTruncatedTooltipText.propTypes = truncatedTooltipTextProps;\nDSTruncatedTooltipText.displayName = 'DSTruncatedTooltipText';\nconst TruncatedTooltipTextWithSchema = describe(DSTruncatedTooltipText);\nTruncatedTooltipTextWithSchema.propTypes = truncatedTooltipTextProps;\n\nexport { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema };\nexport default DSTruncatedTooltipText;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmDnB;AAnDJ,SAAgB,YAAY,iBAAiB;AAC7C,SAAS,UAAU,iBAAiB;AACpC,SAAS,cAAc;AACvB,SAAS,mBAAmB,iBAAiB;AAC7C,SAAS,+BAA+B;AAExC,MAAM,mBAAmB,CAAC,EAAE,aAAa,YAAY,MAAM,cAAc;AAGzE,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpB,MAAM,yBAAyB,CAAC;AAAA,EAC9B,iBAAiB,CAAC;AAAA,EAClB,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,iBAAiB,WAAW,uBAAuB;AACzD,YAAU,MAAM;AACd,QAAI,UAAU;AAAgB,qBAAe,UAAU,MAAM;AAAA,EAC/D,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,CAAC;AAAgB,WAAO;AAE5B,QAAM,EAAE,aAAa,YAAY,IAAI;AAErC,QAAM,mBAAmB,CAAC,MAAM;AAC9B,UAAM,EAAE,OAAO,IAAI;AACnB,QAAI,UAAU,iBAAiB,QAAQ,OAAO,sBAAsB,CAAC,GAAG;AACtE;AAAA,QACE;AAAA,UACE;AAAA,UACA,WAAW;AAAA,QACb;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,mBAAmB,CAAC,MAAM;AAC9B,gBAAY,EAAE,WAAW,EAAE,OAAO,CAAC;AAAA,EACrC;AAEA,QAAM,WAAW,cAAc,EAAE,cAAc,kBAAkB,cAAc,iBAAiB,IAAI,CAAC;AACrG,SACE,oBAAC,QAAM,GAAG,gBAAiB,GAAG,gBAAiB,GAAG,UAC/C,iBACH;AAEJ;AAEA,uBAAuB,eAAe;AAAA,EACpC,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,4BAA4B;AAAA,EAChC,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AAAA,EACA,kBAAkB,UAAU,MAAM;AAAA,IAChC,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,yBAAyB;AAAA,EACxC,cAAc,UAAU,OAAO,YAAY,2BAA2B;AAAA,EACtE,QAAQ,UAAU,OAAO,YAAY,yBAAyB,EAAE,aAAa,GAAG;AAClF;AAEA,uBAAuB,eAAe;AAAA,EACpC,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,cAAc;AAChB;AAEA,uBAAuB,YAAY;AACnC,uBAAuB,cAAc;AACrC,MAAM,iCAAiC,SAAS,sBAAsB;AACtE,+BAA+B,YAAY;AAG3C,IAAO,iCAAQ;",
+  "names": []
+}

package/dist/esm/SimpleTruncatedTooltipText.js

@@ -0,0 +1,141 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useMemo, useState } from "react";
+import { useCancellableDelayedCallback } from "@elliemae/ds-utilities";
+import PropTypes from "prop-types";
+import { styled, ThemeContext } from "@elliemae/ds-system";
+import { DSPopover, PopperPositions as positions } from "@elliemae/ds-popover";
+const dsTestId = "DS-SimpleTruncateText";
+const isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;
+const initialTooltipState = (value = "", options = {}) => ({
+  reference: null,
+  visible: false,
+  value,
+  options
+});
+const Text = styled.span`
+  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;
+  const [tooltipState, setTooltipState] = useState(initialTooltipState(value, tooltipOptions));
+  const show = useCallback(
+    (newState) => {
+      setTooltipState({ ...tooltipState, ...newState, visible: true });
+    },
+    [tooltipState]
+  );
+  const hideTooltip = useCallback(
+    (newState) => {
+      setTooltipState({ ...tooltipState, ...newState, visible: false });
+    },
+    [tooltipState]
+  );
+  const [showTooltip, cancelShowTooltip] = useCancellableDelayedCallback(show, tooltipDelay);
+  const handleMouseEnter = useCallback(
+    (e) => {
+      const { target } = e;
+      const SimpleTruncatedTextEl = target.closest(`[data-testid="${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 theme = useContext(ThemeContext);
+  const PurePopover = useMemo(
+    () => /* @__PURE__ */ jsx(Fragment, { children: tooltipState.visible ? /* @__PURE__ */ jsx(
+      DSPopover,
+      {
+        boundaries: "window",
+        style: { pointerEvents: "none", zIndex: zIndex ?? theme.zIndex.tooltip },
+        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,
+      {
+        ...containerProps && { ...containerProps },
+        ...textOptions && { ...textOptions },
+        ...handlers && { ...handlers },
+        "data-testid": dsTestId,
+        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([
+    positions.AUTO_START,
+    positions.AUTO_END,
+    positions.AUTO,
+    positions.TOP_START,
+    positions.TOP,
+    positions.TOP_END,
+    positions.RIGHT_START,
+    positions.RIGHT,
+    positions.RIGHT_END,
+    positions.BOTTOM_START,
+    positions.BOTTOM,
+    positions.BOTTOM_END,
+    positions.LEFT_START,
+    positions.LEFT,
+    positions.LEFT_END
+  ]),
+  /** Delay to show the tooltip */
+  tooltipDelay: PropTypes.number,
+  /** override default zIndex */
+  zIndex: PropTypes.number
+};
+SimpleTruncatedTooltipText.defaultProps = {
+  containerProps: {},
+  tooltipOptions: {},
+  textOptions: {},
+  value: "",
+  placement: positions.TOP,
+  tooltipDelay: 200
+};
+var SimpleTruncatedTooltipText_default = SimpleTruncatedTooltipText;
+export {
+  SimpleTruncatedTooltipText,
+  SimpleTruncatedTooltipText_default as default
+};
+//# sourceMappingURL=SimpleTruncatedTooltipText.js.map

package/dist/esm/SimpleTruncatedTooltipText.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/SimpleTruncatedTooltipText.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useCallback, useContext, useMemo, useState } from 'react';\nimport { useCancellableDelayedCallback } from '@elliemae/ds-utilities';\nimport PropTypes from 'prop-types';\nimport { styled, ThemeContext } from '@elliemae/ds-system';\nimport { DSPopover, PopperPositions as positions } from '@elliemae/ds-popover';\n\nconst dsTestId = 'DS-SimpleTruncateText';\n\nconst isEllipsisActive = ({ offsetWidth, scrollWidth }) => offsetWidth < scrollWidth;\n\nconst initialTooltipState = (value = '', options = {}) => ({\n  reference: null,\n  visible: false,\n  value,\n  options,\n});\n// reduce the possibility of error showing the tooltip(text-overflow: ellipsis) https://jira.elliemae.io/browse/PUI-1755\nconst Text = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\ninterface SimpleTruncatedTooltipTextProps {\n  containerProps?: Record<string, unknown>;\n  tooltipDelay?: number;\n  placement?: string;\n  value?: string | JSX.Element;\n  zIndex?: number;\n  tooltipOptions?: Record<string, unknown>;\n  textOptions?: Record<string, unknown>;\n}\n\nconst SimpleTruncatedTooltipText = (props: SimpleTruncatedTooltipTextProps) => {\n  const { containerProps, tooltipDelay, placement, value, zIndex, tooltipOptions, textOptions } = props;\n  // not using \"usePopoverProviderState\" because usePopoverState has memory leak issues\n  const [tooltipState, setTooltipState] = useState(initialTooltipState(value, tooltipOptions));\n  const show = useCallback(\n    (newState) => {\n      setTooltipState({ ...tooltipState, ...newState, visible: true });\n    },\n    [tooltipState],\n  );\n  const hideTooltip = useCallback(\n    (newState) => {\n      setTooltipState({ ...tooltipState, ...newState, visible: false });\n    },\n    [tooltipState],\n  );\n  const [showTooltip, cancelShowTooltip] = useCancellableDelayedCallback(show, tooltipDelay);\n\n  const handleMouseEnter = useCallback(\n    (e) => {\n      const { target } = e;\n      // we search for the closest parent with data-testid matching this component\n      //  this is required because the target may not be this component itself\n      //  when the user gives JSX as a value.\n      //  JSX as a value is required for features like text highlight during research\n      //    wich would still allow the truncation behaviour (see tree view for example)\n      // when the target has the test-id itself target===SimpleTruncatedTextEl\n      const SimpleTruncatedTextEl = target.closest(`[data-testid=\"${dsTestId}\"]`);\n      if (SimpleTruncatedTextEl && isEllipsisActive(SimpleTruncatedTextEl)) {\n        showTooltip({ value, reference: SimpleTruncatedTextEl });\n      }\n    },\n    [showTooltip, value],\n  );\n\n  const handleMouseLeave = useCallback(() => {\n    cancelShowTooltip();\n    hideTooltip({ reference: null });\n  }, [hideTooltip, cancelShowTooltip]);\n\n  const handlers = useMemo(() => {\n    if (!showTooltip) return {};\n    return {\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n    };\n  }, [showTooltip, handleMouseEnter, handleMouseLeave]);\n\n  const theme = useContext(ThemeContext);\n\n  const PurePopover = useMemo(\n    () => (\n      <>\n        {tooltipState.visible ? (\n          <DSPopover\n            boundaries=\"window\"\n            style={{ pointerEvents: 'none', zIndex: zIndex ?? theme.zIndex.tooltip }}\n            placement={placement}\n            content={tooltipState.value}\n            referenceEl={tooltipState.reference}\n            visible={tooltipState.visible}\n            showArrow\n          />\n        ) : null}\n      </>\n    ),\n    [tooltipState, placement, zIndex],\n  );\n  const PureText = useMemo(\n    () => (\n      <>\n        <Text\n          {...(containerProps && { ...containerProps })}\n          {...(textOptions && { ...textOptions })}\n          {...(handlers && { ...handlers })}\n          data-testid={dsTestId} // this is used by mouse enter too. required to support value as JSX\n        >\n          {value}\n        </Text>\n      </>\n    ),\n    [containerProps, textOptions, handlers, value],\n  );\n\n  const PureSimpleTruncatedTooltipText = useMemo(\n    () => (\n      <>\n        {PureText}\n        {PurePopover}\n      </>\n    ),\n    [PureText, PurePopover],\n  );\n\n  return PureSimpleTruncatedTooltipText;\n};\n\nSimpleTruncatedTooltipText.propTypes = {\n  containerProps: PropTypes.object,\n  tooltipOptions: PropTypes.object,\n  textOptions: PropTypes.object,\n  /** Text that when truncated will trigger the tooltip interaction */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.node]),\n  /** Position of the tooltip */\n  placement: PropTypes.oneOf([\n    positions.AUTO_START,\n    positions.AUTO_END,\n    positions.AUTO,\n    positions.TOP_START,\n    positions.TOP,\n    positions.TOP_END,\n    positions.RIGHT_START,\n    positions.RIGHT,\n    positions.RIGHT_END,\n    positions.BOTTOM_START,\n    positions.BOTTOM,\n    positions.BOTTOM_END,\n    positions.LEFT_START,\n    positions.LEFT,\n    positions.LEFT_END,\n  ]),\n  /** Delay to show the tooltip */\n  tooltipDelay: PropTypes.number,\n  /** override default zIndex */\n  zIndex: PropTypes.number,\n};\n\nSimpleTruncatedTooltipText.defaultProps = {\n  containerProps: {},\n  tooltipOptions: {},\n  textOptions: {},\n  value: '',\n  placement: positions.TOP,\n  tooltipDelay: 200,\n};\n\nexport { SimpleTruncatedTooltipText };\nexport default SimpleTruncatedTooltipText;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/TooltipTextProvider.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React2, { useMemo, useState } from "react";
+import { DSPopover, usePopoverProviderState } from "@elliemae/ds-popover";
+const TruncatedTooltipContext = React2.createContext();
+const { Provider } = TruncatedTooltipContext;
+const TooltipTextProvider = ({ children, tooltipDelay = 200, placement = "top", ...tooltipOptions }) => {
+  const {
+    show: showTooltip,
+    hide: hideTooltip,
+    state: tooltipState
+  } = usePopoverProviderState({ delay: tooltipDelay });
+  const [zIndex, setZIndex] = useState(110);
+  const value = useMemo(
+    () => ({
+      showTooltip,
+      hideTooltip,
+      setZIndex
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsxs(Provider, { value, children: [
+    children,
+    tooltipState.visible ? /* @__PURE__ */ jsx(
+      DSPopover,
+      {
+        boundaries: "window",
+        placement,
+        showArrow: true,
+        ...tooltipOptions,
+        ...tooltipState.options || {},
+        content: tooltipState.value,
+        referenceEl: tooltipState.reference,
+        style: { pointerEvents: "none", zIndex },
+        visible: tooltipState.visible
+      }
+    ) : null
+  ] });
+};
+TooltipTextProvider.propTypes = {};
+TooltipTextProvider.defaultProps = {};
+var TooltipTextProvider_default = TooltipTextProvider;
+export {
+  TooltipTextProvider,
+  TruncatedTooltipContext,
+  TooltipTextProvider_default as default
+};
+//# sourceMappingURL=TooltipTextProvider.js.map

package/dist/esm/TooltipTextProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TooltipTextProvider.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useMemo, useState } from 'react';\nimport { DSPopover, usePopoverProviderState } from '@elliemae/ds-popover';\n\nconst TruncatedTooltipContext = React.createContext();\n\nconst { Provider } = TruncatedTooltipContext;\n\nconst TooltipTextProvider = ({ children, tooltipDelay = 200, placement = 'top', ...tooltipOptions }) => {\n  const {\n    show: showTooltip,\n    hide: hideTooltip,\n    state: tooltipState,\n  } = usePopoverProviderState({ delay: tooltipDelay });\n  const [zIndex, setZIndex] = useState(110);\n\n  const value = useMemo(\n    () => ({\n      showTooltip,\n      hideTooltip,\n      setZIndex,\n    }),\n    [],\n  );\n\n  return (\n    <Provider value={value}>\n      {children}\n      {tooltipState.visible ? (\n        <DSPopover\n          boundaries=\"window\"\n          placement={placement}\n          showArrow\n          {...tooltipOptions}\n          {...(tooltipState.options || {})}\n          content={tooltipState.value}\n          referenceEl={tooltipState.reference}\n          style={{ pointerEvents: 'none', zIndex }}\n          visible={tooltipState.visible}\n        />\n      ) : null}\n    </Provider>\n  );\n};\n\nTooltipTextProvider.propTypes = {};\nTooltipTextProvider.defaultProps = {};\n\nexport { TooltipTextProvider, TruncatedTooltipContext };\nexport default TooltipTextProvider;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC0BnB,SAGI,KAHJ;AAzBJ,OAAOA,UAAS,SAAS,gBAAgB;AACzC,SAAS,WAAW,+BAA+B;AAEnD,MAAM,0BAA0BA,OAAM,cAAc;AAEpD,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,sBAAsB,CAAC,EAAE,UAAU,eAAe,KAAK,YAAY,OAAO,GAAG,eAAe,MAAM;AACtG,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,EACT,IAAI,wBAAwB,EAAE,OAAO,aAAa,CAAC;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,GAAG;AAExC,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,YAAS,OACP;AAAA;AAAA,IACA,aAAa,UACZ;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX;AAAA,QACA,WAAS;AAAA,QACR,GAAG;AAAA,QACH,GAAI,aAAa,WAAW,CAAC;AAAA,QAC9B,SAAS,aAAa;AAAA,QACtB,aAAa,aAAa;AAAA,QAC1B,OAAO,EAAE,eAAe,QAAQ,OAAO;AAAA,QACvC,SAAS,aAAa;AAAA;AAAA,IACxB,IACE;AAAA,KACN;AAEJ;AAEA,oBAAoB,YAAY,CAAC;AACjC,oBAAoB,eAAe,CAAC;AAGpC,IAAO,8BAAQ;",
+  "names": ["React"]
+}

package/dist/esm/index.js

@@ -1,7 +1,21 @@
 import * as React from "react";
-export * from "@elliemae/ds-legacy-truncated-tooltip-text";
-import { default as default2 } from "@elliemae/ds-legacy-truncated-tooltip-text";
+import { TooltipTextProvider, TruncatedTooltipContext } from "./TooltipTextProvider.js";
+import { SimpleTruncatedTooltipText } from "./SimpleTruncatedTooltipText.js";
+import { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, default as default2 } from "./DSTruncatedTooltipText.js";
+import {
+  DSTruncateTextWithTooltipDatatestid,
+  DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipWithSchema
+} from "./truncateTextWithTooltip/index.js";
 export {
+  DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipDatatestid,
+  DSTruncateTextWithTooltipWithSchema,
+  DSTruncatedTooltipText,
+  SimpleTruncatedTooltipText,
+  TooltipTextProvider,
+  TruncatedTooltipContext,
+  TruncatedTooltipTextWithSchema,
   default2 as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-truncated-tooltip-text';\nexport { default } from '@elliemae/ds-legacy-truncated-tooltip-text';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvider.js';\nexport { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText.js';\nexport { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, default } from './DSTruncatedTooltipText.js';\nexport {\n  DSTruncateTextWithTooltipDatatestid,\n  DSTruncateTextWithTooltip,\n  DSTruncateTextWithTooltipWithSchema,\n} from './truncateTextWithTooltip/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,kCAAkC;AAC3C,SAAS,wBAAwB,gCAAgC,WAAAA,gBAAe;AAChF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": ["default"]
 }

package/dist/esm/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+const DSTruncateTextWithTooltipDatatestid = {
+  TEXT: "ds-truncatetextwithtooltip-text"
+};
+export {
+  DSTruncateTextWithTooltipDatatestid
+};
+//# sourceMappingURL=DSTruncateTextWIthTooltipDatatestid.js.map