Skip to content

Commit 48d0e4e

Browse files
authored
feat(TreeView): remove react-treeview package to avoid using native addEventListener (#64)
1 parent a0a877b commit 48d0e4e

File tree

5 files changed

+210
-139
lines changed

5 files changed

+210
-139
lines changed

package-lock.json

Lines changed: 76 additions & 61 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,8 +33,7 @@
3333
"dependencies": {
3434
"@gravity-ui/i18n": "^1.0.0",
3535
"bem-cn-lite": "^4.1.0",
36-
"react-list": "^0.8.17",
37-
"react-treeview": "^0.4.7"
36+
"react-list": "^0.8.17"
3837
},
3938
"devDependencies": {
4039
"@babel/core": "^7.17.8",

src/components/TreeView/TreeView.scss

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -79,25 +79,31 @@ $step-offset: 24px;
7979
align-items: center;
8080
}
8181

82-
.tree-view_arrow {
82+
&__arrow {
8383
flex-shrink: 0;
8484
width: 24px;
8585
height: 24px;
86+
padding: 0;
8687
cursor: pointer;
88+
border: none;
8789

8890
@include arrow-background(rgba(0, 0, 0, 0.85));
8991

9092
.g-root_theme_dark & {
9193
@include arrow-background(rgba(255, 255, 255, 0.85));
9294
}
9395

94-
&:not(.tree-view_arrow-collapsed) {
96+
&:focus-visible {
97+
outline: 2px solid var(--g-color-line-focus);
98+
}
99+
100+
&:not(&_collapsed) {
95101
transform: rotate(90deg);
96102
}
97-
}
98103

99-
&_no-arrow .tree-view_arrow {
100-
visibility: hidden;
104+
&_hidden {
105+
visibility: hidden;
106+
}
101107
}
102108

103109
& & &__item {

0 commit comments

Comments
 (0)