@instructure/ui-truncate-text 11.7.3-snapshot-7 → 11.7.3-snapshot-26

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.3-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-7) (2026-04-29)
+## [11.7.3-snapshot-26](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-26) (2026-05-05)
 
-**Note:** Version bump only for package @instructure/ui-truncate-text
+
+### Bug Fixes
+
+* **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([f916fca](https://github.com/instructure/instructure-ui/commit/f916fcafdddcb2d7de401f93e8ff92cfdfa47bba))
 
 
 

package/es/TruncateText/v1/index.js

@@ -1,4 +1,4 @@
-var _dec, _class, _TruncateText;
+var _dec, _class;
 /*
  * The MIT License (MIT)
  *
@@ -39,21 +39,27 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 category: components
 ---
 **/
-let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_TruncateText = class TruncateText extends Component {
+let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class TruncateText extends Component {
+  static displayName = "TruncateText";
+  static componentId = 'TruncateText';
+  static allowedProps = allowedProps;
+  static defaultProps = {
+    maxLines: 1,
+    ellipsis: '\u2026',
+    truncate: 'character',
+    position: 'end',
+    ignore: [' ', '.', ','],
+    debounce: 0
+  };
+  ref = null;
+  _text;
+  _debounced;
+  _stage = null;
+  _wasTruncated;
+  _resizeListener;
+  _prevWidth = null;
   constructor(props) {
     super(props);
-    this.ref = null;
-    this._text = void 0;
-    this._debounced = void 0;
-    this._stage = null;
-    this._wasTruncated = void 0;
-    this._resizeListener = void 0;
-    this._prevWidth = null;
-    this.update = () => {
-      if (this.ref) {
-        this.setState(this.initialState);
-      }
-    };
     this.state = this.initialState;
   }
   get _ref() {
@@ -63,33 +69,35 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     return {
       isTruncated: false,
       needsSecondRender: true,
-      truncatedElement: void 0,
-      truncatedText: void 0
+      truncatedElement: undefined,
+      truncatedText: undefined
     };
   }
   componentDidMount() {
-    const _this$props = this.props,
-      children = _this$props.children,
-      makeStyles = _this$props.makeStyles;
-    makeStyles === null || makeStyles === void 0 ? void 0 : makeStyles();
+    const {
+      children,
+      makeStyles
+    } = this.props;
+    makeStyles?.();
     if (children) {
-      var _getBoundingClientRec;
       this.checkChildren();
       const txt = ensureSingleChild(children);
-      this._text = txt ? txt : void 0;
+      this._text = txt ? txt : undefined;
       this.truncate();
       this._debounced = debounce(this.update, this.props.debounce, {
         leading: true,
         trailing: true
       });
-      this._prevWidth = (_getBoundingClientRec = getBoundingClientRect(this.ref)) === null || _getBoundingClientRec === void 0 ? void 0 : _getBoundingClientRec.width;
+      this._prevWidth = getBoundingClientRect(this.ref)?.width;
       this._resizeListener = new ResizeObserver(entries => {
         // requestAnimationFrame call is needed becuase some truncatetext test cases
         // failed due to ResizeObserver was not able to deliver all observations within a single animation frame
         // see: https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded
         requestAnimationFrame(() => {
           for (const entry of entries) {
-            const width = entry.contentRect.width;
+            const {
+              width
+            } = entry.contentRect;
             if (this._prevWidth !== width) {
               this._prevWidth = width;
               this.props.debounce === 0 ? this.update() : this._debounced();
@@ -122,15 +130,17 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     return true;
   }
   componentDidUpdate(prevProps) {
-    const _this$props2 = this.props,
-      children = _this$props2.children,
-      onUpdate = _this$props2.onUpdate,
-      makeStyles = _this$props2.makeStyles;
-    makeStyles === null || makeStyles === void 0 ? void 0 : makeStyles();
-    const _this$state = this.state,
-      isTruncated = _this$state.isTruncated,
-      needsSecondRender = _this$state.needsSecondRender,
-      truncatedText = _this$state.truncatedText;
+    const {
+      children,
+      onUpdate,
+      makeStyles
+    } = this.props;
+    makeStyles?.();
+    const {
+      isTruncated,
+      needsSecondRender,
+      truncatedText
+    } = this.state;
     if (children) {
       // for some reason in React 19 prevPros and this.props are a different
       // object even if their contents are the same, so we cannot use !==
@@ -139,14 +149,14 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
           // reset internal text variable if children change
           this.checkChildren();
           const txt = ensureSingleChild(children);
-          this._text = txt ? txt : void 0;
+          this._text = txt ? txt : undefined;
         }
         // require the double render whenever props change
         this.setState(this.initialState);
         return;
       }
       if (!needsSecondRender && (isTruncated || this._wasTruncated)) {
-        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(isTruncated, truncatedText);
+        onUpdate?.(isTruncated, truncatedText);
         this._wasTruncated = isTruncated;
       } else {
         this.truncate();
@@ -171,16 +181,20 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       return isTooDeep;
     })(), `[TruncateText] Some children are too deep in the node tree and will not render.`);
   }
+  update = () => {
+    if (this.ref) {
+      this.setState(this.initialState);
+    }
+  };
   truncate() {
     if (!this.state.needsSecondRender) {
       return;
     }
     if (canUseDOM) {
-      var _this$props$styles;
       const result = truncate(this._stage, {
         ...this.props,
-        parent: this.ref ? this.ref : void 0,
-        lineHeight: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.lineHeight
+        parent: this.ref ? this.ref : undefined,
+        lineHeight: this.props.styles?.lineHeight
       });
       if (result) {
         const element = this.renderChildren(result.isTruncated, result.data, result.constraints.width);
@@ -192,8 +206,7 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
         });
       }
     } else {
-      var _this$ref, _this$ref2;
-      const textContent = (_this$ref = this.ref) !== null && _this$ref !== void 0 && _this$ref.textContent ? (_this$ref2 = this.ref) === null || _this$ref2 === void 0 ? void 0 : _this$ref2.textContent : void 0;
+      const textContent = this.ref?.textContent ? this.ref?.textContent : undefined;
       // if dom isn't available, use original children
       this.setState({
         needsSecondRender: false,
@@ -204,7 +217,6 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     }
   }
   renderChildren(truncated, data, width) {
-    var _this$props$styles2;
     if (!truncated) {
       return this._text;
     }
@@ -225,21 +237,24 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
     // potentially be without this, text in `width: auto` elements won't expand
     // to accommodate more text, once truncated
     childElements.push(_jsx("span", {
-      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.spacer,
+      css: this.props.styles?.spacer,
       style: {
-        width: width || void 0
+        width: width || undefined
       }
     }, "spacer"));
     const children = Children.map(childElements, child => child);
     return this._text.props ? safeCloneElement(this._text, this._text.props, children) : children;
   }
   render() {
-    var _this$props$styles3;
-    const truncatedElement = this.state.truncatedElement;
-    const children = this.props.children;
+    const {
+      truncatedElement
+    } = this.state;
+    const {
+      children
+    } = this.props;
     return _jsxs("span", {
       "data-cid": "TruncateText",
-      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.truncateText,
+      css: this.props.styles?.truncateText,
       ref: el => {
         this.ref = el;
       },
@@ -251,13 +266,6 @@ let TruncateText = (_dec = withStyle(generateStyle, generateComponentTheme), _de
       })), truncatedElement]
     });
   }
-}, _TruncateText.displayName = "TruncateText", _TruncateText.componentId = 'TruncateText', _TruncateText.allowedProps = allowedProps, _TruncateText.defaultProps = {
-  maxLines: 1,
-  ellipsis: '\u2026',
-  truncate: 'character',
-  position: 'end',
-  ignore: [' ', '.', ','],
-  debounce: 0
-}, _TruncateText)) || _class);
+}) || _class);
 export default TruncateText;
 export { TruncateText };

package/es/TruncateText/v1/theme.js

@@ -28,10 +28,12 @@
  * @return {Object} The final theme object with the overrides and component variables
  */
 const generateComponentTheme = theme => {
-  const typography = theme.typography;
+  const {
+    typography
+  } = theme;
   const componentVariables = {
-    fontFamily: typography === null || typography === void 0 ? void 0 : typography.fontFamily,
-    lineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeight
+    fontFamily: typography?.fontFamily,
+    lineHeight: typography?.lineHeight
   };
   return {
     ...componentVariables

package/es/TruncateText/v1/utils/cleanData.js

@@ -39,9 +39,11 @@ import { cloneArray } from '@instructure/ui-utils';
  * @param {boolean} repeat=false Do a thorough clean.
  */
 function cleanData(stringData, options, repeat = false) {
-  const truncate = options.truncate,
-    ignore = options.ignore,
-    ellipsis = options.ellipsis;
+  const {
+    truncate,
+    ignore,
+    ellipsis
+  } = options;
   let newData = cloneArray(stringData);
   let ellipsisNode = -1;
   let ellipsisIndex = -1;

package/es/TruncateText/v1/utils/measureText.js

@@ -56,16 +56,16 @@ function measure(string, domNode) {
   let width = 0;
   // grab individual font styles
   // some browsers don't report a value for style['font']
-  context.font = [style === null || style === void 0 ? void 0 : style.fontWeight, style === null || style === void 0 ? void 0 : style.fontStyle, style === null || style === void 0 ? void 0 : style.fontSize, style === null || style === void 0 ? void 0 : style.fontFamily].join(' ');
-  if ((style === null || style === void 0 ? void 0 : style.textTransform) === 'uppercase') {
+  context.font = [style?.fontWeight, style?.fontStyle, style?.fontSize, style?.fontFamily].join(' ');
+  if (style?.textTransform === 'uppercase') {
     text = string.toUpperCase();
-  } else if ((style === null || style === void 0 ? void 0 : style.textTransform) === 'lowercase') {
+  } else if (style?.textTransform === 'lowercase') {
     text = string.toLowerCase();
-  } else if ((style === null || style === void 0 ? void 0 : style.textTransform) === 'capitalize') {
+  } else if (style?.textTransform === 'capitalize') {
     text = string.replace(/\b\w/g, str => str.toUpperCase());
   }
-  if ((style === null || style === void 0 ? void 0 : style.letterSpacing) !== 'normal') {
-    letterOffset = text.length * parseInt(style === null || style === void 0 ? void 0 : style.letterSpacing);
+  if (style?.letterSpacing !== 'normal') {
+    letterOffset = text.length * parseInt(style?.letterSpacing);
   }
   width = context.measureText(text).width + letterOffset;
   // returns the max potential width of the text, assuming the text was on a single line

package/es/TruncateText/v1/utils/truncate.js

@@ -55,17 +55,17 @@ function truncate(element, options) {
   return;
 }
 class Truncator {
+  _options;
+  _stage;
+  _parent;
+  _nodeMap;
+  _defaultStringData;
+  _nodeDataIndexes;
+  _maxHeight;
+  _maxWidth;
+  _maxLines;
   constructor(element, options = {}) {
-    this._options = void 0;
-    this._stage = void 0;
-    this._parent = void 0;
-    this._nodeMap = void 0;
-    this._defaultStringData = void 0;
-    this._nodeDataIndexes = void 0;
-    this._maxHeight = void 0;
-    this._maxWidth = void 0;
-    this._maxLines = void 0;
-    const parentElement = element !== null && element !== void 0 && element.parentElement ? element === null || element === void 0 ? void 0 : element.parentElement : void 0;
+    const parentElement = element?.parentElement ? element?.parentElement : undefined;
     this._options = {
       parent: options.parent || parentElement,
       maxLines: options.maxLines || 1,
@@ -84,7 +84,7 @@ class Truncator {
     if (options.parent) {
       this._parent = this._options.parent;
     } else {
-      const parentEl = this._stage.parentElement ? this._stage.parentElement : void 0;
+      const parentEl = this._stage.parentElement ? this._stage.parentElement : undefined;
       this._parent = this._options.maxLines === 'auto' ? parentEl : this._stage;
     }
     this.setup();
@@ -97,10 +97,11 @@ class Truncator {
     if (!style) {
       return;
     }
-    const _this$_options = this._options,
-      maxLines = _this$_options.maxLines,
-      truncate = _this$_options.truncate,
-      lineHeight = _this$_options.lineHeight;
+    const {
+      maxLines,
+      truncate,
+      lineHeight
+    } = this._options;
     // if no explicit lineHeight is inherited, use lineHeight multiplier for calculations
     const actualLineHeight = style.lineHeight === 'normal' ? lineHeight * parseFloat(style.fontSize) : parseFloat(style.lineHeight);
     const node = this._stage.firstChild.children ? this._stage.firstChild : this._stage;
@@ -126,9 +127,10 @@ class Truncator {
     this._maxLines = maxLines === 'auto' ? Math.round(this._maxHeight / actualLineHeight) : maxLines;
   }
   getNodeMap(rootNode) {
-    const _this$_options2 = this._options,
-      shouldTruncateWhenInvisible = _this$_options2.shouldTruncateWhenInvisible,
-      truncate = _this$_options2.truncate;
+    const {
+      shouldTruncateWhenInvisible,
+      truncate
+    } = this._options;
     const nodes = Array.from(rootNode.childNodes);
     const map = [];
     // parse child nodes and build a data map to associate each node with its data
@@ -188,10 +190,11 @@ class Truncator {
     return fits;
   }
   truncate() {
-    const _this$_options3 = this._options,
-      ellipsis = _this$_options3.ellipsis,
-      ignore = _this$_options3.ignore,
-      position = _this$_options3.position;
+    const {
+      ellipsis,
+      ignore,
+      position
+    } = this._options;
     const middle = position === 'middle';
     let truncated = false;
     let truncatedText = '';
@@ -304,16 +307,18 @@ class Truncator {
       };
     };
     const truncateEvaluate = (truncatedLength, middle) => {
-      const _truncateArray = truncateArray(truncatedLength, this._defaultStringData, this._nodeDataIndexes, middle),
-        truncatedArray = _truncateArray.truncatedArray;
+      const {
+        truncatedArray
+      } = truncateArray(truncatedLength, this._defaultStringData, this._nodeDataIndexes, middle);
       return this.checkFit(truncatedArray);
     };
 
     // find the best number of element to truncate
     const finestMatch = binarySearch(0, this._nodeDataIndexes.length, truncateEvaluate, middle, this._nodeDataIndexes.length);
-    var _truncateArray2 = truncateArray(finestMatch, this._defaultStringData, this._nodeDataIndexes, middle);
-    truncated = _truncateArray2.truncated;
-    stringData = _truncateArray2.truncatedArray;
+    ({
+      truncated,
+      truncatedArray: stringData
+    } = truncateArray(finestMatch, this._defaultStringData, this._nodeDataIndexes, middle));
     stringData = cleanData(stringData, this._options, true);
     for (let i = 0; i < stringData.length; i++) {
       const data = stringData[i];

package/es/TruncateText/v2/index.js

@@ -1,4 +1,4 @@
-var _dec, _class, _TruncateText;
+var _dec, _class;
 /*
  * The MIT License (MIT)
  *
@@ -38,21 +38,27 @@ import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 category: components
 ---
 **/
-let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateText = class TruncateText extends Component {
+let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = class TruncateText extends Component {
+  static displayName = "TruncateText";
+  static componentId = 'TruncateText';
+  static allowedProps = allowedProps;
+  static defaultProps = {
+    maxLines: 1,
+    ellipsis: '\u2026',
+    truncate: 'character',
+    position: 'end',
+    ignore: [' ', '.', ','],
+    debounce: 0
+  };
+  ref = null;
+  _text;
+  _debounced;
+  _stage = null;
+  _wasTruncated;
+  _resizeListener;
+  _prevWidth = null;
   constructor(props) {
     super(props);
-    this.ref = null;
-    this._text = void 0;
-    this._debounced = void 0;
-    this._stage = null;
-    this._wasTruncated = void 0;
-    this._resizeListener = void 0;
-    this._prevWidth = null;
-    this.update = () => {
-      if (this.ref) {
-        this.setState(this.initialState);
-      }
-    };
     this.state = this.initialState;
   }
   get _ref() {
@@ -62,33 +68,35 @@ let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateTex
     return {
       isTruncated: false,
       needsSecondRender: true,
-      truncatedElement: void 0,
-      truncatedText: void 0
+      truncatedElement: undefined,
+      truncatedText: undefined
     };
   }
   componentDidMount() {
-    const _this$props = this.props,
-      children = _this$props.children,
-      makeStyles = _this$props.makeStyles;
-    makeStyles === null || makeStyles === void 0 ? void 0 : makeStyles();
+    const {
+      children,
+      makeStyles
+    } = this.props;
+    makeStyles?.();
     if (children) {
-      var _getBoundingClientRec;
       this.checkChildren();
       const txt = ensureSingleChild(children);
-      this._text = txt ? txt : void 0;
+      this._text = txt ? txt : undefined;
       this.truncate();
       this._debounced = debounce(this.update, this.props.debounce, {
         leading: true,
         trailing: true
       });
-      this._prevWidth = (_getBoundingClientRec = getBoundingClientRect(this.ref)) === null || _getBoundingClientRec === void 0 ? void 0 : _getBoundingClientRec.width;
+      this._prevWidth = getBoundingClientRect(this.ref)?.width;
       this._resizeListener = new ResizeObserver(entries => {
         // requestAnimationFrame call is needed becuase some truncatetext test cases
         // failed due to ResizeObserver was not able to deliver all observations within a single animation frame
         // see: https://stackoverflow.com/questions/49384120/resizeobserver-loop-limit-exceeded
         requestAnimationFrame(() => {
           for (const entry of entries) {
-            const width = entry.contentRect.width;
+            const {
+              width
+            } = entry.contentRect;
             if (this._prevWidth !== width) {
               this._prevWidth = width;
               this.props.debounce === 0 ? this.update() : this._debounced();
@@ -121,15 +129,17 @@ let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateTex
     return true;
   }
   componentDidUpdate(prevProps) {
-    const _this$props2 = this.props,
-      children = _this$props2.children,
-      onUpdate = _this$props2.onUpdate,
-      makeStyles = _this$props2.makeStyles;
-    makeStyles === null || makeStyles === void 0 ? void 0 : makeStyles();
-    const _this$state = this.state,
-      isTruncated = _this$state.isTruncated,
-      needsSecondRender = _this$state.needsSecondRender,
-      truncatedText = _this$state.truncatedText;
+    const {
+      children,
+      onUpdate,
+      makeStyles
+    } = this.props;
+    makeStyles?.();
+    const {
+      isTruncated,
+      needsSecondRender,
+      truncatedText
+    } = this.state;
     if (children) {
       // for some reason in React 19 prevPros and this.props are a different
       // object even if their contents are the same, so we cannot use !==
@@ -138,14 +148,14 @@ let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateTex
           // reset internal text variable if children change
           this.checkChildren();
           const txt = ensureSingleChild(children);
-          this._text = txt ? txt : void 0;
+          this._text = txt ? txt : undefined;
         }
         // require the double render whenever props change
         this.setState(this.initialState);
         return;
       }
       if (!needsSecondRender && (isTruncated || this._wasTruncated)) {
-        onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(isTruncated, truncatedText);
+        onUpdate?.(isTruncated, truncatedText);
         this._wasTruncated = isTruncated;
       } else {
         this.truncate();
@@ -170,16 +180,20 @@ let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateTex
       return isTooDeep;
     })(), `[TruncateText] Some children are too deep in the node tree and will not render.`);
   }
+  update = () => {
+    if (this.ref) {
+      this.setState(this.initialState);
+    }
+  };
   truncate() {
     if (!this.state.needsSecondRender) {
       return;
     }
     if (canUseDOM) {
-      var _this$props$styles;
       const result = truncate(this._stage, {
         ...this.props,
-        parent: this.ref ? this.ref : void 0,
-        lineHeight: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.lineHeight
+        parent: this.ref ? this.ref : undefined,
+        lineHeight: this.props.styles?.lineHeight
       });
       if (result) {
         const element = this.renderChildren(result.isTruncated, result.data, result.constraints.width);
@@ -191,8 +205,7 @@ let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateTex
         });
       }
     } else {
-      var _this$ref, _this$ref2;
-      const textContent = (_this$ref = this.ref) !== null && _this$ref !== void 0 && _this$ref.textContent ? (_this$ref2 = this.ref) === null || _this$ref2 === void 0 ? void 0 : _this$ref2.textContent : void 0;
+      const textContent = this.ref?.textContent ? this.ref?.textContent : undefined;
       // if dom isn't available, use original children
       this.setState({
         needsSecondRender: false,
@@ -203,7 +216,6 @@ let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateTex
     }
   }
   renderChildren(truncated, data, width) {
-    var _this$props$styles2;
     if (!truncated) {
       return this._text;
     }
@@ -226,21 +238,24 @@ let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateTex
     // Breadcrumb is modifying this element's display to inline to prevent layout issues
     // TODO: find a better way to handle this
     childElements.push(_jsx("span", {
-      css: (_this$props$styles2 = this.props.styles) === null || _this$props$styles2 === void 0 ? void 0 : _this$props$styles2.spacer,
+      css: this.props.styles?.spacer,
       style: {
-        width: width || void 0
+        width: width || undefined
       }
     }, "spacer"));
     const children = Children.map(childElements, child => child);
     return this._text.props ? safeCloneElement(this._text, this._text.props, children) : children;
   }
   render() {
-    var _this$props$styles3;
-    const truncatedElement = this.state.truncatedElement;
-    const children = this.props.children;
+    const {
+      truncatedElement
+    } = this.state;
+    const {
+      children
+    } = this.props;
     return _jsxs("span", {
       "data-cid": "TruncateText",
-      css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.truncateText,
+      css: this.props.styles?.truncateText,
       ref: el => {
         this.ref = el;
       },
@@ -252,13 +267,6 @@ let TruncateText = (_dec = withStyle(generateStyle), _dec(_class = (_TruncateTex
       })), truncatedElement]
     });
   }
-}, _TruncateText.displayName = "TruncateText", _TruncateText.componentId = 'TruncateText', _TruncateText.allowedProps = allowedProps, _TruncateText.defaultProps = {
-  maxLines: 1,
-  ellipsis: '\u2026',
-  truncate: 'character',
-  position: 'end',
-  ignore: [' ', '.', ','],
-  debounce: 0
-}, _TruncateText)) || _class);
+}) || _class);
 export default TruncateText;
 export { TruncateText };

package/es/TruncateText/v2/utils/cleanData.js

@@ -39,9 +39,11 @@ import { cloneArray } from '@instructure/ui-utils';
  * @param {boolean} repeat=false Do a thorough clean.
  */
 function cleanData(stringData, options, repeat = false) {
-  const truncate = options.truncate,
-    ignore = options.ignore,
-    ellipsis = options.ellipsis;
+  const {
+    truncate,
+    ignore,
+    ellipsis
+  } = options;
   let newData = cloneArray(stringData);
   let ellipsisNode = -1;
   let ellipsisIndex = -1;

package/es/TruncateText/v2/utils/measureText.js

@@ -56,16 +56,16 @@ function measure(string, domNode) {
   let width = 0;
   // grab individual font styles
   // some browsers don't report a value for style['font']
-  context.font = [style === null || style === void 0 ? void 0 : style.fontWeight, style === null || style === void 0 ? void 0 : style.fontStyle, style === null || style === void 0 ? void 0 : style.fontSize, style === null || style === void 0 ? void 0 : style.fontFamily].join(' ');
-  if ((style === null || style === void 0 ? void 0 : style.textTransform) === 'uppercase') {
+  context.font = [style?.fontWeight, style?.fontStyle, style?.fontSize, style?.fontFamily].join(' ');
+  if (style?.textTransform === 'uppercase') {
     text = string.toUpperCase();
-  } else if ((style === null || style === void 0 ? void 0 : style.textTransform) === 'lowercase') {
+  } else if (style?.textTransform === 'lowercase') {
     text = string.toLowerCase();
-  } else if ((style === null || style === void 0 ? void 0 : style.textTransform) === 'capitalize') {
+  } else if (style?.textTransform === 'capitalize') {
     text = string.replace(/\b\w/g, str => str.toUpperCase());
   }
-  if ((style === null || style === void 0 ? void 0 : style.letterSpacing) !== 'normal') {
-    letterOffset = text.length * parseInt(style === null || style === void 0 ? void 0 : style.letterSpacing);
+  if (style?.letterSpacing !== 'normal') {
+    letterOffset = text.length * parseInt(style?.letterSpacing);
   }
   width = context.measureText(text).width + letterOffset;
   // returns the max potential width of the text, assuming the text was on a single line