@instructure/ui-table 11.7.5-snapshot-41 → 11.7.5-snapshot-48

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.5-snapshot-41](https://github.com/instructure/instructure-ui/compare/v11.7.4...v11.7.5-snapshot-41) (2026-08-17)
+## [11.7.5-snapshot-48](https://github.com/instructure/instructure-ui/compare/v11.7.4...v11.7.5-snapshot-48) (2026-08-18)
 
-**Note:** Version bump only for package @instructure/ui-table
+
+### Bug Fixes
+
+* **ui-table:** don't append a sort state to unsorted v1 captions ([d3d892e](https://github.com/instructure/instructure-ui/commit/d3d892e4dc415a275e5524740bddb84c67c98185)), closes [#2574](https://github.com/instructure/instructure-ui/issues/2574)
 
 
 

package/es/Table/v1/index.js

@@ -141,7 +141,13 @@ let Table = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_clas
     if (typeof caption === 'function') {
       return caption(sortInfo?.header ?? '', sortInfo?.direction ?? 'none');
     }
-    const sortText = ` Sorted by ${sortInfo?.header} (${sortInfo?.direction})`;
+    // An unsorted table has no sort state to describe. Falling through would
+    // put ' Sorted by undefined (undefined)' into the accessible name of every
+    // unsorted table.
+    if (!sortInfo) {
+      return caption;
+    }
+    const sortText = ` Sorted by ${sortInfo.header} (${sortInfo.direction})`;
     return caption ? caption + sortText : sortText.trim();
   }
   render() {

package/lib/Table/v1/index.js

@@ -147,7 +147,13 @@ let Table = exports.Table = (_dec = (0, _emotion.withStyle)(_styles.default, _th
     if (typeof caption === 'function') {
       return caption(sortInfo?.header ?? '', sortInfo?.direction ?? 'none');
     }
-    const sortText = ` Sorted by ${sortInfo?.header} (${sortInfo?.direction})`;
+    // An unsorted table has no sort state to describe. Falling through would
+    // put ' Sorted by undefined (undefined)' into the accessible name of every
+    // unsorted table.
+    if (!sortInfo) {
+      return caption;
+    }
+    const sortText = ` Sorted by ${sortInfo.header} (${sortInfo.direction})`;
     return caption ? caption + sortText : sortText.trim();
   }
   render() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-table",
-  "version": "11.7.5-snapshot-41",
+  "version": "11.7.5-snapshot-48",
   "description": "A styled HTML table component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,25 +15,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.5-snapshot-41",
-    "@instructure/emotion": "11.7.5-snapshot-41",
-    "@instructure/shared-types": "11.7.5-snapshot-41",
-    "@instructure/ui-icons": "11.7.5-snapshot-41",
-    "@instructure/ui-a11y-content": "11.7.5-snapshot-41",
-    "@instructure/ui-react-utils": "11.7.5-snapshot-41",
-    "@instructure/ui-simple-select": "11.7.5-snapshot-41",
-    "@instructure/ui-utils": "11.7.5-snapshot-41",
-    "@instructure/ui-themes": "11.7.5-snapshot-41",
-    "@instructure/ui-view": "11.7.5-snapshot-41"
+    "@instructure/console": "11.7.5-snapshot-48",
+    "@instructure/shared-types": "11.7.5-snapshot-48",
+    "@instructure/emotion": "11.7.5-snapshot-48",
+    "@instructure/ui-icons": "11.7.5-snapshot-48",
+    "@instructure/ui-a11y-content": "11.7.5-snapshot-48",
+    "@instructure/ui-react-utils": "11.7.5-snapshot-48",
+    "@instructure/ui-simple-select": "11.7.5-snapshot-48",
+    "@instructure/ui-utils": "11.7.5-snapshot-48",
+    "@instructure/ui-themes": "11.7.5-snapshot-48",
+    "@instructure/ui-view": "11.7.5-snapshot-48"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^4.1.9",
-    "@instructure/ui-axe-check": "11.7.5-snapshot-41",
-    "@instructure/ui-babel-preset": "11.7.5-snapshot-41",
-    "@instructure/ui-color-utils": "11.7.5-snapshot-41"
+    "@instructure/ui-axe-check": "11.7.5-snapshot-48",
+    "@instructure/ui-babel-preset": "11.7.5-snapshot-48",
+    "@instructure/ui-color-utils": "11.7.5-snapshot-48"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Table/v1/index.tsx

@@ -161,7 +161,7 @@ class Table extends Component<TableProps> {
         const headerText =
           typeof colHeader.props.children === 'string'
             ? colHeader.props.children
-            : (colHeader.props.children?.props?.children ?? '')
+            : colHeader.props.children?.props?.children ?? ''
         return { header: headerText, direction: colHeader.props.sortDirection }
       }
     }
@@ -174,7 +174,13 @@ class Table extends Component<TableProps> {
     if (typeof caption === 'function') {
       return caption(sortInfo?.header ?? '', sortInfo?.direction ?? 'none')
     }
-    const sortText = ` Sorted by ${sortInfo?.header} (${sortInfo?.direction})`
+    // An unsorted table has no sort state to describe. Falling through would
+    // put ' Sorted by undefined (undefined)' into the accessible name of every
+    // unsorted table.
+    if (!sortInfo) {
+      return caption as string
+    }
+    const sortText = ` Sorted by ${sortInfo.header} (${sortInfo.direction})`
 
     return caption ? caption + sortText : sortText.trim()
   }