@instructure/ui-truncate-text 11.7.8 → 11.7.9-snapshot-1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
+
+**Note:** Version bump only for package @instructure/ui-truncate-text
+
+
+
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-truncate-text

package/lib/TruncateText/v1/index.js

@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TruncateText = void 0;
 var _react = require("react");
 var _debounce = require("@instructure/debounce");
-var _canUseDOM = require("@instructure/ui-dom-utils/lib/canUseDOM.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _ensureSingleChild = require("@instructure/ui-react-utils/lib/ensureSingleChild.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _console = require("@instructure/console");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
@@ -89,14 +87,14 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyle)(_style
     makeStyles?.();
     if (children) {
       this.checkChildren();
-      const txt = (0, _ensureSingleChild.ensureSingleChild)(children);
+      const txt = (0, _uiReactUtils.ensureSingleChild)(children);
       this._text = txt ? txt : undefined;
       this.truncate();
       this._debounced = (0, _debounce.debounce)(this.update, this.props.debounce, {
         leading: true,
         trailing: true
       });
-      this._prevWidth = (0, _getBoundingClientRect.getBoundingClientRect)(this.ref)?.width;
+      this._prevWidth = (0, _uiDomUtils.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
@@ -156,7 +154,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyle)(_style
         if (prevProps.children !== this.props.children) {
           // reset internal text variable if children change
           this.checkChildren();
-          const txt = (0, _ensureSingleChild.ensureSingleChild)(children);
+          const txt = (0, _uiReactUtils.ensureSingleChild)(children);
           this._text = txt ? txt : undefined;
         }
         // require the double render whenever props change
@@ -174,7 +172,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyle)(_style
   checkChildren() {
     (0, _console.logError)(!(() => {
       let isTooDeep = false;
-      const text = (0, _ensureSingleChild.ensureSingleChild)(this.props.children);
+      const text = (0, _uiReactUtils.ensureSingleChild)(this.props.children);
       _react.Children.forEach(text.props.children, child => {
         if (child.props) {
           _react.Children.forEach(child.props.children, grandChild => {
@@ -198,7 +196,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyle)(_style
     if (!this.state.needsSecondRender) {
       return;
     }
-    if (_canUseDOM.canUseDOM) {
+    if (_uiDomUtils.canUseDOM) {
       const result = (0, _truncate.default)(this._stage, {
         ...this.props,
         parent: this.ref ? this.ref : undefined,
@@ -236,7 +234,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyle)(_style
       const nodeText = item.join('');
       if (element && element.props) {
         // if node is an html element and not just a string
-        childElements.push((0, _safeCloneElement.safeCloneElement)(element, element.props, nodeText));
+        childElements.push((0, _uiReactUtils.safeCloneElement)(element, element.props, nodeText));
       } else {
         childElements.push(nodeText);
       }
@@ -251,7 +249,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyle)(_style
       }
     }, "spacer"));
     const children = _react.Children.map(childElements, child => child);
-    return this._text.props ? (0, _safeCloneElement.safeCloneElement)(this._text, this._text.props, children) : children;
+    return this._text.props ? (0, _uiReactUtils.safeCloneElement)(this._text, this._text.props, children) : children;
   }
   render() {
     const {
@@ -270,7 +268,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyle)(_style
         ref: el => {
           this._stage = el;
         },
-        children: (0, _ensureSingleChild.ensureSingleChild)(children)
+        children: (0, _uiReactUtils.ensureSingleChild)(children)
       })), truncatedElement]
     });
   }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _cloneArray = require("@instructure/ui-utils/lib/cloneArray.js");
+var _uiUtils = require("@instructure/ui-utils");
 /*
  * The MIT License (MIT)
  *
@@ -50,7 +50,7 @@ function cleanData(stringData, options, repeat = false) {
     ignore,
     ellipsis
   } = options;
-  let newData = (0, _cloneArray.cloneArray)(stringData);
+  let newData = (0, _uiUtils.cloneArray)(stringData);
   let ellipsisNode = -1;
   let ellipsisIndex = -1;
   const findEllipsis = () => {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getCSSStyleDeclaration = require("@instructure/ui-dom-utils/lib/getCSSStyleDeclaration.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 /*
  * The MIT License (MIT)
  *
@@ -48,7 +48,7 @@ function measureText(nodes, parentNode) {
   return width;
 }
 function measure(string, domNode) {
-  const style = (0, _getCSSStyleDeclaration.getCSSStyleDeclaration)(domNode);
+  const style = (0, _uiDomUtils.getCSSStyleDeclaration)(domNode);
   // we use a canvas in a doc fragment to prevent having to render the string full width in the DOM
   const canvas = document.createElement('canvas');
   document.createDocumentFragment().appendChild(canvas);

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

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _cloneArray = require("@instructure/ui-utils/lib/cloneArray.js");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _getCSSStyleDeclaration = require("@instructure/ui-dom-utils/lib/getCSSStyleDeclaration.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _isVisible = require("@instructure/ui-dom-utils/lib/isVisible.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _measureText = _interopRequireDefault(require("./measureText.js"));
 var _cleanString = _interopRequireDefault(require("./cleanString.js"));
 var _cleanData = _interopRequireDefault(require("./cleanData.js"));
@@ -101,7 +99,7 @@ class Truncator {
     if (!this._stage) {
       return;
     }
-    const style = (0, _getCSSStyleDeclaration.getCSSStyleDeclaration)(this._parent);
+    const style = (0, _uiDomUtils.getCSSStyleDeclaration)(this._parent);
     if (!style) {
       return;
     }
@@ -128,9 +126,9 @@ class Truncator {
         nodeDataIndexes.push(i);
       }
     }
-    this._defaultStringData = (0, _cloneArray.cloneArray)(stringData);
-    this._nodeDataIndexes = (0, _cloneArray.cloneArray)(nodeDataIndexes);
-    this._maxHeight = maxLines === 'auto' ? (0, _getBoundingClientRect.getBoundingClientRect)(this._parent).height : maxLines * actualLineHeight;
+    this._defaultStringData = (0, _uiUtils.cloneArray)(stringData);
+    this._nodeDataIndexes = (0, _uiUtils.cloneArray)(nodeDataIndexes);
+    this._maxHeight = maxLines === 'auto' ? (0, _uiDomUtils.getBoundingClientRect)(this._parent).height : maxLines * actualLineHeight;
     this._maxWidth = (0, _measureText.default)(this._nodeMap.map(item => item.node), this._parent);
     this._maxLines = maxLines === 'auto' ? Math.round(this._maxHeight / actualLineHeight) : maxLines;
   }
@@ -144,7 +142,7 @@ class Truncator {
     // parse child nodes and build a data map to associate each node with its data
     nodes.forEach(node => {
       if (node.nodeType === 1 || node.nodeType === 3) {
-        const shouldTruncate = shouldTruncateWhenInvisible ? true : (0, _isVisible.isVisible)(node, false);
+        const shouldTruncate = shouldTruncateWhenInvisible ? true : (0, _uiDomUtils.isVisible)(node, false);
         const textContent = node.textContent + ' ';
         map.push({
           node,
@@ -191,7 +189,7 @@ class Truncator {
     }
 
     // allow a 0.5 px margin of error for browser calculation discrepancies
-    if ((0, _getBoundingClientRect.getBoundingClientRect)(node).height - this._maxHeight > 0.5) {
+    if ((0, _uiDomUtils.getBoundingClientRect)(node).height - this._maxHeight > 0.5) {
       fits = false;
     }
     return fits;
@@ -228,7 +226,7 @@ class Truncator {
     };
     const truncateArray = (truncatedLength, originalArray, indexArray, middle) => {
       let truncated = false;
-      const truncatedArray = (0, _cloneArray.cloneArray)(originalArray);
+      const truncatedArray = (0, _uiUtils.cloneArray)(originalArray);
       switch (truncatedLength) {
         // truncate nothing
         case 0:

package/lib/TruncateText/v2/index.js

@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TruncateText = void 0;
 var _react = require("react");
 var _debounce = require("@instructure/debounce");
-var _canUseDOM = require("@instructure/ui-dom-utils/lib/canUseDOM.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _ensureSingleChild = require("@instructure/ui-react-utils/lib/ensureSingleChild.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _console = require("@instructure/console");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
@@ -85,14 +83,14 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyleNew)(_st
     makeStyles?.();
     if (children) {
       this.checkChildren();
-      const txt = (0, _ensureSingleChild.ensureSingleChild)(children);
+      const txt = (0, _uiReactUtils.ensureSingleChild)(children);
       this._text = txt ? txt : undefined;
       this.truncate();
       this._debounced = (0, _debounce.debounce)(this.update, this.props.debounce, {
         leading: true,
         trailing: true
       });
-      this._prevWidth = (0, _getBoundingClientRect.getBoundingClientRect)(this.ref)?.width;
+      this._prevWidth = (0, _uiDomUtils.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
@@ -152,7 +150,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyleNew)(_st
         if (prevProps.children !== this.props.children) {
           // reset internal text variable if children change
           this.checkChildren();
-          const txt = (0, _ensureSingleChild.ensureSingleChild)(children);
+          const txt = (0, _uiReactUtils.ensureSingleChild)(children);
           this._text = txt ? txt : undefined;
         }
         // require the double render whenever props change
@@ -170,7 +168,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyleNew)(_st
   checkChildren() {
     (0, _console.logError)(!(() => {
       let isTooDeep = false;
-      const text = (0, _ensureSingleChild.ensureSingleChild)(this.props.children);
+      const text = (0, _uiReactUtils.ensureSingleChild)(this.props.children);
       _react.Children.forEach(text.props.children, child => {
         if (child.props) {
           _react.Children.forEach(child.props.children, grandChild => {
@@ -194,7 +192,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyleNew)(_st
     if (!this.state.needsSecondRender) {
       return;
     }
-    if (_canUseDOM.canUseDOM) {
+    if (_uiDomUtils.canUseDOM) {
       const result = (0, _truncate.default)(this._stage, {
         ...this.props,
         parent: this.ref ? this.ref : undefined
@@ -231,7 +229,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyleNew)(_st
       const nodeText = item.join('');
       if (element && element.props) {
         // if node is an html element and not just a string
-        childElements.push((0, _safeCloneElement.safeCloneElement)(element, element.props, nodeText));
+        childElements.push((0, _uiReactUtils.safeCloneElement)(element, element.props, nodeText));
       } else {
         childElements.push(nodeText);
       }
@@ -248,7 +246,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyleNew)(_st
       }
     }, "spacer"));
     const children = _react.Children.map(childElements, child => child);
-    return this._text.props ? (0, _safeCloneElement.safeCloneElement)(this._text, this._text.props, children) : children;
+    return this._text.props ? (0, _uiReactUtils.safeCloneElement)(this._text, this._text.props, children) : children;
   }
   render() {
     const {
@@ -267,7 +265,7 @@ let TruncateText = exports.TruncateText = (_dec = (0, _emotion.withStyleNew)(_st
         ref: el => {
           this._stage = el;
         },
-        children: (0, _ensureSingleChild.ensureSingleChild)(children)
+        children: (0, _uiReactUtils.ensureSingleChild)(children)
       })), truncatedElement]
     });
   }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _cloneArray = require("@instructure/ui-utils/lib/cloneArray.js");
+var _uiUtils = require("@instructure/ui-utils");
 /*
  * The MIT License (MIT)
  *
@@ -50,7 +50,7 @@ function cleanData(stringData, options, repeat = false) {
     ignore,
     ellipsis
   } = options;
-  let newData = (0, _cloneArray.cloneArray)(stringData);
+  let newData = (0, _uiUtils.cloneArray)(stringData);
   let ellipsisNode = -1;
   let ellipsisIndex = -1;
   const findEllipsis = () => {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _getCSSStyleDeclaration = require("@instructure/ui-dom-utils/lib/getCSSStyleDeclaration.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 /*
  * The MIT License (MIT)
  *
@@ -48,7 +48,7 @@ function measureText(nodes, parentNode) {
   return width;
 }
 function measure(string, domNode) {
-  const style = (0, _getCSSStyleDeclaration.getCSSStyleDeclaration)(domNode);
+  const style = (0, _uiDomUtils.getCSSStyleDeclaration)(domNode);
   // we use a canvas in a doc fragment to prevent having to render the string full width in the DOM
   const canvas = document.createElement('canvas');
   document.createDocumentFragment().appendChild(canvas);

package/lib/TruncateText/v2/utils/truncate.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _cloneArray = require("@instructure/ui-utils/lib/cloneArray.js");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _getCSSStyleDeclaration = require("@instructure/ui-dom-utils/lib/getCSSStyleDeclaration.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _isVisible = require("@instructure/ui-dom-utils/lib/isVisible.js");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _measureText = _interopRequireDefault(require("./measureText.js"));
 var _cleanString = _interopRequireDefault(require("./cleanString.js"));
 var _cleanData = _interopRequireDefault(require("./cleanData.js"));
@@ -102,7 +100,7 @@ class Truncator {
     if (!this._stage) {
       return;
     }
-    const style = (0, _getCSSStyleDeclaration.getCSSStyleDeclaration)(this._parent);
+    const style = (0, _uiDomUtils.getCSSStyleDeclaration)(this._parent);
     if (!style) {
       return;
     }
@@ -128,9 +126,9 @@ class Truncator {
         nodeDataIndexes.push(i);
       }
     }
-    this._defaultStringData = (0, _cloneArray.cloneArray)(stringData);
-    this._nodeDataIndexes = (0, _cloneArray.cloneArray)(nodeDataIndexes);
-    this._maxHeight = maxLines === 'auto' ? (0, _getBoundingClientRect.getBoundingClientRect)(this._parent).height : maxLines * actualLineHeight;
+    this._defaultStringData = (0, _uiUtils.cloneArray)(stringData);
+    this._nodeDataIndexes = (0, _uiUtils.cloneArray)(nodeDataIndexes);
+    this._maxHeight = maxLines === 'auto' ? (0, _uiDomUtils.getBoundingClientRect)(this._parent).height : maxLines * actualLineHeight;
     this._maxWidth = (0, _measureText.default)(this._nodeMap.map(item => item.node), this._parent);
     this._maxLines = maxLines === 'auto' ? Math.round(this._maxHeight / actualLineHeight) : maxLines;
   }
@@ -144,7 +142,7 @@ class Truncator {
     // parse child nodes and build a data map to associate each node with its data
     nodes.forEach(node => {
       if (node.nodeType === 1 || node.nodeType === 3) {
-        const shouldTruncate = shouldTruncateWhenInvisible ? true : (0, _isVisible.isVisible)(node, false);
+        const shouldTruncate = shouldTruncateWhenInvisible ? true : (0, _uiDomUtils.isVisible)(node, false);
         const textContent = node.textContent + ' ';
         map.push({
           node,
@@ -191,7 +189,7 @@ class Truncator {
     }
 
     // allow a 0.5 px margin of error for browser calculation discrepancies
-    if ((0, _getBoundingClientRect.getBoundingClientRect)(node).height - this._maxHeight > 0.5) {
+    if ((0, _uiDomUtils.getBoundingClientRect)(node).height - this._maxHeight > 0.5) {
       fits = false;
     }
     return fits;
@@ -228,7 +226,7 @@ class Truncator {
     };
     const truncateArray = (truncatedLength, originalArray, indexArray, middle) => {
       let truncated = false;
-      const truncatedArray = (0, _cloneArray.cloneArray)(originalArray);
+      const truncatedArray = (0, _uiUtils.cloneArray)(originalArray);
       switch (truncatedLength) {
         // truncate nothing
         case 0:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-truncate-text",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A TruncateText component made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,21 +15,21 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.8",
-    "@instructure/emotion": "11.7.8",
-    "@instructure/ui-dom-utils": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/debounce": "11.7.8",
-    "@instructure/ui-themes": "11.7.8",
-    "@instructure/ui-utils": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8"
+    "@instructure/console": "11.7.9-snapshot-1",
+    "@instructure/debounce": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
+    "@instructure/emotion": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-themes": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-axe-check": "11.7.8",
-    "@instructure/ui-color-utils": "11.7.8",
-    "@instructure/ui-babel-preset": "11.7.8",
-    "@instructure/ui-text": "11.7.8"
+    "@instructure/ui-axe-check": "11.7.9-snapshot-1",
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1",
+    "@instructure/ui-color-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-text": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"