@elliemae/ds-truncated-tooltip-text 3.21.2-rc.9 → 3.22.0-next.0

package/dist/cjs/truncateTextWithTooltip/DSTruncateTextWithTooltip.js

@@ -37,13 +37,16 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_tooltip = require("@elliemae/ds-tooltip");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_defaultProps = require("./defaultProps.js");
 var import_DSTruncateTextWIthTooltipDatatestid = require("./DSTruncateTextWIthTooltipDatatestid.js");
-var import_propTypes = require("./propTypes.js");
 var import_styles = require("./styles.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 const DSTruncateTextWithTooltip = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_propTypes.propTypes, "DSTruncateTextWithTooltip");
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(
+    propsWithDefault,
+    import_react_desc_prop_types.DSTruncateTextWithTooltipPropTypesSchema,
+    "DSTruncateTextWithTooltip"
+  );
   const { text, tooltipProps } = propsWithDefault;
   const [textWrapperEl, setTextWrapperEl] = (0, import_react.useState)(null);
   const [isShowingEllipsis, setIsShowingEllipsis] = (0, import_react.useState)(false);
@@ -73,5 +76,5 @@ const DSTruncateTextWithTooltip = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Text, { ref: setTextWrapperEl, "data-testid": import_DSTruncateTextWIthTooltipDatatestid.DSTruncateTextWithTooltipDatatestid.TEXT, children: text });
 };
 const DSTruncateTextWithTooltipWithSchema = (0, import_ds_props_helpers.describe)(DSTruncateTextWithTooltip);
-DSTruncateTextWithTooltipWithSchema.propTypes = import_propTypes.propTypes;
+DSTruncateTextWithTooltipWithSchema.propTypes = import_react_desc_prop_types.DSTruncateTextWithTooltipPropTypesSchema;
 //# sourceMappingURL=DSTruncateTextWithTooltip.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/truncateTextWithTooltip/DSTruncateTextWithTooltip.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useMemo, useEffect } from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from './defaultProps.js';\nimport { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';\nimport { propTypes } from './propTypes.js';\nimport { Text } from './styles.js';\nimport type { DSTruncateTextWithTooltipT } from './propTypes.js';\n\nconst DSTruncateTextWithTooltip = (props: DSTruncateTextWithTooltipT.Props): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTruncateTextWithTooltipT.Props>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, 'DSTruncateTextWithTooltip');\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<DSTruncateTextWithTooltipT.Props>(DSTruncateTextWithTooltip);\n\nDSTruncateTextWithTooltipWithSchema.propTypes = propTypes;\n\nexport { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8Cf;AA9CR,mBAAoD;AACpD,wBAA4B;AAC5B,8BAAuF;AACvF,0BAA6B;AAC7B,iDAAoD;AACpD,uBAA0B;AAC1B,oBAAqB;AAGrB,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM,uBAAmB,sDAA+D,OAAO,gCAAY;AAE3G,8DAA+B,kBAAkB,4BAAW,2BAA2B;AAEvF,QAAM,EAAE,MAAM,aAAa,IAAI;AAE/B,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAiC,IAAI;AAC/E,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAkB,KAAK;AAEzE,QAAM,qBAAiB;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,8BAAU,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,4CAAC,iCAAY,MAAa,GAAG,cAC3B,sDAAC,sBAAK,KAAK,kBAAkB,UAAU,GAAG,eAAa,+EAAoC,MACxF,gBACH,GACF;AAGJ,SACE,4CAAC,sBAAK,KAAK,kBAAkB,eAAa,+EAAoC,MAC3E,gBACH;AAEJ;AAEA,MAAM,0CAAsC,kCAA2C,yBAAyB;AAEhH,oCAAoC,YAAY;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDf;AApDR,mBAAoD;AACpD,wBAA4B;AAC5B,8BAAuF;AACvF,iDAAoD;AACpD,oBAAqB;AACrB,mCAIO;AAEP,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM,uBAAmB,sDAAuE,OAAO,yCAAY;AAEnH;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,aAAa,IAAI;AAE/B,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAiC,IAAI;AAC/E,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAkB,KAAK;AAEzE,QAAM,qBAAiB;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,8BAAU,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,4CAAC,iCAAY,MAAa,GAAG,cAC3B,sDAAC,sBAAK,KAAK,kBAAkB,UAAU,GAAG,eAAa,+EAAoC,MACxF,gBACH,GACF;AAGJ,SACE,4CAAC,sBAAK,KAAK,kBAAkB,eAAa,+EAAoC,MAC3E,gBACH;AAEJ;AAEA,MAAM,0CAAsC,kCAAS,yBAAyB;AAE9E,oCAAoC,YAAY;",
   "names": []
 }

package/dist/cjs/truncateTextWithTooltip/index.js

@@ -5,6 +5,10 @@ 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))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -24,8 +27,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 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"));
-__reExport(truncateTextWithTooltip_exports, require("./DSTruncateTextWithTooltip.js"), module.exports);
-__reExport(truncateTextWithTooltip_exports, require("./DSTruncateTextWIthTooltipDatatestid.js"), module.exports);
+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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/truncateTextWithTooltip/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './DSTruncateTextWithTooltip.js';\nexport * from './DSTruncateTextWIthTooltipDatatestid.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,4CAAc,2CAAd;AACA,4CAAc,qDADd;",
+  "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/{propTypes.js → react-desc-prop-types.js}

@@ -26,17 +26,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  propTypes: () => propTypes
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSTruncateTextWithTooltipPropTypes: () => DSTruncateTextWithTooltipPropTypes,
+  DSTruncateTextWithTooltipPropTypesSchema: () => DSTruncateTextWithTooltipPropTypesSchema,
+  defaultProps: () => defaultProps
 });
-module.exports = __toCommonJS(propTypes_exports);
+module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-const propTypes = {
+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({})
 };
-//# sourceMappingURL=propTypes.js.map
+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/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/truncateTextWithTooltip/DSTruncateTextWithTooltip.js

@@ -3,13 +3,19 @@ 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 { defaultProps } from "./defaultProps.js";
 import { DSTruncateTextWithTooltipDatatestid } from "./DSTruncateTextWIthTooltipDatatestid.js";
-import { propTypes } from "./propTypes.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, propTypes, "DSTruncateTextWithTooltip");
+  useValidateTypescriptPropTypes(
+    propsWithDefault,
+    DSTruncateTextWithTooltipPropTypesSchema,
+    "DSTruncateTextWithTooltip"
+  );
   const { text, tooltipProps } = propsWithDefault;
   const [textWrapperEl, setTextWrapperEl] = useState(null);
   const [isShowingEllipsis, setIsShowingEllipsis] = useState(false);
@@ -39,7 +45,7 @@ const DSTruncateTextWithTooltip = (props) => {
   return /* @__PURE__ */ jsx(Text, { ref: setTextWrapperEl, "data-testid": DSTruncateTextWithTooltipDatatestid.TEXT, children: text });
 };
 const DSTruncateTextWithTooltipWithSchema = describe(DSTruncateTextWithTooltip);
-DSTruncateTextWithTooltipWithSchema.propTypes = propTypes;
+DSTruncateTextWithTooltipWithSchema.propTypes = DSTruncateTextWithTooltipPropTypesSchema;
 export {
   DSTruncateTextWithTooltip,
   DSTruncateTextWithTooltipWithSchema

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

@@ -1,7 +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 { defaultProps } from './defaultProps.js';\nimport { DSTruncateTextWithTooltipDatatestid } from './DSTruncateTextWIthTooltipDatatestid.js';\nimport { propTypes } from './propTypes.js';\nimport { Text } from './styles.js';\nimport type { DSTruncateTextWithTooltipT } from './propTypes.js';\n\nconst DSTruncateTextWithTooltip = (props: DSTruncateTextWithTooltipT.Props): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSTruncateTextWithTooltipT.Props>(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, 'DSTruncateTextWithTooltip');\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<DSTruncateTextWithTooltipT.Props>(DSTruncateTextWithTooltip);\n\nDSTruncateTextWithTooltipWithSchema.propTypes = propTypes;\n\nexport { DSTruncateTextWithTooltip, DSTruncateTextWithTooltipWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8Cf;AA9CR,SAAgB,UAAU,SAAS,iBAAiB;AACpD,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B,gCAAgC,gBAAgB;AACvF,SAAS,oBAAoB;AAC7B,SAAS,2CAA2C;AACpD,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAGrB,MAAM,4BAA4B,CAAC,UAAyD;AAC1F,QAAM,mBAAmB,6BAA+D,OAAO,YAAY;AAE3G,iCAA+B,kBAAkB,WAAW,2BAA2B;AAEvF,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,SAA2C,yBAAyB;AAEhH,oCAAoC,YAAY;",
+  "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

@@ -1,4 +1,17 @@
 import * as React from "react";
-export * from "./DSTruncateTextWithTooltip.js";
-export * from "./DSTruncateTextWIthTooltipDatatestid.js";
+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

@@ -1,7 +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 * from './DSTruncateTextWithTooltip.js';\nexport * from './DSTruncateTextWIthTooltipDatatestid.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
+  "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/{propTypes.js → react-desc-prop-types.js}

@@ -1,12 +1,18 @@
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-props-helpers";
-const propTypes = {
+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 {
-  propTypes
+  DSTruncateTextWithTooltipPropTypes,
+  DSTruncateTextWithTooltipPropTypesSchema,
+  defaultProps
 };
-//# sourceMappingURL=propTypes.js.map
+//# 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/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/truncateTextWithTooltip/DSTruncateTextWithTooltip.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { DSTruncateTextWithTooltipT } from './propTypes.js';
+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

@@ -1,2 +1,3 @@
-export * from './DSTruncateTextWithTooltip.js';
-export * from './DSTruncateTextWIthTooltipDatatestid.js';
+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/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.21.2-rc.9",
+  "version": "3.22.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Truncated Tooltip Text",
   "files": [
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "prop-types": "~15.8.1",
-    "@elliemae/ds-popover": "3.21.2-rc.9",
-    "@elliemae/ds-popper": "3.21.2-rc.9",
-    "@elliemae/ds-props-helpers": "3.21.2-rc.9",
-    "@elliemae/ds-system": "3.21.2-rc.9",
-    "@elliemae/ds-tooltip": "3.21.2-rc.9",
-    "@elliemae/ds-utilities": "3.21.2-rc.9"
+    "@elliemae/ds-popover": "3.22.0-next.0",
+    "@elliemae/ds-popper": "3.22.0-next.0",
+    "@elliemae/ds-props-helpers": "3.22.0-next.0",
+    "@elliemae/ds-system": "3.22.0-next.0",
+    "@elliemae/ds-tooltip": "3.22.0-next.0",
+    "@elliemae/ds-utilities": "3.22.0-next.0"
   },
   "devDependencies": {
     "styled-components": "~5.3.9"

package/dist/cjs/truncateTextWithTooltip/defaultProps.js

@@ -1,38 +0,0 @@
-"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 defaultProps_exports = {};
-__export(defaultProps_exports, {
-  defaultProps: () => defaultProps
-});
-module.exports = __toCommonJS(defaultProps_exports);
-var React = __toESM(require("react"));
-const defaultProps = {
-  tooltipProps: {}
-};
-//# sourceMappingURL=defaultProps.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/truncateTextWithTooltip/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { DSTruncateTextWithTooltipT } from './propTypes.js';\n\nexport const defaultProps: DSTruncateTextWithTooltipT.DefaultProps = {\n  tooltipProps: {},\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,eAAwD;AAAA,EACnE,cAAc,CAAC;AACjB;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/truncateTextWithTooltip/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-len */\n\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSTruncateTextWithTooltipT {\n  export interface PropsRequired {\n    text: string;\n  }\n\n  export interface DefaultProps {\n    tooltipProps: Record<string, unknown>;\n  }\n\n  export interface Props extends DefaultProps, PropsRequired {}\n}\n\nexport const propTypes = {\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAA0B;AAcnB,MAAM,YAAY;AAAA,EACvB,MAAM,kCAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACpD,cAAc,kCAAU,OACrB;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AACpB;",
-  "names": []
-}

package/dist/esm/truncateTextWithTooltip/defaultProps.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-const defaultProps = {
-  tooltipProps: {}
-};
-export {
-  defaultProps
-};
-//# sourceMappingURL=defaultProps.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/defaultProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSTruncateTextWithTooltipT } from './propTypes.js';\n\nexport const defaultProps: DSTruncateTextWithTooltipT.DefaultProps = {\n  tooltipProps: {},\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,eAAwD;AAAA,EACnE,cAAc,CAAC;AACjB;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/truncateTextWithTooltip/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\n\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSTruncateTextWithTooltipT {\n  export interface PropsRequired {\n    text: string;\n  }\n\n  export interface DefaultProps {\n    tooltipProps: Record<string, unknown>;\n  }\n\n  export interface Props extends DefaultProps, PropsRequired {}\n}\n\nexport const propTypes = {\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,iBAAiB;AAcnB,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,OAAO,YAAY,eAAe,EAAE;AAAA,EACpD,cAAc,UAAU,OACrB;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,CAAC;AACpB;",
-  "names": []
-}

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

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

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

@@ -1,14 +0,0 @@
-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/dist/types/propTypes/types").ReactDescT;
-    tooltipProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
-};