@instructure/ui-top-nav-bar 10.18.2-snapshot-0 → 10.18.2-snapshot-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +2 -1
  2. package/es/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.js +1 -1
  3. package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.js +1 -1
  4. package/package.json +30 -30
  5. package/src/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.tsx +1 -1
  6. package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -3,11 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [10.18.2-snapshot-0](https://github.com/instructure/instructure-ui/compare/v10.18.1...v10.18.2-snapshot-0) (2025-06-02)
6
+ ## [10.18.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v10.18.1...v10.18.2-snapshot-2) (2025-06-03)
7
7
 
8
8
 
9
9
  ### Bug Fixes
10
10
 
11
+ * **many:** fix "not a valid selector" exception when an option ID contains quotes ([78e0b96](https://github.com/instructure/instructure-ui/commit/78e0b96edf29f3d476ba30b03134f1726bbdd0f4))
11
12
  * **ui-top-nav-bar,ui-buttons:** display a focus ring in TopNavBar if a button has a Popover open ([1a03763](https://github.com/instructure/instructure-ui/commit/1a03763f99db390ec6cea58a71ef118930be64d8))
12
13
 
13
14
 
package/es/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.js CHANGED
@@ -214,7 +214,7 @@ let TopNavBarSmallViewportLayout = (_dec = withDeterministicId(), _dec2 = withSt
214
214
  const targetId = userChildren[0] ? userChildren[0].props.id : this.mappedMenuItemsOptions[0].optionData.id;
215
215
  setTimeout(() => {
216
216
  const container = document.getElementById(this._trayContainerId);
217
- const firstOption = container === null || container === void 0 ? void 0 : container.querySelector(`[id="${targetId}"]`);
217
+ const firstOption = container === null || container === void 0 ? void 0 : container.querySelector(`[id="${CSS.escape(targetId)}"]`);
218
218
  firstOption === null || firstOption === void 0 ? void 0 : firstOption.focus();
219
219
  if (this._drilldownRef) {
220
220
  const drilldownRef = this._drilldownRef;
package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.js CHANGED
@@ -226,7 +226,7 @@ let TopNavBarSmallViewportLayout = exports.TopNavBarSmallViewportLayout = (_dec
226
226
  const targetId = userChildren[0] ? userChildren[0].props.id : this.mappedMenuItemsOptions[0].optionData.id;
227
227
  setTimeout(() => {
228
228
  const container = document.getElementById(this._trayContainerId);
229
- const firstOption = container === null || container === void 0 ? void 0 : container.querySelector(`[id="${targetId}"]`);
229
+ const firstOption = container === null || container === void 0 ? void 0 : container.querySelector(`[id="${CSS.escape(targetId)}"]`);
230
230
  firstOption === null || firstOption === void 0 ? void 0 : firstOption.focus();
231
231
  if (this._drilldownRef) {
232
232
  const drilldownRef = this._drilldownRef;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-top-nav-bar",
3
- "version": "10.18.2-snapshot-0",
3
+ "version": "10.18.2-snapshot-2",
4
4
  "description": "A UI component library made by Instructure Inc.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,38 +24,38 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.26.0",
27
- "@instructure/console": "10.18.2-snapshot-0",
28
- "@instructure/emotion": "10.18.2-snapshot-0",
29
- "@instructure/shared-types": "10.18.2-snapshot-0",
30
- "@instructure/ui-a11y-content": "10.18.2-snapshot-0",
31
- "@instructure/ui-avatar": "10.18.2-snapshot-0",
32
- "@instructure/ui-breadcrumb": "10.18.2-snapshot-0",
33
- "@instructure/ui-buttons": "10.18.2-snapshot-0",
34
- "@instructure/ui-dialog": "10.18.2-snapshot-0",
35
- "@instructure/ui-dom-utils": "10.18.2-snapshot-0",
36
- "@instructure/ui-drilldown": "10.18.2-snapshot-0",
37
- "@instructure/ui-icons": "10.18.2-snapshot-0",
38
- "@instructure/ui-link": "10.18.2-snapshot-0",
39
- "@instructure/ui-popover": "10.18.2-snapshot-0",
40
- "@instructure/ui-prop-types": "10.18.2-snapshot-0",
41
- "@instructure/ui-react-utils": "10.18.2-snapshot-0",
42
- "@instructure/ui-responsive": "10.18.2-snapshot-0",
43
- "@instructure/ui-testable": "10.18.2-snapshot-0",
44
- "@instructure/ui-tooltip": "10.18.2-snapshot-0",
45
- "@instructure/ui-tray": "10.18.2-snapshot-0",
46
- "@instructure/ui-truncate-list": "10.18.2-snapshot-0",
47
- "@instructure/ui-utils": "10.18.2-snapshot-0",
48
- "@instructure/ui-view": "10.18.2-snapshot-0",
27
+ "@instructure/console": "10.18.2-snapshot-2",
28
+ "@instructure/emotion": "10.18.2-snapshot-2",
29
+ "@instructure/shared-types": "10.18.2-snapshot-2",
30
+ "@instructure/ui-a11y-content": "10.18.2-snapshot-2",
31
+ "@instructure/ui-avatar": "10.18.2-snapshot-2",
32
+ "@instructure/ui-breadcrumb": "10.18.2-snapshot-2",
33
+ "@instructure/ui-buttons": "10.18.2-snapshot-2",
34
+ "@instructure/ui-dialog": "10.18.2-snapshot-2",
35
+ "@instructure/ui-dom-utils": "10.18.2-snapshot-2",
36
+ "@instructure/ui-drilldown": "10.18.2-snapshot-2",
37
+ "@instructure/ui-icons": "10.18.2-snapshot-2",
38
+ "@instructure/ui-link": "10.18.2-snapshot-2",
39
+ "@instructure/ui-popover": "10.18.2-snapshot-2",
40
+ "@instructure/ui-prop-types": "10.18.2-snapshot-2",
41
+ "@instructure/ui-react-utils": "10.18.2-snapshot-2",
42
+ "@instructure/ui-responsive": "10.18.2-snapshot-2",
43
+ "@instructure/ui-testable": "10.18.2-snapshot-2",
44
+ "@instructure/ui-tooltip": "10.18.2-snapshot-2",
45
+ "@instructure/ui-tray": "10.18.2-snapshot-2",
46
+ "@instructure/ui-truncate-list": "10.18.2-snapshot-2",
47
+ "@instructure/ui-utils": "10.18.2-snapshot-2",
48
+ "@instructure/ui-view": "10.18.2-snapshot-2",
49
49
  "prop-types": "^15.8.1"
50
50
  },
51
51
  "devDependencies": {
52
- "@instructure/ui-axe-check": "10.18.2-snapshot-0",
53
- "@instructure/ui-babel-preset": "10.18.2-snapshot-0",
54
- "@instructure/ui-color-utils": "10.18.2-snapshot-0",
55
- "@instructure/ui-scripts": "10.18.2-snapshot-0",
56
- "@instructure/ui-test-locator": "10.18.2-snapshot-0",
57
- "@instructure/ui-test-utils": "10.18.2-snapshot-0",
58
- "@instructure/ui-themes": "10.18.2-snapshot-0",
52
+ "@instructure/ui-axe-check": "10.18.2-snapshot-2",
53
+ "@instructure/ui-babel-preset": "10.18.2-snapshot-2",
54
+ "@instructure/ui-color-utils": "10.18.2-snapshot-2",
55
+ "@instructure/ui-scripts": "10.18.2-snapshot-2",
56
+ "@instructure/ui-test-locator": "10.18.2-snapshot-2",
57
+ "@instructure/ui-test-utils": "10.18.2-snapshot-2",
58
+ "@instructure/ui-themes": "10.18.2-snapshot-2",
59
59
  "@testing-library/jest-dom": "^6.6.3",
60
60
  "@testing-library/react": "^16.0.1",
61
61
  "@testing-library/user-event": "^14.5.2",
package/src/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.tsx CHANGED
@@ -310,7 +310,7 @@ class TopNavBarSmallViewportLayout extends Component<
310
310
  setTimeout(() => {
311
311
  const container = document.getElementById(this._trayContainerId)
312
312
  const firstOption = container?.querySelector(
313
- `[id="${targetId}"]`
313
+ `[id="${CSS.escape(targetId)}"]`
314
314
  ) as HTMLSpanElement
315
315
  firstOption?.focus()
316
316
  if (this._drilldownRef) {