@elliemae/ds-truncated-expandable-text 3.0.0-next.0 → 3.0.0-next.4

package/dist/cjs/TruncatedExpandableText.js

@@ -0,0 +1,124 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var TruncatedExpandableText_exports = {};
+__export(TruncatedExpandableText_exports, {
+  DSTruncatedExpandableTextWithSchema: () => DSTruncatedExpandableTextWithSchema,
+  TruncatedExpandableText: () => TruncatedExpandableText,
+  default: () => TruncatedExpandableText_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_styled_components = __toESM(require("styled-components"));
+var import_props = require("./props");
+var import_defaultProps = require("./defaultProps");
+const Text = import_styled_components.default.span`
+  text-overflow: ellipsis;
+  white-space: ${(props) => props.isExpanded ? "wrap" : "nowrap"};
+  overflow: hidden;
+  display: ${(props) => props.isExpanded ? "-webkit-box" : "inline-block"};
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  max-width: 100%;
+  word-break: break-all;
+`;
+const TruncatedExpandableText = ({
+  containerProps,
+  value
+}) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const ref = (0, import_react.useRef)(null);
+  (0, import_react.useLayoutEffect)(() => {
+    if (typeof value !== "string")
+      return;
+    if (!open)
+      return;
+    let newHyphenizedValue = "";
+    const element = ref.current;
+    element.innerText = newHyphenizedValue;
+    let { height: previousHeight } = element.getBoundingClientRect();
+    value.split("").forEach((char, index) => {
+      element.innerText = `${newHyphenizedValue}-${char}`;
+      const { height: newHeight } = element.getBoundingClientRect();
+      if (!index || previousHeight === newHeight) {
+        newHyphenizedValue += char;
+      } else if (index < value.length - 1 && value[index + 1].match(/\s/)) {
+        element.innerText = `${newHyphenizedValue}${char}`;
+        const { height: endOfWordHeight } = element.getBoundingClientRect();
+        if (endOfWordHeight === previousHeight)
+          newHyphenizedValue += char;
+        else
+          newHyphenizedValue += `-${char}`;
+      } else if (char.match(/\s/)) {
+        newHyphenizedValue += char;
+      } else if (newHyphenizedValue.length && newHyphenizedValue[newHyphenizedValue.length - 1].match(/\s/)) {
+        newHyphenizedValue += ` ${char}`;
+      } else {
+        newHyphenizedValue += `-${char}`;
+      }
+      previousHeight = newHeight;
+    });
+    element.innerText = newHyphenizedValue;
+  }, [open, value]);
+  return /* @__PURE__ */ import_react.default.createElement(Text, __spreadProps(__spreadValues({
+    ref
+  }, containerProps), {
+    isExpanded: open,
+    onClick: (e) => {
+      e.persist();
+      setOpen(!open);
+      if (containerProps.onClick)
+        containerProps.onClick(e);
+    },
+    "data-testid": "ds-truncated-expandable-text"
+  }), value);
+};
+TruncatedExpandableText.propTypes = import_props.textProps;
+TruncatedExpandableText.defaultProps = import_defaultProps.defaultProps;
+const DSTruncatedExpandableTextWithSchema = (0, import_react_desc.describe)(TruncatedExpandableText);
+DSTruncatedExpandableTextWithSchema.propTypes = import_props.textProps;
+var TruncatedExpandableText_default = TruncatedExpandableText;
+module.exports = __toCommonJS(TruncatedExpandableText_exports);
+//# sourceMappingURL=TruncatedExpandableText.js.map

package/dist/cjs/TruncatedExpandableText.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\nimport styled from 'styled-components';\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;\n\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;ACAA,YAAuB;ADAvB,mBAKO;AACP,wBAAyB;AACzB,+BAAmB;AACnB,mBAA0B;AAC1B,0BAA6B;AAI7B,MAAM,OAAO,iCAAO;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;AACjC,QAAM,MAAM,yBAAwB;AAEpC,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;AAEzC,UAAM,MAAM,IAAI,QAAQ,CAAC,MAAM,UAAU;AAEvC,cAAQ,YAAY,GAAG,sBAAsB;AAC7C,YAAM,EAAE,QAAQ,cAAc,QAAQ;AAItC,UAAI,CAAC,SAAS,mBAAmB,WAAW;AAC1C,8BAAsB;AAAA,iBACb,QAAQ,MAAM,SAAS,KAAK,MAAM,QAAQ,GAAG,MAAM,OAAO;AAEnE,gBAAQ,YAAY,GAAG,qBAAqB;AAG5C,cAAM,EAAE,QAAQ,oBAAoB,QAAQ;AAC5C,YAAI,oBAAoB;AAAgB,gCAAsB;AAAA;AACzD,gCAAsB,IAAI;AAAA,iBACtB,KAAK,MAAM,OAAO;AAE3B,8BAAsB;AAAA,iBAEtB,mBAAmB,UACnB,mBAAmB,mBAAmB,SAAS,GAAG,MAAM,OACxD;AAEA,8BAAsB,IAAI;AAAA,aACrB;AACL,8BAAsB,IAAI;AAAA;AAE5B,uBAAiB;AAAA;AAEnB,YAAQ,YAAY;AAAA,KACnB,CAAC,MAAM;AAEV,SACE,mDAAC,MAAD;AAAA,IACE;AAAA,KACI,iBAFN;AAAA,IAGE,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM;AACd,QAAE;AACF,cAAQ,CAAC;AACT,UAAI,eAAe;AAAS,uBAAe,QAAQ;AAAA;AAAA,IAErD,eAAY;AAAA,MAEX;AAAA;AAKP,wBAAwB,YAAY;AAEpC,wBAAwB,eAAe;AAEvC,MAAM,sCAAsC,gCAAS;AAErD,oCAAoC,YAAY;AAGhD,IAAO,kCAAQ;",
+  "names": []
+}

package/dist/cjs/defaultProps.js

@@ -0,0 +1,35 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+const defaultProps = { containerProps: {}, value: "" };
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/dist/cjs/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAhB,MAAM,eAAe,EAAE,gBAAgB,IAAI,OAAO;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,36 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_TruncatedExpandableText.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./TruncatedExpandableText"));
+var import_TruncatedExpandableText = __toESM(require("./TruncatedExpandableText"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,wBAAc;AACd,qCAAwB;",
+  "names": []
+}

package/dist/cjs/props.js

@@ -0,0 +1,39 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  textProps: () => textProps
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+const textProps = {
+  containerProps: import_react_desc.PropTypes.object.description("props injected to wrapper of truncated expandable text"),
+  value: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("Text that when truncated will trigger the tooltip interaction")
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\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;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EAEvB,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,OAAO,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAC/D;AAAA;",
+  "names": []
+}

package/dist/esm/TruncatedExpandableText.js

@@ -0,0 +1,101 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, {
+  useRef,
+  useState,
+  useLayoutEffect
+} from "react";
+import { describe } from "react-desc";
+import styled from "styled-components";
+import { textProps } from "./props";
+import { defaultProps } from "./defaultProps";
+const Text = styled.span`
+  text-overflow: ellipsis;
+  white-space: ${(props) => props.isExpanded ? "wrap" : "nowrap"};
+  overflow: hidden;
+  display: ${(props) => props.isExpanded ? "-webkit-box" : "inline-block"};
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  max-width: 100%;
+  word-break: break-all;
+`;
+const TruncatedExpandableText = ({
+  containerProps,
+  value
+}) => {
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    if (typeof value !== "string")
+      return;
+    if (!open)
+      return;
+    let newHyphenizedValue = "";
+    const element = ref.current;
+    element.innerText = newHyphenizedValue;
+    let { height: previousHeight } = element.getBoundingClientRect();
+    value.split("").forEach((char, index) => {
+      element.innerText = `${newHyphenizedValue}-${char}`;
+      const { height: newHeight } = element.getBoundingClientRect();
+      if (!index || previousHeight === newHeight) {
+        newHyphenizedValue += char;
+      } else if (index < value.length - 1 && value[index + 1].match(/\s/)) {
+        element.innerText = `${newHyphenizedValue}${char}`;
+        const { height: endOfWordHeight } = element.getBoundingClientRect();
+        if (endOfWordHeight === previousHeight)
+          newHyphenizedValue += char;
+        else
+          newHyphenizedValue += `-${char}`;
+      } else if (char.match(/\s/)) {
+        newHyphenizedValue += char;
+      } else if (newHyphenizedValue.length && newHyphenizedValue[newHyphenizedValue.length - 1].match(/\s/)) {
+        newHyphenizedValue += ` ${char}`;
+      } else {
+        newHyphenizedValue += `-${char}`;
+      }
+      previousHeight = newHeight;
+    });
+    element.innerText = newHyphenizedValue;
+  }, [open, value]);
+  return /* @__PURE__ */ React2.createElement(Text, __spreadProps(__spreadValues({
+    ref
+  }, containerProps), {
+    isExpanded: open,
+    onClick: (e) => {
+      e.persist();
+      setOpen(!open);
+      if (containerProps.onClick)
+        containerProps.onClick(e);
+    },
+    "data-testid": "ds-truncated-expandable-text"
+  }), value);
+};
+TruncatedExpandableText.propTypes = textProps;
+TruncatedExpandableText.defaultProps = defaultProps;
+const DSTruncatedExpandableTextWithSchema = describe(TruncatedExpandableText);
+DSTruncatedExpandableTextWithSchema.propTypes = textProps;
+var TruncatedExpandableText_default = TruncatedExpandableText;
+export {
+  DSTruncatedExpandableTextWithSchema,
+  TruncatedExpandableText,
+  TruncatedExpandableText_default as default
+};
+//# sourceMappingURL=TruncatedExpandableText.js.map

package/dist/esm/TruncatedExpandableText.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\nimport styled from 'styled-components';\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;\n\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;AACjC,QAAM,MAAM,OAAwB;AAEpC,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;AAEzC,UAAM,MAAM,IAAI,QAAQ,CAAC,MAAM,UAAU;AAEvC,cAAQ,YAAY,GAAG,sBAAsB;AAC7C,YAAM,EAAE,QAAQ,cAAc,QAAQ;AAItC,UAAI,CAAC,SAAS,mBAAmB,WAAW;AAC1C,8BAAsB;AAAA,iBACb,QAAQ,MAAM,SAAS,KAAK,MAAM,QAAQ,GAAG,MAAM,OAAO;AAEnE,gBAAQ,YAAY,GAAG,qBAAqB;AAG5C,cAAM,EAAE,QAAQ,oBAAoB,QAAQ;AAC5C,YAAI,oBAAoB;AAAgB,gCAAsB;AAAA;AACzD,gCAAsB,IAAI;AAAA,iBACtB,KAAK,MAAM,OAAO;AAE3B,8BAAsB;AAAA,iBAEtB,mBAAmB,UACnB,mBAAmB,mBAAmB,SAAS,GAAG,MAAM,OACxD;AAEA,8BAAsB,IAAI;AAAA,aACrB;AACL,8BAAsB,IAAI;AAAA;AAE5B,uBAAiB;AAAA;AAEnB,YAAQ,YAAY;AAAA,KACnB,CAAC,MAAM;AAEV,SACE,qCAAC,MAAD;AAAA,IACE;AAAA,KACI,iBAFN;AAAA,IAGE,YAAY;AAAA,IACZ,SAAS,CAAC,MAAM;AACd,QAAE;AACF,cAAQ,CAAC;AACT,UAAI,eAAe;AAAS,uBAAe,QAAQ;AAAA;AAAA,IAErD,eAAY;AAAA,MAEX;AAAA;AAKP,wBAAwB,YAAY;AAEpC,wBAAwB,eAAe;AAEvC,MAAM,sCAAsC,SAAS;AAErD,oCAAoC,YAAY;AAGhD,IAAO,kCAAQ;",
+  "names": []
+}

package/dist/esm/defaultProps.js

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

package/dist/esm/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "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,IAAI,OAAO;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+export * from "./TruncatedExpandableText";
+import { default as default2 } from "./TruncatedExpandableText";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/props.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+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")
+};
+export {
+  textProps
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\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;AAAA,EAGF,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC/D;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,27 +1,30 @@
 {
   "name": "@elliemae/ds-truncated-expandable-text",
-  "version": "3.0.0-next.0",
+  "version": "3.0.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Truncated Expandable Text",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./TruncatedExpandableText": {
-      "import": "./esm/TruncatedExpandableText.js",
-      "require": "./cjs/TruncatedExpandableText.js"
+      "import": "./dist/esm/TruncatedExpandableText.js",
+      "require": "./dist/cjs/TruncatedExpandableText.js"
     },
     "./props": {
-      "import": "./esm/props.js",
-      "require": "./cjs/props.js"
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
     },
     "./defaultProps": {
-      "import": "./esm/defaultProps.js",
-      "require": "./cjs/defaultProps.js"
+      "import": "./dist/esm/defaultProps.js",
+      "require": "./dist/cjs/defaultProps.js"
     }
   },
   "sideEffects": [
@@ -33,15 +36,15 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
     "react-desc": "~4.1.3"
@@ -49,7 +52,7 @@
   "devDependencies": {
     "@testing-library/react": "~12.1.2",
     "@testing-library/user-event": "~13.5.0",
-    "@types/styled-components": "~5.1.15",
+    "@types/styled-components": "~5.1.19",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {
@@ -60,7 +63,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/TruncatedExpandableText.js

@@ -1,100 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var react = require('react');
-var reactDesc = require('react-desc');
-var styled = require('styled-components');
-var props = require('./props.js');
-var defaultProps = require('./defaultProps.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Text = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-1wjt65j-0"
-})(["text-overflow:ellipsis;white-space:", ";overflow:hidden;display:", ";-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;word-break:break-all;"], props => props.isExpanded ? 'wrap' : 'nowrap', props => props.isExpanded ? '-webkit-box' : 'inline-block');
-
-const TruncatedExpandableText = _ref => {
-  let {
-    containerProps,
-    value
-  } = _ref;
-  const [open, setOpen] = react.useState(false);
-  const ref = react.useRef(null);
-  react.useLayoutEffect(() => {
-    if (typeof value !== 'string') return;
-    if (!open) return;
-    let newHyphenizedValue = '';
-    const element = ref.current;
-    element.innerText = newHyphenizedValue;
-    let {
-      height: previousHeight
-    } = element.getBoundingClientRect();
-    value.split('').forEach((char, index) => {
-      // try the hyphen here
-      element.innerText = "".concat(newHyphenizedValue, "-").concat(char);
-      const {
-        height: newHeight
-      } = element.getBoundingClientRect(); // if it's the first line or the height didn't change, hyphen doesn't go here,
-      // since we tried "-c", we are sure that "c-" fits in the line (so we don't
-      // ever have a case where the hyphen goes to the next line
-
-      if (!index || previousHeight === newHeight) {
-        newHyphenizedValue += char;
-      } else if (index < value.length - 1 && value[index + 1].match(/\s/)) {
-        // end of word
-        element.innerText = "".concat(newHyphenizedValue).concat(char); // sometimes the last character is wider and doesn't fit
-
-        const {
-          height: endOfWordHeight
-        } = element.getBoundingClientRect();
-        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;else newHyphenizedValue += "-".concat(char);
-      } else if (char.match(/\s/)) {
-        // we dont want "- ", leave the space character only
-        newHyphenizedValue += char;
-      } else if (newHyphenizedValue.length && newHyphenizedValue[newHyphenizedValue.length - 1].match(/\s/)) {
-        // we produce and empty space to make sure to start on the next line
-        newHyphenizedValue += " ".concat(char);
-      } else {
-        newHyphenizedValue += "-".concat(char);
-      }
-
-      previousHeight = newHeight;
-    });
-    element.innerText = newHyphenizedValue;
-  }, [open, value]);
-  return /*#__PURE__*/jsxRuntime.jsx(Text, _objectSpread(_objectSpread({
-    ref: ref
-  }, containerProps), {}, {
-    isExpanded: open,
-    onClick: e => {
-      e.persist();
-      setOpen(!open);
-      if (containerProps.onClick) containerProps.onClick(e);
-    },
-    "data-testid": "ds-truncated-expandable-text",
-    children: value
-  }));
-};
-
-TruncatedExpandableText.defaultProps = defaultProps.defaultProps;
-const DSTruncatedExpandableTextWithSchema = reactDesc.describe(TruncatedExpandableText);
-DSTruncatedExpandableTextWithSchema.propTypes = props.textProps;
-
-exports.DSTruncatedExpandableTextWithSchema = DSTruncatedExpandableTextWithSchema;
-exports.TruncatedExpandableText = TruncatedExpandableText;
-exports["default"] = TruncatedExpandableText;

package/cjs/defaultProps.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const defaultProps = {
-  containerProps: {},
-  value: ''
-};
-
-exports.defaultProps = defaultProps;

package/cjs/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var TruncatedExpandableText = require('./TruncatedExpandableText.js');
-
-
-
-exports.DSTruncatedExpandableTextWithSchema = TruncatedExpandableText.DSTruncatedExpandableTextWithSchema;
-exports.TruncatedExpandableText = TruncatedExpandableText.TruncatedExpandableText;
-exports["default"] = TruncatedExpandableText.TruncatedExpandableText;

package/cjs/props.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
-const textProps = {
-  /** props injected to wrapper of page header */
-  containerProps: reactDesc.PropTypes.object.description('props injected to wrapper of truncated expandable text'),
-
-  /** Text that when truncated will trigger the tooltip interaction */
-  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Text that when truncated will trigger the tooltip interaction')
-};
-
-exports.textProps = textProps;

package/esm/TruncatedExpandableText.js

@@ -1,89 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { useState, useRef, useLayoutEffect } from 'react';
-import { describe } from 'react-desc';
-import styled from 'styled-components';
-import { textProps } from './props.js';
-import { defaultProps } from './defaultProps.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Text = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1wjt65j-0"
-})(["text-overflow:ellipsis;white-space:", ";overflow:hidden;display:", ";-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;word-break:break-all;"], props => props.isExpanded ? 'wrap' : 'nowrap', props => props.isExpanded ? '-webkit-box' : 'inline-block');
-
-const TruncatedExpandableText = _ref => {
-  let {
-    containerProps,
-    value
-  } = _ref;
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useLayoutEffect(() => {
-    if (typeof value !== 'string') return;
-    if (!open) return;
-    let newHyphenizedValue = '';
-    const element = ref.current;
-    element.innerText = newHyphenizedValue;
-    let {
-      height: previousHeight
-    } = element.getBoundingClientRect();
-    value.split('').forEach((char, index) => {
-      // try the hyphen here
-      element.innerText = "".concat(newHyphenizedValue, "-").concat(char);
-      const {
-        height: newHeight
-      } = element.getBoundingClientRect(); // if it's the first line or the height didn't change, hyphen doesn't go here,
-      // since we tried "-c", we are sure that "c-" fits in the line (so we don't
-      // ever have a case where the hyphen goes to the next line
-
-      if (!index || previousHeight === newHeight) {
-        newHyphenizedValue += char;
-      } else if (index < value.length - 1 && value[index + 1].match(/\s/)) {
-        // end of word
-        element.innerText = "".concat(newHyphenizedValue).concat(char); // sometimes the last character is wider and doesn't fit
-
-        const {
-          height: endOfWordHeight
-        } = element.getBoundingClientRect();
-        if (endOfWordHeight === previousHeight) newHyphenizedValue += char;else newHyphenizedValue += "-".concat(char);
-      } else if (char.match(/\s/)) {
-        // we dont want "- ", leave the space character only
-        newHyphenizedValue += char;
-      } else if (newHyphenizedValue.length && newHyphenizedValue[newHyphenizedValue.length - 1].match(/\s/)) {
-        // we produce and empty space to make sure to start on the next line
-        newHyphenizedValue += " ".concat(char);
-      } else {
-        newHyphenizedValue += "-".concat(char);
-      }
-
-      previousHeight = newHeight;
-    });
-    element.innerText = newHyphenizedValue;
-  }, [open, value]);
-  return /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({
-    ref: ref
-  }, containerProps), {}, {
-    isExpanded: open,
-    onClick: e => {
-      e.persist();
-      setOpen(!open);
-      if (containerProps.onClick) containerProps.onClick(e);
-    },
-    "data-testid": "ds-truncated-expandable-text",
-    children: value
-  }));
-};
-
-TruncatedExpandableText.defaultProps = defaultProps;
-const DSTruncatedExpandableTextWithSchema = describe(TruncatedExpandableText);
-DSTruncatedExpandableTextWithSchema.propTypes = textProps;
-
-export { DSTruncatedExpandableTextWithSchema, TruncatedExpandableText, TruncatedExpandableText as default };

package/esm/defaultProps.js

@@ -1,6 +0,0 @@
-const defaultProps = {
-  containerProps: {},
-  value: ''
-};
-
-export { defaultProps };

package/esm/index.js

@@ -1 +0,0 @@
-export { DSTruncatedExpandableTextWithSchema, TruncatedExpandableText, TruncatedExpandableText as default } from './TruncatedExpandableText.js';

package/esm/props.js

@@ -1,11 +0,0 @@
-import { PropTypes } from 'react-desc';
-
-const textProps = {
-  /** props injected to wrapper of page header */
-  containerProps: PropTypes.object.description('props injected to wrapper of truncated expandable text'),
-
-  /** Text that when truncated will trigger the tooltip interaction */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Text that when truncated will trigger the tooltip interaction')
-};
-
-export { textProps };

package/types/TruncatedExpandableText.d.ts

@@ -1,36 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-import { HTMLAttributes } from 'react';
-declare const TruncatedExpandableText: {
-    ({ containerProps, value, }: {
-        containerProps: HTMLAttributes<HTMLSpanElement>;
-        value: string;
-    }): JSX.Element;
-    propTypes: {
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        value: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-    defaultProps: {
-        containerProps: {};
-        value: string;
-    };
-};
-declare const DSTruncatedExpandableTextWithSchema: {
-    (props?: {
-        containerProps: HTMLAttributes<HTMLSpanElement>;
-        value: string;
-    } | undefined): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { TruncatedExpandableText, DSTruncatedExpandableTextWithSchema };
-export default TruncatedExpandableText;

package/types/defaultProps.d.ts

@@ -1,4 +0,0 @@
-export declare const defaultProps: {
-    containerProps: {};
-    value: string;
-};

package/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './TruncatedExpandableText';
-export { default } from './TruncatedExpandableText';

package/types/props.d.ts

@@ -1,17 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-export declare const textProps: {
-    /** props injected to wrapper of page header */
-    containerProps: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    /** Text that when truncated will trigger the tooltip interaction */
-    value: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-};

package/types/tests/TruncatedExpandableText.test.d.ts

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