@elliemae/ds-truncated-tooltip-text 3.32.2-next.1 → 3.33.0-next.1

package/dist/esm/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSTruncateTextWithTooltipDatatestid = {\n  TEXT: 'ds-truncatetextwithtooltip-text',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sCAAsC;AAAA,EACjD,MAAM;AACR;",
+  "names": []
+}

package/dist/esm/truncateTextWithTooltip/DSTruncateTextWithTooltip.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from "@elliemae/ds-props-helpers";
+import { DSTruncateTextWithTooltipDatatestid } from "./DSTruncateTextWIthTooltipDatatestid.js";
+import { Text } from "./styles.js";
+import {
+  DSTruncateTextWithTooltipPropTypesSchema,
+  defaultProps
+} from "./react-desc-prop-types.js";
+const DSTruncateTextWithTooltip = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(
+    propsWithDefault,
+    DSTruncateTextWithTooltipPropTypesSchema,
+    "DSTruncateTextWithTooltip"
+  );
+  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?.scrollWidth > el?.clientWidth);
+      }
+    }),
+    []
+  );
+  useEffect(() => {
+    if (textWrapperEl) {
+      setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);
+      resizeObserver.observe(textWrapperEl);
+    }
+    return () => {
+      if (textWrapperEl) {
+        resizeObserver.unobserve(textWrapperEl);
+      }
+    };
+  }, [resizeObserver, textWrapperEl]);
+  if (isShowingEllipsis)
+    return /* @__PURE__ */ jsx(DSTooltipV3, { 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 = DSTruncateTextWithTooltipPropTypesSchema;
+export {
+  DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipWithSchema
+};
+//# sourceMappingURL=DSTruncateTextWithTooltip.js.map

package/dist/esm/truncateTextWithTooltip/DSTruncateTextWithTooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/DSTruncateTextWithTooltip.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useMemo, useEffect } from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';\nimport { Text } from './styles.js';\nimport {\n  type DSTruncateTextWithTooltipT,\n  DSTruncateTextWithTooltipPropTypesSchema,\n  defaultProps,\n} from './react-desc-prop-types.js';\n\nconst DSTruncateTextWithTooltip = (props: DSTruncateTextWithTooltipT.Props): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTruncateTextWithTooltipT.InternalProps>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(\n    propsWithDefault,\n    DSTruncateTextWithTooltipPropTypesSchema,\n    'DSTruncateTextWithTooltip',\n  );\n\n  const { text, tooltipProps } = propsWithDefault;\n\n  const [textWrapperEl, setTextWrapperEl] = useState<HTMLSpanElement | null>(null);\n  const [isShowingEllipsis, setIsShowingEllipsis] = useState<boolean>(false);\n\n  const resizeObserver = useMemo(\n    () =>\n      new ResizeObserver((entries) => {\n        if (entries.length) {\n          const [textWrapperEntry] = entries;\n          const el = textWrapperEntry.target;\n          setIsShowingEllipsis(el?.scrollWidth > el?.clientWidth);\n        }\n      }),\n    [],\n  );\n\n  useEffect(() => {\n    if (textWrapperEl) {\n      setIsShowingEllipsis(textWrapperEl?.scrollWidth > textWrapperEl?.clientWidth);\n      resizeObserver.observe(textWrapperEl);\n    }\n    return () => {\n      if (textWrapperEl) {\n        resizeObserver.unobserve(textWrapperEl);\n      }\n    };\n  }, [resizeObserver, textWrapperEl]);\n\n  if (isShowingEllipsis)\n    return (\n      <DSTooltipV3 text={text} {...tooltipProps}>\n        <Text ref={setTextWrapperEl} tabIndex={0} data-testid={DSTruncateTextWithTooltipDatatestid.TEXT}>\n          {text}\n        </Text>\n      </DSTooltipV3>\n    );\n\n  return (\n    <Text ref={setTextWrapperEl} data-testid={DSTruncateTextWithTooltipDatatestid.TEXT}>\n      {text}\n    </Text>\n  );\n};\n\nconst DSTruncateTextWithTooltipWithSchema = describe(DSTruncateTextWithTooltip);\n\nDSTruncateTextWithTooltipWithSchema.propTypes = DSTruncateTextWithTooltipPropTypesSchema;\n\nexport { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoDf;AApDR,SAAgB,UAAU,SAAS,iBAAiB;AACpD,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B,gCAAgC,gBAAgB;AACvF,SAAS,2CAA2C;AACpD,SAAS,YAAY;AACrB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM,mBAAmB,6BAAuE,OAAO,YAAY;AAEnH;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,aAAa,IAAI;AAE/B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAiC,IAAI;AAC/E,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAkB,KAAK;AAEzE,QAAM,iBAAiB;AAAA,IACrB,MACE,IAAI,eAAe,CAAC,YAAY;AAC9B,UAAI,QAAQ,QAAQ;AAClB,cAAM,CAAC,gBAAgB,IAAI;AAC3B,cAAM,KAAK,iBAAiB;AAC5B,6BAAqB,IAAI,cAAc,IAAI,WAAW;AAAA,MACxD;AAAA,IACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,QAAI,eAAe;AACjB,2BAAqB,eAAe,cAAc,eAAe,WAAW;AAC5E,qBAAe,QAAQ,aAAa;AAAA,IACtC;AACA,WAAO,MAAM;AACX,UAAI,eAAe;AACjB,uBAAe,UAAU,aAAa;AAAA,MACxC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,gBAAgB,aAAa,CAAC;AAElC,MAAI;AACF,WACE,oBAAC,eAAY,MAAa,GAAG,cAC3B,8BAAC,QAAK,KAAK,kBAAkB,UAAU,GAAG,eAAa,oCAAoC,MACxF,gBACH,GACF;AAGJ,SACE,oBAAC,QAAK,KAAK,kBAAkB,eAAa,oCAAoC,MAC3E,gBACH;AAEJ;AAEA,MAAM,sCAAsC,SAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
+  "names": []
+}

package/dist/esm/truncateTextWithTooltip/index.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema } from "./DSTruncateTextWithTooltip.js";
+import { DSTruncateTextWithTooltipDatatestid } from "./DSTruncateTextWIthTooltipDatatestid.js";
+import {
+  defaultProps,
+  DSTruncateTextWithTooltipPropTypes,
+  DSTruncateTextWithTooltipPropTypesSchema
+} from "./react-desc-prop-types.js";
+export {
+  DSTruncateTextWithTooltip,
+  DSTruncateTextWithTooltipDatatestid,
+  DSTruncateTextWithTooltipPropTypes,
+  DSTruncateTextWithTooltipPropTypesSchema,
+  DSTruncateTextWithTooltipWithSchema,
+  defaultProps
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B,2CAA2C;AAC/E,SAAS,2CAA2C;AACpD;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "names": []
+}

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  tooltipProps: {}
+};
+const DSTruncateTextWithTooltipPropTypes = {
+  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({})
+};
+const DSTruncateTextWithTooltipPropTypesSchema = DSTruncateTextWithTooltipPropTypes;
+export {
+  DSTruncateTextWithTooltipPropTypes,
+  DSTruncateTextWithTooltipPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/react-desc-prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AA2BnB,MAAM,eAAwD;AAAA,EACnE,cAAc,CAAC;AACjB;AAEO,MAAM,qCAA0F;AAAA,EACrG,MAAM,UAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACpD,cAAc,UAAU,OACrB;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AACpB;AAEO,MAAM,2CACX;",
+  "names": []
+}

package/dist/esm/truncateTextWithTooltip/styles.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-system";
+const Text = 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]};
+  }
+`;
+export {
+  Text
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/styles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAGhB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAST,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSTruncateTextWithTooltip } from "../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__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSTruncateTextWithTooltip, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSTruncateTextWithTooltip, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSTruncateTextWithTooltip, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(DSTruncateTextWithTooltip, { text: "System Message" })
+] });
+//# sourceMappingURL=typescript-truncate-text-with-tooltip-valid.js.map

package/dist/esm/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,YAAY,WAAW;AC6DrB,mBAEE,KAFF;AA5DF,SAAS,iCAAiC;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,iCAEE;AAAA,sBAAC,6BAA2B,GAAG,wBAAwB;AAAA,EACvD,oBAAC,6BAA2B,GAAG,8BAA8B;AAAA,EAC7D,oBAAC,6BAA2B,GAAG,uBAAuB;AAAA,EAEtD,oBAAC,6BAA0B,MAAK,kBAAiB;AAAA,GACnD;",
+  "names": []
+}

package/dist/types/DSTruncatedTooltipText.d.ts

@@ -0,0 +1,37 @@
+declare const DSTruncatedTooltipText: {
+    ({ containerProps, value, zIndex, ...otherTextProps }: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        value?: string | undefined;
+        zIndex?: number | undefined;
+    }): string | import("react/jsx-runtime.js").JSX.Element;
+    defaultProps: {
+        value: string;
+        zIndex: number;
+        containerProps?: undefined;
+        tooltipPlacement?: undefined;
+        tooltipDelay?: undefined;
+    } | {
+        containerProps: {};
+        value: string;
+        tooltipPlacement: undefined;
+        tooltipDelay: undefined;
+        zIndex?: undefined;
+    };
+    propTypes: {
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        tooltipPlacement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        tooltipDelay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const TruncatedTooltipTextWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    [x: string]: any;
+    containerProps?: {} | undefined;
+    value?: string | undefined;
+    zIndex?: number | undefined;
+}>;
+export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema };
+export default DSTruncatedTooltipText;

package/dist/types/SimpleTruncatedTooltipText.d.ts

@@ -0,0 +1,36 @@
+import PropTypes from 'prop-types';
+interface SimpleTruncatedTooltipTextProps {
+    containerProps?: Record<string, unknown>;
+    tooltipDelay?: number;
+    placement?: string;
+    value?: string | JSX.Element;
+    zIndex?: number;
+    tooltipOptions?: Record<string, unknown>;
+    textOptions?: Record<string, unknown>;
+}
+declare const SimpleTruncatedTooltipText: {
+    (props: SimpleTruncatedTooltipTextProps): import("react/jsx-runtime").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<NonNullable<PropTypes.ReactNodeLike>>;
+        /** 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;
+    };
+};
+export { SimpleTruncatedTooltipText };
+export default SimpleTruncatedTooltipText;

package/dist/types/TooltipTextProvider.d.ts

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

package/dist/types/index.d.ts

@@ -1,2 +1,4 @@
-export * from '@elliemae/ds-legacy-truncated-tooltip-text';
-export { default } from '@elliemae/ds-legacy-truncated-tooltip-text';
+export { TooltipTextProvider, TruncatedTooltipContext } from './TooltipTextProvider.js';
+export { SimpleTruncatedTooltipText } from './SimpleTruncatedTooltipText.js';
+export { DSTruncatedTooltipText, TruncatedTooltipTextWithSchema, default } from './DSTruncatedTooltipText.js';
+export { DSTruncateTextWithTooltipDatatestid, DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema, } from './truncateTextWithTooltip/index.js';

package/dist/types/truncateTextWithTooltip/DSTruncateTextWIthTooltipDatatestid.d.ts

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

package/dist/types/truncateTextWithTooltip/DSTruncateTextWithTooltip.d.ts

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

package/dist/types/truncateTextWithTooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema } from './DSTruncateTextWithTooltip.js';
+export { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';
+export { type DSTruncateTextWithTooltipT, defaultProps, DSTruncateTextWithTooltipPropTypes, DSTruncateTextWithTooltipPropTypesSchema, } from './react-desc-prop-types.js';

package/dist/types/truncateTextWithTooltip/react-desc-prop-types.d.ts

@@ -0,0 +1,19 @@
+import type { WeakValidationMap } from 'react';
+import type { DSPropTypesSchema } from '@elliemae/ds-utilities';
+export declare namespace DSTruncateTextWithTooltipT {
+    interface DefaultProps {
+        tooltipProps: Record<string, unknown>;
+    }
+    interface OptionalProps {
+    }
+    interface RequiredProps {
+        text: string;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSTruncateTextWithTooltipT.DefaultProps;
+export declare const DSTruncateTextWithTooltipPropTypes: DSPropTypesSchema<DSTruncateTextWithTooltipT.Props>;
+export declare const DSTruncateTextWithTooltipPropTypesSchema: WeakValidationMap<DSTruncateTextWithTooltipT.Props>;

package/dist/types/truncateTextWithTooltip/styles.d.ts

@@ -0,0 +1 @@
+export declare const Text: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;

package/dist/types/truncateTextWithTooltip/typescript-testing/typescript-truncate-text-with-tooltip-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-truncated-tooltip-text",
-  "version": "3.32.2-next.1",
+  "version": "3.33.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Truncated Tooltip Text",
   "files": [
@@ -35,12 +35,18 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-legacy-truncated-tooltip-text": "^1.0.5"
+    "prop-types": "~15.8.1",
+    "@elliemae/ds-popper": "3.33.0-next.1",
+    "@elliemae/ds-tooltip": "3.33.0-next.1",
+    "@elliemae/ds-props-helpers": "3.33.0-next.1",
+    "@elliemae/ds-system": "3.33.0-next.1",
+    "@elliemae/ds-utilities": "3.33.0-next.1",
+    "@elliemae/ds-popover": "3.33.0-next.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.32.2-next.1"
+    "@elliemae/ds-monorepo-devops": "3.33.0-next.1"
   },
   "peerDependencies": {
     "react": "^17.0.2",