@instructure/ui-tree-browser 8.43.2-snapshot-12 → 8.43.2-snapshot-19

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 (7) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/TreeBrowser/index.js +5 -1
  3. package/lib/TreeBrowser/index.js +5 -1
  4. package/package.json +14 -14
  5. package/src/TreeBrowser/index.tsx +5 -1
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/TreeBrowser/index.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,9 +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
- ## [8.43.2-snapshot-12](https://github.com/instructure/instructure-ui/compare/v8.43.1...v8.43.2-snapshot-12) (2023-09-21)
6
+ ## [8.43.2-snapshot-19](https://github.com/instructure/instructure-ui/compare/v8.43.1...v8.43.2-snapshot-19) (2023-09-21)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-tree-browser
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-tree-browser:** prevent TreeBrowser from breaking keyboard navigation focus order ([0741bc5](https://github.com/instructure/instructure-ui/commit/0741bc548fcfdceaeb2a70b3549f6cc87c70af78))
9
12
 
10
13
 
11
14
 
package/es/TreeBrowser/index.js CHANGED
@@ -62,26 +62,30 @@ let TreeBrowser = (_dec = withStyle(generateStyles, generateComponentTheme), _de
62
62
  this.handleSelection(item.id, 'item');
63
63
  };
64
64
  this.handleKeyDown = (event, node) => {
65
- event.stopPropagation();
66
65
  switch (event.keyCode) {
67
66
  case keycode.codes.down:
68
67
  case keycode.codes.j:
68
+ event.stopPropagation();
69
69
  this.moveFocus(1);
70
70
  break;
71
71
  case keycode.codes.up:
72
72
  case keycode.codes.k:
73
+ event.stopPropagation();
73
74
  this.moveFocus(-1);
74
75
  break;
75
76
  case keycode.codes.home:
76
77
  case keycode.codes.end:
78
+ event.stopPropagation();
77
79
  this.homeOrEnd(event.keyCode);
78
80
  break;
79
81
  case keycode.codes.left:
80
82
  case keycode.codes.right:
83
+ event.stopPropagation();
81
84
  this.handleLeftOrRightArrow(event.keyCode, node);
82
85
  break;
83
86
  case keycode.codes.enter:
84
87
  case keycode.codes.space:
88
+ event.stopPropagation();
85
89
  this.handleActivation(event, node);
86
90
  break;
87
91
  default:
package/lib/TreeBrowser/index.js CHANGED
@@ -68,26 +68,30 @@ let TreeBrowser = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
68
68
  this.handleSelection(item.id, 'item');
69
69
  };
70
70
  this.handleKeyDown = (event, node) => {
71
- event.stopPropagation();
72
71
  switch (event.keyCode) {
73
72
  case _keycode.default.codes.down:
74
73
  case _keycode.default.codes.j:
74
+ event.stopPropagation();
75
75
  this.moveFocus(1);
76
76
  break;
77
77
  case _keycode.default.codes.up:
78
78
  case _keycode.default.codes.k:
79
+ event.stopPropagation();
79
80
  this.moveFocus(-1);
80
81
  break;
81
82
  case _keycode.default.codes.home:
82
83
  case _keycode.default.codes.end:
84
+ event.stopPropagation();
83
85
  this.homeOrEnd(event.keyCode);
84
86
  break;
85
87
  case _keycode.default.codes.left:
86
88
  case _keycode.default.codes.right:
89
+ event.stopPropagation();
87
90
  this.handleLeftOrRightArrow(event.keyCode, node);
88
91
  break;
89
92
  case _keycode.default.codes.enter:
90
93
  case _keycode.default.codes.space:
94
+ event.stopPropagation();
91
95
  this.handleActivation(event, node);
92
96
  break;
93
97
  default:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-tree-browser",
3
- "version": "8.43.2-snapshot-12",
3
+ "version": "8.43.2-snapshot-19",
4
4
  "description": "A component for displaying a hierarchical view of information",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,22 +23,22 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.43.2-snapshot-12",
27
- "@instructure/ui-color-utils": "8.43.2-snapshot-12",
28
- "@instructure/ui-test-locator": "8.43.2-snapshot-12",
29
- "@instructure/ui-test-utils": "8.43.2-snapshot-12",
30
- "@instructure/ui-themes": "8.43.2-snapshot-12"
26
+ "@instructure/ui-babel-preset": "8.43.2-snapshot-19",
27
+ "@instructure/ui-color-utils": "8.43.2-snapshot-19",
28
+ "@instructure/ui-test-locator": "8.43.2-snapshot-19",
29
+ "@instructure/ui-test-utils": "8.43.2-snapshot-19",
30
+ "@instructure/ui-themes": "8.43.2-snapshot-19"
31
31
  },
32
32
  "dependencies": {
33
33
  "@babel/runtime": "^7.22.15",
34
- "@instructure/emotion": "8.43.2-snapshot-12",
35
- "@instructure/shared-types": "8.43.2-snapshot-12",
36
- "@instructure/ui-icons": "8.43.2-snapshot-12",
37
- "@instructure/ui-img": "8.43.2-snapshot-12",
38
- "@instructure/ui-prop-types": "8.43.2-snapshot-12",
39
- "@instructure/ui-react-utils": "8.43.2-snapshot-12",
40
- "@instructure/ui-testable": "8.43.2-snapshot-12",
41
- "@instructure/ui-utils": "8.43.2-snapshot-12",
34
+ "@instructure/emotion": "8.43.2-snapshot-19",
35
+ "@instructure/shared-types": "8.43.2-snapshot-19",
36
+ "@instructure/ui-icons": "8.43.2-snapshot-19",
37
+ "@instructure/ui-img": "8.43.2-snapshot-19",
38
+ "@instructure/ui-prop-types": "8.43.2-snapshot-19",
39
+ "@instructure/ui-react-utils": "8.43.2-snapshot-19",
40
+ "@instructure/ui-testable": "8.43.2-snapshot-19",
41
+ "@instructure/ui-utils": "8.43.2-snapshot-19",
42
42
  "keycode": "^2.2.1",
43
43
  "prop-types": "^15.8.1"
44
44
  },
package/src/TreeBrowser/index.tsx CHANGED
@@ -128,26 +128,30 @@ class TreeBrowser extends Component<TreeBrowserProps, TreeBrowserState> {
128
128
  }
129
129
 
130
130
  handleKeyDown = (event: React.KeyboardEvent, node?: CollectionData) => {
131
- event.stopPropagation()
132
131
  switch (event.keyCode) {
133
132
  case keycode.codes.down:
134
133
  case keycode.codes.j:
134
+ event.stopPropagation()
135
135
  this.moveFocus(1)
136
136
  break
137
137
  case keycode.codes.up:
138
138
  case keycode.codes.k:
139
+ event.stopPropagation()
139
140
  this.moveFocus(-1)
140
141
  break
141
142
  case keycode.codes.home:
142
143
  case keycode.codes.end:
144
+ event.stopPropagation()
143
145
  this.homeOrEnd(event.keyCode)
144
146
  break
145
147
  case keycode.codes.left:
146
148
  case keycode.codes.right:
149
+ event.stopPropagation()
147
150
  this.handleLeftOrRightArrow(event.keyCode, node)
148
151
  break
149
152
  case keycode.codes.enter:
150
153
  case keycode.codes.space:
154
+ event.stopPropagation()
151
155
  this.handleActivation(event, node)
152
156
  break
153
157
  default: