diff --git a/.changeset/live-region-element-upgrade.md b/.changeset/live-region-element-upgrade.md new file mode 100644 index 00000000000..ee929d3ce60 --- /dev/null +++ b/.changeset/live-region-element-upgrade.md @@ -0,0 +1,5 @@ +--- +'@primer/react': patch +--- + +LiveRegion: Upgrade `@primer/live-region-element` to 0.8.1 diff --git a/package-lock.json b/package-lock.json index 5b659be6320..1efe157f7bd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -84,7 +84,7 @@ "react-dom": "^18.3.1" }, "devDependencies": { - "@primer/react": "38.38.0", + "@primer/react": "38.40.0", "@primer/styled-react": "1.1.1", "@types/react": "^18.3.11", "@types/react-dom": "^18.3.0", @@ -98,7 +98,7 @@ "name": "example-nextjs", "version": "0.0.0", "dependencies": { - "@primer/react": "38.38.0", + "@primer/react": "38.40.0", "@primer/styled-react": "1.1.1", "next": "^16.3.4", "react": "^19.2.8", @@ -141,7 +141,7 @@ "version": "0.0.0", "dependencies": { "@primer/octicons-react": "^19.28.1", - "@primer/react": "38.38.0", + "@primer/react": "38.40.0", "clsx": "^2.1.1", "next": "^16.3.4", "react": "^19.2.8", @@ -4842,6 +4842,12 @@ "version": "1.2.1", "license": "BSD-3-Clause" }, + "node_modules/@lit-labs/ssr-dom-shim": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.6.0.tgz", + "integrity": "sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==", + "license": "BSD-3-Clause" + }, "node_modules/@manypkg/find-root": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/@manypkg/find-root/-/find-root-3.1.0.tgz", @@ -6676,6 +6682,15 @@ "resolved": "packages/doc-gen", "link": true }, + "node_modules/@primer/live-region-element": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@primer/live-region-element/-/live-region-element-0.8.1.tgz", + "integrity": "sha512-g7bNs9R2A2LfETMOWYsvtT0b5Q/QLM1Fz1vrTcWa5r2LbEhrPm7cZV5pEOleFKiGybrYWmdXteV2sBAQLXuxvg==", + "license": "MIT", + "dependencies": { + "@lit-labs/ssr-dom-shim": "^1.6.0" + } + }, "node_modules/@primer/mcp": { "resolved": "packages/mcp", "link": true @@ -30633,7 +30648,7 @@ }, "packages/react": { "name": "@primer/react", - "version": "38.38.0", + "version": "38.40.0", "license": "MIT", "dependencies": { "@github/mini-throttle": "^2.1.1", @@ -30641,7 +30656,7 @@ "@lit-labs/react": "1.2.1", "@oddbird/popover-polyfill": "^0.5.2", "@primer/behaviors": "^1.10.3", - "@primer/live-region-element": "^0.8.0", + "@primer/live-region-element": "^0.8.1", "@primer/octicons-react": "^19.28.1", "@primer/primitives": "10.x || 11.x", "@tanstack/react-virtual": "^3.13.18", @@ -31464,25 +31479,10 @@ "node": ">=6.0.0" } }, - "packages/react/node_modules/@lit-labs/ssr-dom-shim": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.6.0.tgz", - "integrity": "sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==", - "license": "BSD-3-Clause" - }, "packages/react/node_modules/@oddbird/popover-polyfill": { "version": "0.5.2", "license": "BSD-3-Clause" }, - "packages/react/node_modules/@primer/live-region-element": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@primer/live-region-element/-/live-region-element-0.8.0.tgz", - "integrity": "sha512-DIp04IeZvZ+gwCUcBchIvRwJA2PikP/6hnFhcLKgwttcg5OYjBH9t0cZjLnv10Aq1jN0rAFFG+WPMd3bw4hXcA==", - "license": "MIT", - "dependencies": { - "@lit-labs/ssr-dom-shim": "^1.2.1" - } - }, "packages/react/node_modules/dotenv": { "version": "16.6.1", "dev": true, diff --git a/packages/react/package.json b/packages/react/package.json index 440c2012f37..5c5411996c8 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -78,7 +78,7 @@ "@lit-labs/react": "1.2.1", "@oddbird/popover-polyfill": "^0.5.2", "@primer/behaviors": "^1.10.3", - "@primer/live-region-element": "^0.8.0", + "@primer/live-region-element": "^0.8.1", "@primer/octicons-react": "^19.28.1", "@primer/primitives": "10.x || 11.x", "@tanstack/react-virtual": "^3.13.18", diff --git a/packages/react/src/SelectPanel/SelectPanel.test.tsx b/packages/react/src/SelectPanel/SelectPanel.test.tsx index 0cebed65d9f..038dccd06ab 100644 --- a/packages/react/src/SelectPanel/SelectPanel.test.tsx +++ b/packages/react/src/SelectPanel/SelectPanel.test.tsx @@ -781,7 +781,7 @@ for (const usingRemoveActiveDescendant of [false, true]) { await user.click(screen.getByText('Select items')) expect(screen.getByLabelText('Filter items')).toHaveFocus() - expect(getLiveRegion().getMessage('polite')?.trim()).toContain('This is a notice') + expect(getLiveRegion().getMessage('polite').trim()).toContain('This is a notice') }) it('should announce filtered results', async () => { @@ -828,7 +828,7 @@ for (const usingRemoveActiveDescendant of [false, true]) { if (usingRemoveActiveDescendant) { expect(getLiveRegion().getMessage('polite')!.trim()).toBe('1 item available, 0 selected.') } else { - expect(getLiveRegion().getMessage('polite')?.trim()).toBe( + expect(getLiveRegion().getMessage('polite').trim()).toBe( 'List updated, Focused item: item one, not selected, 1 of 1', ) } @@ -851,7 +851,7 @@ for (const usingRemoveActiveDescendant of [false, true]) { if (usingRemoveActiveDescendant) { expect(getLiveRegion().getMessage('polite')!.trim()).toBe('No items available.') } else { - expect(getLiveRegion().getMessage('polite')?.trim()).toBe('No items available.') + expect(getLiveRegion().getMessage('polite').trim()).toBe('No items available.') } }, {timeout: 3000}, @@ -903,7 +903,7 @@ for (const usingRemoveActiveDescendant of [false, true]) { if (usingRemoveActiveDescendant) { expect(getLiveRegion().getMessage('polite')!.trim()).toBe("Nothing found. There's nothing here.") } else { - expect(getLiveRegion().getMessage('polite')?.trim()).toBe("Nothing found. There's nothing here.") + expect(getLiveRegion().getMessage('polite').trim()).toBe("Nothing found. There's nothing here.") } }, {timeout: 3000},