@elliemae/ds-truncated-expandable-text 3.5.0-rc.1 → 3.5.0-rc.12

package/dist/cjs/TruncatedExpandableText.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TruncatedExpandableText_exports = {};
 __export(TruncatedExpandableText_exports, {
@@ -27,7 +30,8 @@ __export(TruncatedExpandableText_exports, {
 });
 module.exports = __toCommonJS(TruncatedExpandableText_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
 var import_props = require("./props");
@@ -80,7 +84,7 @@ const TruncatedExpandableText = ({
     });
     element.innerText = newHyphenizedValue;
   }, [open, value]);
-  return /* @__PURE__ */ import_react.default.createElement(Text, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, {
     ref,
     ...containerProps,
     isExpanded: open,
@@ -90,8 +94,9 @@ const TruncatedExpandableText = ({
       if (containerProps.onClick)
         containerProps.onClick(e);
     },
-    "data-testid": "ds-truncated-expandable-text"
-  }, value);
+    "data-testid": "ds-truncated-expandable-text",
+    children: value
+  });
 };
 TruncatedExpandableText.propTypes = import_props.textProps;
 TruncatedExpandableText.defaultProps = import_defaultProps.defaultProps;

package/dist/cjs/TruncatedExpandableText.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/TruncatedExpandableText.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, {\n  useRef,\n  useState,\n  useLayoutEffect,\n  HTMLAttributes,\n} from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { textProps } from './props';\nimport { defaultProps } from './defaultProps';\n\ntype TextProps = HTMLAttributes<HTMLSpanElement> & { isExpanded: boolean };\n\nconst Text = styled.span<TextProps>`\n  text-overflow: ellipsis;\n  white-space: ${(props) => (props.isExpanded ? 'wrap' : 'nowrap')};\n  overflow: hidden;\n  display: ${(props) => (props.isExpanded ? '-webkit-box' : 'inline-block')};\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  max-width: 100%;\n  word-break: break-all;\n`;\n\nconst TruncatedExpandableText = ({\n  containerProps,\n  value,\n}: {\n  containerProps: HTMLAttributes<HTMLSpanElement>;\n  value: string;\n}): JSX.Element => {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLSpanElement>(null);\n\n  useLayoutEffect(() => {\n    if (typeof value !== 'string') return;\n    if (!open) return;\n\n    let newHyphenizedValue = '';\n\n    const element = ref.current;\n    element.innerText = newHyphenizedValue;\n    let { height: previousHeight } = element.getBoundingClientRect();\n\n    value.split('').forEach((char, index) => {\n      // try the hyphen here\n      element.innerText = `${newHyphenizedValue}-${char}`;\n      const { height: newHeight } = element.getBoundingClientRect();\n      // if it's the first line or the height didn't change, hyphen doesn't go here,\n      // since we tried \"-c\", we are sure that \"c-\" fits in the line (so we don't\n      // ever have a case where the hyphen goes to the next line\n      if (!index || previousHeight === newHeight) {\n        newHyphenizedValue += char;\n      } else if (index < value.length - 1 && value[index + 1].match(/\\s/)) {\n        // end of word\n        element.innerText = `${newHyphenizedValue}${char}`;\n\n        // sometimes the last character is wider and doesn't fit\n        const { height: endOfWordHeight } = element.getBoundingClientRect();\n        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;\n        else newHyphenizedValue += `-${char}`;\n      } else if (char.match(/\\s/)) {\n        // we dont want \"- \", leave the space character only\n        newHyphenizedValue += char;\n      } else if (\n        newHyphenizedValue.length &&\n        newHyphenizedValue[newHyphenizedValue.length - 1].match(/\\s/)\n      ) {\n        // we produce and empty space to make sure to start on the next line\n        newHyphenizedValue += ` ${char}`;\n      } else {\n        newHyphenizedValue += `-${char}`;\n      }\n      previousHeight = newHeight;\n    });\n    element.innerText = newHyphenizedValue;\n  }, [open, value]);\n\n  return (\n    <Text\n      ref={ref}\n      {...containerProps}\n      isExpanded={open}\n      onClick={(e) => {\n        e.persist();\n        setOpen(!open);\n        if (containerProps.onClick) containerProps.onClick(e);\n      }}\n      data-testid=\"ds-truncated-expandable-text\"\n    >\n      {value}\n    </Text>\n  );\n};\n\nTruncatedExpandableText.propTypes = textProps;\n\nTruncatedExpandableText.defaultProps = defaultProps;\nTruncatedExpandableText.displayName = 'TruncatedExpandableText';\nconst DSTruncatedExpandableTextWithSchema = describe(TruncatedExpandableText);\n\nDSTruncatedExpandableTextWithSchema.propTypes = textProps;\n\nexport { TruncatedExpandableText, DSTruncatedExpandableTextWithSchema };\nexport default TruncatedExpandableText;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAKO;AACP,0BAAyB;AACzB,uBAAuB;AACvB,mBAA0B;AAC1B,0BAA6B;AAI7B,MAAM,OAAO,wBAAO;AAAA;AAAA,iBAEH,CAAC,UAAW,MAAM,aAAa,SAAS;AAAA;AAAA,aAE5C,CAAC,UAAW,MAAM,aAAa,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,MAIiB;AACjB,QAAM,CAAC,MAAM,WAAW,2BAAS,KAAK;AACtC,QAAM,MAAM,yBAAwB,IAAI;AAExC,oCAAgB,MAAM;AACpB,QAAI,OAAO,UAAU;AAAU;AAC/B,QAAI,CAAC;AAAM;AAEX,QAAI,qBAAqB;AAEzB,UAAM,UAAU,IAAI;AACpB,YAAQ,YAAY;AACpB,QAAI,EAAE,QAAQ,mBAAmB,QAAQ,sBAAsB;AAE/D,UAAM,MAAM,EAAE,EAAE,QAAQ,CAAC,MAAM,UAAU;AAEvC,cAAQ,YAAY,GAAG,sBAAsB;AAC7C,YAAM,EAAE,QAAQ,cAAc,QAAQ,sBAAsB;AAI5D,UAAI,CAAC,SAAS,mBAAmB,WAAW;AAC1C,8BAAsB;AAAA,MACxB,WAAW,QAAQ,MAAM,SAAS,KAAK,MAAM,QAAQ,GAAG,MAAM,IAAI,GAAG;AAEnE,gBAAQ,YAAY,GAAG,qBAAqB;AAG5C,cAAM,EAAE,QAAQ,oBAAoB,QAAQ,sBAAsB;AAClE,YAAI,oBAAoB;AAAgB,gCAAsB;AAAA;AACzD,gCAAsB,IAAI;AAAA,MACjC,WAAW,KAAK,MAAM,IAAI,GAAG;AAE3B,8BAAsB;AAAA,MACxB,WACE,mBAAmB,UACnB,mBAAmB,mBAAmB,SAAS,GAAG,MAAM,IAAI,GAC5D;AAEA,8BAAsB,IAAI;AAAA,MAC5B,OAAO;AACL,8BAAsB,IAAI;AAAA,MAC5B;AACA,uBAAiB;AAAA,IACnB,CAAC;AACD,YAAQ,YAAY;AAAA,EACtB,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SACE,mDAAC;AAAA,IACC;AAAA,IACC,GAAG;AAAA,IACJ,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM;AACd,QAAE,QAAQ;AACV,cAAQ,CAAC,IAAI;AACb,UAAI,eAAe;AAAS,uBAAe,QAAQ,CAAC;AAAA,IACtD;AAAA,IACA,eAAY;AAAA,KAEX,KACH;AAEJ;AAEA,wBAAwB,YAAY;AAEpC,wBAAwB,eAAe;AACvC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,kCAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAGhD,IAAO,kCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAKO;AACP,0BAAyB;AACzB,uBAAuB;AACvB,mBAA0B;AAC1B,0BAA6B;AAI7B,MAAM,OAAO,wBAAO;AAAA;AAAA,iBAEH,CAAC,UAAW,MAAM,aAAa,SAAS;AAAA;AAAA,aAE5C,CAAC,UAAW,MAAM,aAAa,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAGmB;AACjB,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,UAAM,qBAAwB,IAAI;AAExC,oCAAgB,MAAM;AACpB,QAAI,OAAO,UAAU;AAAU;AAC/B,QAAI,CAAC;AAAM;AAEX,QAAI,qBAAqB;AAEzB,UAAM,UAAU,IAAI;AACpB,YAAQ,YAAY;AACpB,QAAI,EAAE,QAAQ,eAAe,IAAI,QAAQ,sBAAsB;AAE/D,UAAM,MAAM,EAAE,EAAE,QAAQ,CAAC,MAAM,UAAU;AAEvC,cAAQ,YAAY,GAAG,sBAAsB;AAC7C,YAAM,EAAE,QAAQ,UAAU,IAAI,QAAQ,sBAAsB;AAI5D,UAAI,CAAC,SAAS,mBAAmB,WAAW;AAC1C,8BAAsB;AAAA,MACxB,WAAW,QAAQ,MAAM,SAAS,KAAK,MAAM,QAAQ,GAAG,MAAM,IAAI,GAAG;AAEnE,gBAAQ,YAAY,GAAG,qBAAqB;AAG5C,cAAM,EAAE,QAAQ,gBAAgB,IAAI,QAAQ,sBAAsB;AAClE,YAAI,oBAAoB;AAAgB,gCAAsB;AAAA;AACzD,gCAAsB,IAAI;AAAA,MACjC,WAAW,KAAK,MAAM,IAAI,GAAG;AAE3B,8BAAsB;AAAA,MACxB,WACE,mBAAmB,UACnB,mBAAmB,mBAAmB,SAAS,GAAG,MAAM,IAAI,GAC5D;AAEA,8BAAsB,IAAI;AAAA,MAC5B,OAAO;AACL,8BAAsB,IAAI;AAAA,MAC5B;AACA,uBAAiB;AAAA,IACnB,CAAC;AACD,YAAQ,YAAY;AAAA,EACtB,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SACE,4CAAC;AAAA,IACC;AAAA,IACC,GAAG;AAAA,IACJ,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM;AACd,QAAE,QAAQ;AACV,cAAQ,CAAC,IAAI;AACb,UAAI,eAAe;AAAS,uBAAe,QAAQ,CAAC;AAAA,IACtD;AAAA,IACA,eAAY;AAAA,IAEX;AAAA,GACH;AAEJ;AAEA,wBAAwB,YAAY;AAEpC,wBAAwB,eAAe;AACvC,wBAAwB,cAAc;AACtC,MAAM,0CAAsC,8BAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAGhD,IAAO,kCAAQ;",
   "names": []
 }

package/dist/cjs/defaultProps.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {

package/dist/cjs/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const defaultProps = { containerProps: {}, value: '' };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe,EAAE,gBAAgB,CAAC,GAAG,OAAO,GAAG;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe,EAAE,gBAAgB,CAAC,GAAG,OAAO,GAAG;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,7 +18,10 @@ 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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './TruncatedExpandableText';\nexport { default } from './TruncatedExpandableText';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,sCAAd;AACA,qCAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,sCAAd;AACA,qCAAwB;",
   "names": []
 }

package/dist/cjs/props.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var props_exports = {};
 __export(props_exports, {
@@ -27,7 +30,11 @@ module.exports = __toCommonJS(props_exports);
 var React = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 const textProps = {
-  containerProps: import_ds_utilities.PropTypes.object.description("props injected to wrapper of truncated expandable text"),
-  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("Text that when truncated will trigger the tooltip interaction")
+  containerProps: import_ds_utilities.PropTypes.object.description(
+    "props injected to wrapper of truncated expandable text"
+  ),
+  value: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description(
+    "Text that when truncated will trigger the tooltip interaction"
+  )
 };
 //# sourceMappingURL=props.js.map

package/dist/cjs/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const textProps = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.object.description(\n    'props injected to wrapper of truncated expandable text',\n  ),\n  /** Text that when truncated will trigger the tooltip interaction */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Text that when truncated will trigger the tooltip interaction',\n  ),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,YAAY;AAAA,EAEvB,gBAAgB,8BAAU,OAAO,YAC/B,wDACF;AAAA,EAEA,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAC/D,+DACF;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,YAAY;AAAA,EAEvB,gBAAgB,8BAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,OAAO,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/TruncatedExpandableText.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, {
+import { jsx } from "react/jsx-runtime";
+import {
   useRef,
   useState,
   useLayoutEffect
@@ -56,7 +57,7 @@ const TruncatedExpandableText = ({
     });
     element.innerText = newHyphenizedValue;
   }, [open, value]);
-  return /* @__PURE__ */ React2.createElement(Text, {
+  return /* @__PURE__ */ jsx(Text, {
     ref,
     ...containerProps,
     isExpanded: open,
@@ -66,8 +67,9 @@ const TruncatedExpandableText = ({
       if (containerProps.onClick)
         containerProps.onClick(e);
     },
-    "data-testid": "ds-truncated-expandable-text"
-  }, value);
+    "data-testid": "ds-truncated-expandable-text",
+    children: value
+  });
 };
 TruncatedExpandableText.propTypes = textProps;
 TruncatedExpandableText.defaultProps = defaultProps;

package/dist/esm/TruncatedExpandableText.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/TruncatedExpandableText.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, {\n  useRef,\n  useState,\n  useLayoutEffect,\n  HTMLAttributes,\n} from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { textProps } from './props';\nimport { defaultProps } from './defaultProps';\n\ntype TextProps = HTMLAttributes<HTMLSpanElement> & { isExpanded: boolean };\n\nconst Text = styled.span<TextProps>`\n  text-overflow: ellipsis;\n  white-space: ${(props) => (props.isExpanded ? 'wrap' : 'nowrap')};\n  overflow: hidden;\n  display: ${(props) => (props.isExpanded ? '-webkit-box' : 'inline-block')};\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  max-width: 100%;\n  word-break: break-all;\n`;\n\nconst TruncatedExpandableText = ({\n  containerProps,\n  value,\n}: {\n  containerProps: HTMLAttributes<HTMLSpanElement>;\n  value: string;\n}): JSX.Element => {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLSpanElement>(null);\n\n  useLayoutEffect(() => {\n    if (typeof value !== 'string') return;\n    if (!open) return;\n\n    let newHyphenizedValue = '';\n\n    const element = ref.current;\n    element.innerText = newHyphenizedValue;\n    let { height: previousHeight } = element.getBoundingClientRect();\n\n    value.split('').forEach((char, index) => {\n      // try the hyphen here\n      element.innerText = `${newHyphenizedValue}-${char}`;\n      const { height: newHeight } = element.getBoundingClientRect();\n      // if it's the first line or the height didn't change, hyphen doesn't go here,\n      // since we tried \"-c\", we are sure that \"c-\" fits in the line (so we don't\n      // ever have a case where the hyphen goes to the next line\n      if (!index || previousHeight === newHeight) {\n        newHyphenizedValue += char;\n      } else if (index < value.length - 1 && value[index + 1].match(/\\s/)) {\n        // end of word\n        element.innerText = `${newHyphenizedValue}${char}`;\n\n        // sometimes the last character is wider and doesn't fit\n        const { height: endOfWordHeight } = element.getBoundingClientRect();\n        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;\n        else newHyphenizedValue += `-${char}`;\n      } else if (char.match(/\\s/)) {\n        // we dont want \"- \", leave the space character only\n        newHyphenizedValue += char;\n      } else if (\n        newHyphenizedValue.length &&\n        newHyphenizedValue[newHyphenizedValue.length - 1].match(/\\s/)\n      ) {\n        // we produce and empty space to make sure to start on the next line\n        newHyphenizedValue += ` ${char}`;\n      } else {\n        newHyphenizedValue += `-${char}`;\n      }\n      previousHeight = newHeight;\n    });\n    element.innerText = newHyphenizedValue;\n  }, [open, value]);\n\n  return (\n    <Text\n      ref={ref}\n      {...containerProps}\n      isExpanded={open}\n      onClick={(e) => {\n        e.persist();\n        setOpen(!open);\n        if (containerProps.onClick) containerProps.onClick(e);\n      }}\n      data-testid=\"ds-truncated-expandable-text\"\n    >\n      {value}\n    </Text>\n  );\n};\n\nTruncatedExpandableText.propTypes = textProps;\n\nTruncatedExpandableText.defaultProps = defaultProps;\nTruncatedExpandableText.displayName = 'TruncatedExpandableText';\nconst DSTruncatedExpandableTextWithSchema = describe(TruncatedExpandableText);\n\nDSTruncatedExpandableTextWithSchema.propTypes = textProps;\n\nexport { TruncatedExpandableText, DSTruncatedExpandableTextWithSchema };\nexport default TruncatedExpandableText;\n"],
-  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAIA,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAW,MAAM,aAAa,SAAS;AAAA;AAAA,aAE5C,CAAC,UAAW,MAAM,aAAa,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,MAIiB;AACjB,QAAM,CAAC,MAAM,WAAW,SAAS,KAAK;AACtC,QAAM,MAAM,OAAwB,IAAI;AAExC,kBAAgB,MAAM;AACpB,QAAI,OAAO,UAAU;AAAU;AAC/B,QAAI,CAAC;AAAM;AAEX,QAAI,qBAAqB;AAEzB,UAAM,UAAU,IAAI;AACpB,YAAQ,YAAY;AACpB,QAAI,EAAE,QAAQ,mBAAmB,QAAQ,sBAAsB;AAE/D,UAAM,MAAM,EAAE,EAAE,QAAQ,CAAC,MAAM,UAAU;AAEvC,cAAQ,YAAY,GAAG,sBAAsB;AAC7C,YAAM,EAAE,QAAQ,cAAc,QAAQ,sBAAsB;AAI5D,UAAI,CAAC,SAAS,mBAAmB,WAAW;AAC1C,8BAAsB;AAAA,MACxB,WAAW,QAAQ,MAAM,SAAS,KAAK,MAAM,QAAQ,GAAG,MAAM,IAAI,GAAG;AAEnE,gBAAQ,YAAY,GAAG,qBAAqB;AAG5C,cAAM,EAAE,QAAQ,oBAAoB,QAAQ,sBAAsB;AAClE,YAAI,oBAAoB;AAAgB,gCAAsB;AAAA;AACzD,gCAAsB,IAAI;AAAA,MACjC,WAAW,KAAK,MAAM,IAAI,GAAG;AAE3B,8BAAsB;AAAA,MACxB,WACE,mBAAmB,UACnB,mBAAmB,mBAAmB,SAAS,GAAG,MAAM,IAAI,GAC5D;AAEA,8BAAsB,IAAI;AAAA,MAC5B,OAAO;AACL,8BAAsB,IAAI;AAAA,MAC5B;AACA,uBAAiB;AAAA,IACnB,CAAC;AACD,YAAQ,YAAY;AAAA,EACtB,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SACE,qCAAC;AAAA,IACC;AAAA,IACC,GAAG;AAAA,IACJ,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM;AACd,QAAE,QAAQ;AACV,cAAQ,CAAC,IAAI;AACb,UAAI,eAAe;AAAS,uBAAe,QAAQ,CAAC;AAAA,IACtD;AAAA,IACA,eAAY;AAAA,KAEX,KACH;AAEJ;AAEA,wBAAwB,YAAY;AAEpC,wBAAwB,eAAe;AACvC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,SAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAGhD,IAAO,kCAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAI7B,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,UAAW,MAAM,aAAa,SAAS;AAAA;AAAA,aAE5C,CAAC,UAAW,MAAM,aAAa,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5D,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAGmB;AACjB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,MAAM,OAAwB,IAAI;AAExC,kBAAgB,MAAM;AACpB,QAAI,OAAO,UAAU;AAAU;AAC/B,QAAI,CAAC;AAAM;AAEX,QAAI,qBAAqB;AAEzB,UAAM,UAAU,IAAI;AACpB,YAAQ,YAAY;AACpB,QAAI,EAAE,QAAQ,eAAe,IAAI,QAAQ,sBAAsB;AAE/D,UAAM,MAAM,EAAE,EAAE,QAAQ,CAAC,MAAM,UAAU;AAEvC,cAAQ,YAAY,GAAG,sBAAsB;AAC7C,YAAM,EAAE,QAAQ,UAAU,IAAI,QAAQ,sBAAsB;AAI5D,UAAI,CAAC,SAAS,mBAAmB,WAAW;AAC1C,8BAAsB;AAAA,MACxB,WAAW,QAAQ,MAAM,SAAS,KAAK,MAAM,QAAQ,GAAG,MAAM,IAAI,GAAG;AAEnE,gBAAQ,YAAY,GAAG,qBAAqB;AAG5C,cAAM,EAAE,QAAQ,gBAAgB,IAAI,QAAQ,sBAAsB;AAClE,YAAI,oBAAoB;AAAgB,gCAAsB;AAAA;AACzD,gCAAsB,IAAI;AAAA,MACjC,WAAW,KAAK,MAAM,IAAI,GAAG;AAE3B,8BAAsB;AAAA,MACxB,WACE,mBAAmB,UACnB,mBAAmB,mBAAmB,SAAS,GAAG,MAAM,IAAI,GAC5D;AAEA,8BAAsB,IAAI;AAAA,MAC5B,OAAO;AACL,8BAAsB,IAAI;AAAA,MAC5B;AACA,uBAAiB;AAAA,IACnB,CAAC;AACD,YAAQ,YAAY;AAAA,EACtB,GAAG,CAAC,MAAM,KAAK,CAAC;AAEhB,SACE,oBAAC;AAAA,IACC;AAAA,IACC,GAAG;AAAA,IACJ,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM;AACd,QAAE,QAAQ;AACV,cAAQ,CAAC,IAAI;AACb,UAAI,eAAe;AAAS,uBAAe,QAAQ,CAAC;AAAA,IACtD;AAAA,IACA,eAAY;AAAA,IAEX;AAAA,GACH;AAEJ;AAEA,wBAAwB,YAAY;AAEpC,wBAAwB,eAAe;AACvC,wBAAwB,cAAc;AACtC,MAAM,sCAAsC,SAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAGhD,IAAO,kCAAQ;",
   "names": []
 }

package/dist/esm/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = { containerProps: {}, value: '' };\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe,EAAE,gBAAgB,CAAC,GAAG,OAAO,GAAG;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe,EAAE,gBAAgB,CAAC,GAAG,OAAO,GAAG;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './TruncatedExpandableText';\nexport { default } from './TruncatedExpandableText';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
 }

package/dist/esm/props.js

@@ -1,8 +1,12 @@
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-utilities";
 const textProps = {
-  containerProps: PropTypes.object.description("props injected to wrapper of truncated expandable text"),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Text that when truncated will trigger the tooltip interaction")
+  containerProps: PropTypes.object.description(
+    "props injected to wrapper of truncated expandable text"
+  ),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(
+    "Text that when truncated will trigger the tooltip interaction"
+  )
 };
 export {
   textProps

package/dist/esm/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const textProps = {\n  /** props injected to wrapper of page header */\n  containerProps: PropTypes.object.description(\n    'props injected to wrapper of truncated expandable text',\n  ),\n  /** Text that when truncated will trigger the tooltip interaction */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Text that when truncated will trigger the tooltip interaction',\n  ),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EAEvB,gBAAgB,UAAU,OAAO,YAC/B,wDACF;AAAA,EAEA,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAC/D,+DACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,YAAY;AAAA,EAEvB,gBAAgB,UAAU,OAAO;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAC/D;AAAA,EACF;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-truncated-expandable-text",
-  "version": "3.5.0-rc.1",
+  "version": "3.5.0-rc.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Truncated Expandable Text",
   "files": [
@@ -47,8 +47,8 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.5.0-rc.1",
-    "@elliemae/ds-utilities": "3.5.0-rc.1"
+    "@elliemae/ds-system": "3.5.0-rc.12",
+    "@elliemae/ds-utilities": "3.5.0-rc.12"
   },
   "devDependencies": {
     "@testing-library/react": "~12.1.3",