@instructure/ui-truncate-list 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-list
+
+
+
+
+
 ## [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-list

package/lib/TruncateList/index.js

@@ -7,11 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.TruncateList = void 0;
 var _react = require("react");
 var _debounce = require("@instructure/debounce");
-var _px = require("@instructure/ui-utils/lib/px.js");
-var _combineDataCid = require("@instructure/ui-utils/lib/combineDataCid.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _getBoundingClientRect = require("@instructure/ui-dom-utils/lib/getBoundingClientRect.js");
-var _getCSSStyleDeclaration = require("@instructure/ui-dom-utils/lib/getCSSStyleDeclaration.js");
+var _uiUtils = require("@instructure/ui-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _props = require("./props.js");
@@ -77,7 +75,7 @@ let TruncateList = exports.TruncateList = (_dec = (0, _emotion.withStyle)(_style
     this.props.makeStyles?.();
     const {
       width: origWidth
-    } = (0, _getBoundingClientRect.getBoundingClientRect)(this.ref);
+    } = (0, _uiDomUtils.getBoundingClientRect)(this.ref);
     this._debouncedHandleResize = (0, _debounce.debounce)(this.handleResize, this.props.debounce, {
       leading: true,
       trailing: true
@@ -94,7 +92,7 @@ let TruncateList = exports.TruncateList = (_dec = (0, _emotion.withStyle)(_style
     });
 
     // On first render we only render the trigger to measure it
-    const menuTriggerWidth = this.props.fixMenuTriggerWidth ? (0, _px.px)(this.props.fixMenuTriggerWidth) : this.calcMenuTriggerWidth();
+    const menuTriggerWidth = this.props.fixMenuTriggerWidth ? (0, _uiUtils.px)(this.props.fixMenuTriggerWidth) : this.calcMenuTriggerWidth();
     this.setState({
       menuTriggerWidth
     }, () => {
@@ -159,14 +157,14 @@ let TruncateList = exports.TruncateList = (_dec = (0, _emotion.withStyle)(_style
       return 0;
     }
     if (fixMenuTriggerWidth) {
-      return (0, _px.px)(fixMenuTriggerWidth);
+      return (0, _uiUtils.px)(fixMenuTriggerWidth);
     }
     const {
       children
     } = this._menuTriggerRef;
     let width = 0;
     Array.from(children).forEach(child => {
-      width += (0, _getBoundingClientRect.getBoundingClientRect)(child).width;
+      width += (0, _uiDomUtils.getBoundingClientRect)(child).width;
     });
     return width;
   }
@@ -175,21 +173,21 @@ let TruncateList = exports.TruncateList = (_dec = (0, _emotion.withStyle)(_style
       fixMenuTriggerWidth,
       itemSpacing
     } = this.props;
-    const itemSpacingPx = (0, _px.px)(itemSpacing);
-    const menuTriggerWidthPx = (0, _px.px)(fixMenuTriggerWidth || this.state.menuTriggerWidth);
+    const itemSpacingPx = (0, _uiUtils.px)(itemSpacing);
+    const menuTriggerWidthPx = (0, _uiUtils.px)(fixMenuTriggerWidth || this.state.menuTriggerWidth);
     let visibleItemsCount = 0;
     if (this.ref) {
       const {
         width: navWidth
-      } = (0, _getBoundingClientRect.getBoundingClientRect)(this.ref);
-      const style = (0, _getCSSStyleDeclaration.getCSSStyleDeclaration)(this.ref);
+      } = (0, _uiDomUtils.getBoundingClientRect)(this.ref);
+      const style = (0, _uiDomUtils.getCSSStyleDeclaration)(this.ref);
       const paddingInlineStart = style?.paddingInlineStart ?? '0';
       const paddingInlineEnd = style?.paddingInlineEnd ?? '0';
-      const navWidthWithoutPadding = navWidth - (0, _px.px)(paddingInlineStart) - (0, _px.px)(paddingInlineEnd);
+      const navWidthWithoutPadding = navWidth - (0, _uiUtils.px)(paddingInlineStart) - (0, _uiUtils.px)(paddingInlineEnd);
       const itemWidths = Array.from(this.ref.getElementsByTagName('li')).map(item => {
         const {
           width
-        } = (0, _getBoundingClientRect.getBoundingClientRect)(item);
+        } = (0, _uiDomUtils.getBoundingClientRect)(item);
         return width;
       });
       let currentWidth = 0;
@@ -239,13 +237,13 @@ let TruncateList = exports.TruncateList = (_dec = (0, _emotion.withStyle)(_style
     } = this;
     return (0, _jsxRuntime.jsxs)("ul", {
       ref: this.handleRef,
-      ...(0, _omitProps.omitProps)(this.props, _props.allowedProps),
+      ...(0, _uiReactUtils.omitProps)(this.props, _props.allowedProps),
       // we have to pass style and className
       // (e.g. if emotion style is provided, it will be passed as a className)
       style: style,
       className: className,
       css: styles?.truncateList,
-      "data-cid": (0, _combineDataCid.combineDataCid)('TruncateList', this.props),
+      "data-cid": (0, _uiUtils.combineDataCid)('TruncateList', this.props),
       children: [visibleChildren.map((child, index) => {
         return (0, _jsxRuntime.jsx)("li", {
           css: styles?.listItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-truncate-list",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A TruncateList component made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,20 +15,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.8",
-    "@instructure/debounce": "11.7.8",
-    "@instructure/emotion": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/ui-dom-utils": "11.7.8",
-    "@instructure/ui-utils": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8"
+    "@instructure/console": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/debounce": "11.7.9-snapshot-1",
+    "@instructure/ui-dom-utils": "11.7.9-snapshot-1",
+    "@instructure/emotion": "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-babel-preset": "11.7.8",
-    "@instructure/ui-color-utils": "11.7.8",
-    "@instructure/ui-themes": "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-themes": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"