@instructure/ui-drilldown 8.38.1 → 8.38.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.
- package/CHANGELOG.md +8 -0
- package/es/Drilldown/index.js +6 -12
- package/lib/Drilldown/index.js +6 -12
- package/package.json +21 -21
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.38.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v8.38.1...v8.38.2-snapshot-2) (2023-07-06)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-drilldown
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [8.38.1](https://github.com/instructure/instructure-ui/compare/v8.38.0...v8.38.1) (2023-06-13)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-drilldown
|
package/es/Drilldown/index.js
CHANGED
|
@@ -62,12 +62,6 @@ category: components
|
|
|
62
62
|
@tsProps
|
|
63
63
|
**/
|
|
64
64
|
let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Drilldown extends Component {
|
|
65
|
-
// Array of visited page ids in "breadcrumbs" fashion
|
|
66
|
-
|
|
67
|
-
// Map of the active options on the page (includes header options too)
|
|
68
|
-
|
|
69
|
-
// Map of the selected options in groups (grouped by group id)
|
|
70
|
-
|
|
71
65
|
constructor(props) {
|
|
72
66
|
super(props);
|
|
73
67
|
this._drilldownRef = null;
|
|
@@ -80,8 +74,11 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
|
|
|
80
74
|
this._headerTitleId = void 0;
|
|
81
75
|
this._headerTitleLabelId = void 0;
|
|
82
76
|
this._headerActionId = void 0;
|
|
77
|
+
// Array of visited page ids in "breadcrumbs" fashion
|
|
83
78
|
this._pageHistory = void 0;
|
|
79
|
+
// Map of the active options on the page (includes header options too)
|
|
84
80
|
this._activeOptionsMap = {};
|
|
81
|
+
// Map of the selected options in groups (grouped by group id)
|
|
85
82
|
this.ref = null;
|
|
86
83
|
this.handleRef = el => {
|
|
87
84
|
// ref and elementRef have to be set together for the same element
|
|
@@ -158,6 +155,7 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
|
|
|
158
155
|
});
|
|
159
156
|
}
|
|
160
157
|
};
|
|
158
|
+
// Navigates to the page and also returns the new and old pageIds
|
|
161
159
|
this.goToPage = newPageId => {
|
|
162
160
|
var _this$pageMap;
|
|
163
161
|
if (!newPageId) {
|
|
@@ -284,6 +282,8 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
|
|
|
284
282
|
this.hide(event);
|
|
285
283
|
}
|
|
286
284
|
};
|
|
285
|
+
// Setting extra logic for keyboard navigation.
|
|
286
|
+
// Enter, Esc and up/down/home/end keys are handled by Selectable.
|
|
287
287
|
this.handleKeyDown = event => {
|
|
288
288
|
const id = event.target.id;
|
|
289
289
|
const option = this.getPageChildById(id);
|
|
@@ -637,9 +637,6 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
|
|
|
637
637
|
const optionElement = container === null || container === void 0 ? void 0 : container.querySelector(`[id="${id}"]`);
|
|
638
638
|
optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();
|
|
639
639
|
}
|
|
640
|
-
|
|
641
|
-
// Navigates to the page and also returns the new and old pageIds
|
|
642
|
-
|
|
643
640
|
handleGroupOptionSelected(event, selectedOption) {
|
|
644
641
|
this.setState(oldState => {
|
|
645
642
|
var _oldState$selectedGro;
|
|
@@ -697,9 +694,6 @@ let Drilldown = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
|
|
|
697
694
|
}
|
|
698
695
|
});
|
|
699
696
|
}
|
|
700
|
-
|
|
701
|
-
// Setting extra logic for keyboard navigation.
|
|
702
|
-
// Enter, Esc and up/down/home/end keys are handled by Selectable.
|
|
703
697
|
renderList(getOptionProps, getDisabledOptionProps) {
|
|
704
698
|
const currentPage = this.currentPage,
|
|
705
699
|
headerChildren = this.headerChildren;
|
package/lib/Drilldown/index.js
CHANGED
|
@@ -75,12 +75,6 @@ category: components
|
|
|
75
75
|
@tsProps
|
|
76
76
|
**/
|
|
77
77
|
let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Drilldown extends _react.Component {
|
|
78
|
-
// Array of visited page ids in "breadcrumbs" fashion
|
|
79
|
-
|
|
80
|
-
// Map of the active options on the page (includes header options too)
|
|
81
|
-
|
|
82
|
-
// Map of the selected options in groups (grouped by group id)
|
|
83
|
-
|
|
84
78
|
constructor(props) {
|
|
85
79
|
super(props);
|
|
86
80
|
this._drilldownRef = null;
|
|
@@ -93,8 +87,11 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
|
|
|
93
87
|
this._headerTitleId = void 0;
|
|
94
88
|
this._headerTitleLabelId = void 0;
|
|
95
89
|
this._headerActionId = void 0;
|
|
90
|
+
// Array of visited page ids in "breadcrumbs" fashion
|
|
96
91
|
this._pageHistory = void 0;
|
|
92
|
+
// Map of the active options on the page (includes header options too)
|
|
97
93
|
this._activeOptionsMap = {};
|
|
94
|
+
// Map of the selected options in groups (grouped by group id)
|
|
98
95
|
this.ref = null;
|
|
99
96
|
this.handleRef = el => {
|
|
100
97
|
// ref and elementRef have to be set together for the same element
|
|
@@ -171,6 +168,7 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
|
|
|
171
168
|
});
|
|
172
169
|
}
|
|
173
170
|
};
|
|
171
|
+
// Navigates to the page and also returns the new and old pageIds
|
|
174
172
|
this.goToPage = newPageId => {
|
|
175
173
|
var _this$pageMap;
|
|
176
174
|
if (!newPageId) {
|
|
@@ -297,6 +295,8 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
|
|
|
297
295
|
this.hide(event);
|
|
298
296
|
}
|
|
299
297
|
};
|
|
298
|
+
// Setting extra logic for keyboard navigation.
|
|
299
|
+
// Enter, Esc and up/down/home/end keys are handled by Selectable.
|
|
300
300
|
this.handleKeyDown = event => {
|
|
301
301
|
const id = event.target.id;
|
|
302
302
|
const option = this.getPageChildById(id);
|
|
@@ -650,9 +650,6 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
|
|
|
650
650
|
const optionElement = container === null || container === void 0 ? void 0 : container.querySelector(`[id="${id}"]`);
|
|
651
651
|
optionElement === null || optionElement === void 0 ? void 0 : optionElement.focus();
|
|
652
652
|
}
|
|
653
|
-
|
|
654
|
-
// Navigates to the page and also returns the new and old pageIds
|
|
655
|
-
|
|
656
653
|
handleGroupOptionSelected(event, selectedOption) {
|
|
657
654
|
this.setState(oldState => {
|
|
658
655
|
var _oldState$selectedGro;
|
|
@@ -710,9 +707,6 @@ let Drilldown = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 =
|
|
|
710
707
|
}
|
|
711
708
|
});
|
|
712
709
|
}
|
|
713
|
-
|
|
714
|
-
// Setting extra logic for keyboard navigation.
|
|
715
|
-
// Enter, Esc and up/down/home/end keys are handled by Selectable.
|
|
716
710
|
renderList(getOptionProps, getDisabledOptionProps) {
|
|
717
711
|
const currentPage = this.currentPage,
|
|
718
712
|
headerChildren = this.headerChildren;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-drilldown",
|
|
3
|
-
"version": "8.38.
|
|
3
|
+
"version": "8.38.2-snapshot-2",
|
|
4
4
|
"description": "A drilldown menu component",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,29 +23,29 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "^7.
|
|
27
|
-
"@instructure/console": "8.38.
|
|
28
|
-
"@instructure/emotion": "8.38.
|
|
29
|
-
"@instructure/shared-types": "8.38.
|
|
30
|
-
"@instructure/ui-dom-utils": "8.38.
|
|
31
|
-
"@instructure/ui-icons": "8.38.
|
|
32
|
-
"@instructure/ui-options": "8.38.
|
|
33
|
-
"@instructure/ui-popover": "8.38.
|
|
34
|
-
"@instructure/ui-position": "8.38.
|
|
35
|
-
"@instructure/ui-prop-types": "8.38.
|
|
36
|
-
"@instructure/ui-react-utils": "8.38.
|
|
37
|
-
"@instructure/ui-selectable": "8.38.
|
|
38
|
-
"@instructure/ui-testable": "8.38.
|
|
39
|
-
"@instructure/ui-utils": "8.38.
|
|
40
|
-
"@instructure/ui-view": "8.38.
|
|
26
|
+
"@babel/runtime": "^7.22.5",
|
|
27
|
+
"@instructure/console": "8.38.2-snapshot-2",
|
|
28
|
+
"@instructure/emotion": "8.38.2-snapshot-2",
|
|
29
|
+
"@instructure/shared-types": "8.38.2-snapshot-2",
|
|
30
|
+
"@instructure/ui-dom-utils": "8.38.2-snapshot-2",
|
|
31
|
+
"@instructure/ui-icons": "8.38.2-snapshot-2",
|
|
32
|
+
"@instructure/ui-options": "8.38.2-snapshot-2",
|
|
33
|
+
"@instructure/ui-popover": "8.38.2-snapshot-2",
|
|
34
|
+
"@instructure/ui-position": "8.38.2-snapshot-2",
|
|
35
|
+
"@instructure/ui-prop-types": "8.38.2-snapshot-2",
|
|
36
|
+
"@instructure/ui-react-utils": "8.38.2-snapshot-2",
|
|
37
|
+
"@instructure/ui-selectable": "8.38.2-snapshot-2",
|
|
38
|
+
"@instructure/ui-testable": "8.38.2-snapshot-2",
|
|
39
|
+
"@instructure/ui-utils": "8.38.2-snapshot-2",
|
|
40
|
+
"@instructure/ui-view": "8.38.2-snapshot-2",
|
|
41
41
|
"prop-types": "^15.8.1"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@instructure/ui-babel-preset": "8.38.
|
|
45
|
-
"@instructure/ui-color-utils": "8.38.
|
|
46
|
-
"@instructure/ui-test-locator": "8.38.
|
|
47
|
-
"@instructure/ui-test-utils": "8.38.
|
|
48
|
-
"@instructure/ui-themes": "8.38.
|
|
44
|
+
"@instructure/ui-babel-preset": "8.38.2-snapshot-2",
|
|
45
|
+
"@instructure/ui-color-utils": "8.38.2-snapshot-2",
|
|
46
|
+
"@instructure/ui-test-locator": "8.38.2-snapshot-2",
|
|
47
|
+
"@instructure/ui-test-utils": "8.38.2-snapshot-2",
|
|
48
|
+
"@instructure/ui-themes": "8.38.2-snapshot-2"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"react": ">=16.8 <=18"
|