@patternfly/react-core 4.237.2 → 4.237.5
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 +27 -0
- package/dist/esm/components/Dropdown/DropdownItem.d.ts +1 -1
- package/dist/esm/components/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js +2 -1
- package/dist/esm/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/esm/components/Dropdown/InternalDropdownItem.js +14 -11
- package/dist/esm/components/Dropdown/InternalDropdownItem.js.map +1 -1
- package/dist/esm/components/Dropdown/Toggle.js +9 -7
- package/dist/esm/components/Dropdown/Toggle.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -2
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +2 -1
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.js +1 -1
- package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/esm/components/TextArea/TextArea.d.ts +3 -0
- package/dist/esm/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/esm/components/TextArea/TextArea.js +21 -10
- package/dist/esm/components/TextArea/TextArea.js.map +1 -1
- package/dist/esm/components/TreeView/TreeView.js +2 -2
- package/dist/esm/components/TreeView/TreeView.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewRoot.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewRoot.js +30 -26
- package/dist/esm/components/TreeView/TreeViewRoot.js.map +1 -1
- package/dist/js/components/Dropdown/DropdownItem.d.ts +1 -1
- package/dist/js/components/Dropdown/DropdownItem.d.ts.map +1 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js +2 -1
- package/dist/js/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
- package/dist/js/components/Dropdown/InternalDropdownItem.js +14 -11
- package/dist/js/components/Dropdown/InternalDropdownItem.js.map +1 -1
- package/dist/js/components/Dropdown/Toggle.js +9 -7
- package/dist/js/components/Dropdown/Toggle.js.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +2 -2
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js +2 -1
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.js +1 -1
- package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
- package/dist/js/components/TextArea/TextArea.d.ts +3 -0
- package/dist/js/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/js/components/TextArea/TextArea.js +21 -10
- package/dist/js/components/TextArea/TextArea.js.map +1 -1
- package/dist/js/components/TreeView/TreeView.js +2 -2
- package/dist/js/components/TreeView/TreeView.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewRoot.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewRoot.js +30 -26
- package/dist/js/components/TreeView/TreeViewRoot.js.map +1 -1
- package/dist/umd/react-core.min.js +6 -6
- package/package.json +5 -5
- package/src/components/Dropdown/DropdownItem.tsx +1 -1
- package/src/components/Dropdown/DropdownToggleCheckbox.tsx +1 -1
- package/src/components/Dropdown/InternalDropdownItem.tsx +10 -10
- package/src/components/Dropdown/Toggle.tsx +8 -8
- package/src/components/Modal/Modal.tsx +3 -3
- package/src/components/Modal/ModalBoxTitle.tsx +1 -1
- package/src/components/TextArea/TextArea.tsx +26 -12
- package/src/components/TextArea/examples/TextArea.md +47 -21
- package/src/components/TreeView/TreeView.tsx +1 -1
- package/src/components/TreeView/TreeViewListItem.tsx +1 -1
- package/src/components/TreeView/TreeViewRoot.tsx +29 -25
|
@@ -9,8 +9,8 @@ const TreeViewRoot_1 = require("./TreeViewRoot");
|
|
|
9
9
|
const TreeView = (_a) => {
|
|
10
10
|
var { data, isNested = false, hasChecks = false, hasBadges = false, hasGuides = false, hasSelectableNodes = false, variant = 'default', defaultAllExpanded = false, allExpanded, icon, expandedIcon, parentItem, onSelect, onCheck, toolbar, activeItems, compareItems = (item, itemToCheck) => item.id === itemToCheck.id, className, useMemo } = _a, props = tslib_1.__rest(_a, ["data", "isNested", "hasChecks", "hasBadges", "hasGuides", "hasSelectableNodes", "variant", "defaultAllExpanded", "allExpanded", "icon", "expandedIcon", "parentItem", "onSelect", "onCheck", "toolbar", "activeItems", "compareItems", "className", "useMemo"]);
|
|
11
11
|
const treeViewList = (React.createElement(TreeViewList_1.TreeViewList, { isNested: isNested, toolbar: toolbar }, data.map(item => {
|
|
12
|
-
var _a;
|
|
13
|
-
return (React.createElement(TreeViewListItem_1.TreeViewListItem, Object.assign({ key: ((_a = item.id) === null || _a === void 0 ? void 0 : _a.toString()) || item.name.toString(), name: item.name, title: item.title, id: item.id, isExpanded: allExpanded, isSelectable: hasSelectableNodes, defaultExpanded: item.defaultExpanded !== undefined ? item.defaultExpanded : defaultAllExpanded, onSelect: onSelect, onCheck: onCheck, hasCheck: item.hasCheck !== undefined ? item.hasCheck : hasChecks, checkProps: item.checkProps, hasBadge: item.hasBadge !== undefined ? item.hasBadge : hasBadges, customBadgeContent: item.customBadgeContent, badgeProps: item.badgeProps, activeItems: activeItems, parentItem: parentItem, itemData: item, icon: item.icon !== undefined ? item.icon : icon, expandedIcon: item.expandedIcon !== undefined ? item.expandedIcon : expandedIcon, action: item.action, compareItems: compareItems, isCompact: variant === 'compact' || variant === 'compactNoBackground', useMemo: useMemo }, (item.children && {
|
|
12
|
+
var _a, _b;
|
|
13
|
+
return (React.createElement(TreeViewListItem_1.TreeViewListItem, Object.assign({ key: ((_a = item.id) === null || _a === void 0 ? void 0 : _a.toString()) || ((_b = item.name) === null || _b === void 0 ? void 0 : _b.toString()), name: item.name, title: item.title, id: item.id, isExpanded: allExpanded, isSelectable: hasSelectableNodes, defaultExpanded: item.defaultExpanded !== undefined ? item.defaultExpanded : defaultAllExpanded, onSelect: onSelect, onCheck: onCheck, hasCheck: item.hasCheck !== undefined ? item.hasCheck : hasChecks, checkProps: item.checkProps, hasBadge: item.hasBadge !== undefined ? item.hasBadge : hasBadges, customBadgeContent: item.customBadgeContent, badgeProps: item.badgeProps, activeItems: activeItems, parentItem: parentItem, itemData: item, icon: item.icon !== undefined ? item.icon : icon, expandedIcon: item.expandedIcon !== undefined ? item.expandedIcon : expandedIcon, action: item.action, compareItems: compareItems, isCompact: variant === 'compact' || variant === 'compactNoBackground', useMemo: useMemo }, (item.children && {
|
|
14
14
|
children: (React.createElement(exports.TreeView, { data: item.children, isNested: true, parentItem: item, hasChecks: hasChecks, hasBadges: hasBadges, hasGuides: hasGuides, hasSelectableNodes: hasSelectableNodes, variant: variant, allExpanded: allExpanded, defaultAllExpanded: defaultAllExpanded, onSelect: onSelect, onCheck: onCheck, activeItems: activeItems, icon: icon, expandedIcon: expandedIcon }))
|
|
15
15
|
}))));
|
|
16
16
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,iDAA8C;AAC9C,yDAA0E;AAC1E,iDAA8C;AA0EvC,MAAM,QAAQ,GAA2C,CAAC,EAqBjD,EAAE,EAAE;QArB6C,EAC/D,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,kBAAkB,GAAG,KAAK,EAC1B,OAAO,GAAG,SAAS,EACnB,kBAAkB,GAAG,KAAK,EAC1B,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,YAAY,GAAG,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,EAChE,SAAS,EACT,OAAO,OAEO,EADX,KAAK,sBApBuD,gQAqBhE,CADS;IAER,MAAM,YAAY,GAAG,CACnB,oBAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IAC/C,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;;QAAC,OAAA,CAChB,oBAAC,mCAAgB,kBACf,GAAG,EAAE,CAAA,MAAA,IAAI,CAAC,EAAE,0CAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TreeViewDataItem } from './TreeView';
|
|
3
|
-
export interface TreeViewCheckProps extends Partial<React.InputHTMLAttributes<HTMLInputElement
|
|
3
|
+
export interface TreeViewCheckProps extends Omit<Partial<React.InputHTMLAttributes<HTMLInputElement>>, 'checked'> {
|
|
4
4
|
checked?: boolean | null;
|
|
5
5
|
}
|
|
6
6
|
export interface TreeViewListItemProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeViewListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeViewListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAI9C,MAAM,WAAW,kBAAmB,SAAQ,OAAO,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"TreeViewListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeViewListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAI9C,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,EAAE,SAAS,CAAC;IAC/G,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,2CAA2C;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,6BAA6B;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/F,2CAA2C;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjH,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,wDAAwD;IACxD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,oCAAoC;IACpC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,uCAAuC;IACvC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,8DAA8D;IAC9D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,KAAK,OAAO,CAAC;IAClF,oNAAoN;IACpN,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAuKD,eAAO,MAAM,gBAAgB,mDA8C3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeViewRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeViewRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,qBAAqB,CAAC;IACxD,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAClE,WAAW,SAAkB;IAC7B,OAAO,CAAC,OAAO,CAAqC;IAEpD,iBAAiB;IAkBjB,oBAAoB;IAMpB,UAAU,UAAW,aAAa,
|
|
1
|
+
{"version":3,"file":"TreeViewRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeViewRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,qBAAqB,CAAC;IACxD,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAClE,WAAW,SAAkB;IAC7B,OAAO,CAAC,OAAO,CAAqC;IAEpD,iBAAiB;IAkBjB,oBAAoB;IAMpB,UAAU,UAAW,aAAa,UA6DhC;IAEF,kBAAkB,UAAW,aAAa,UAkDxC;IAEF,qBAAqB,EAAE;SAAG,GAAG,IAAI,iBAAiB,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,MAAM,EAAE;KAAE,CAIjF;IAEF,MAAM;CAkBP"}
|
|
@@ -13,31 +13,34 @@ class TreeViewRoot extends React.Component {
|
|
|
13
13
|
this.displayName = 'TreeViewRoot';
|
|
14
14
|
this.treeRef = React.createRef();
|
|
15
15
|
this.handleKeys = (event) => {
|
|
16
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
16
17
|
if (this.treeRef.current !== event.target.closest('.pf-c-tree-view')) {
|
|
17
18
|
return;
|
|
18
19
|
}
|
|
19
20
|
const activeElement = document.activeElement;
|
|
20
21
|
const key = event.key;
|
|
21
|
-
const treeItems = Array.from(this.treeRef.current.getElementsByClassName('pf-c-tree-view__node')).filter(el => !el.classList.contains('pf-m-disabled'));
|
|
22
|
+
const treeItems = Array.from((_a = this.treeRef.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('pf-c-tree-view__node')).filter(el => !el.classList.contains('pf-m-disabled'));
|
|
22
23
|
if (key === 'Space') {
|
|
23
24
|
document.activeElement.click();
|
|
24
25
|
event.preventDefault();
|
|
25
26
|
}
|
|
26
27
|
helpers_1.handleArrows(event, treeItems, (element) => activeElement === element, undefined, [], undefined, true, true);
|
|
27
28
|
if (['ArrowLeft', 'ArrowRight'].includes(key)) {
|
|
28
|
-
const isExpandable = activeElement.firstElementChild.firstElementChild.classList.contains('pf-c-tree-view__node-toggle');
|
|
29
|
-
const isExpanded = activeElement.closest('li').classList.contains('pf-m-expanded');
|
|
29
|
+
const isExpandable = (_c = (_b = activeElement === null || activeElement === void 0 ? void 0 : activeElement.firstElementChild) === null || _b === void 0 ? void 0 : _b.firstElementChild) === null || _c === void 0 ? void 0 : _c.classList.contains('pf-c-tree-view__node-toggle');
|
|
30
|
+
const isExpanded = (_d = activeElement === null || activeElement === void 0 ? void 0 : activeElement.closest('li')) === null || _d === void 0 ? void 0 : _d.classList.contains('pf-m-expanded');
|
|
30
31
|
if (key === 'ArrowLeft') {
|
|
31
32
|
if (isExpandable && isExpanded) {
|
|
32
33
|
activeElement.click();
|
|
33
34
|
}
|
|
34
35
|
else {
|
|
35
|
-
const parentList = activeElement.closest('ul').parentElement;
|
|
36
|
-
if (parentList.tagName !== 'DIV') {
|
|
37
|
-
const parentButton = parentList.querySelector('button');
|
|
36
|
+
const parentList = (_e = activeElement === null || activeElement === void 0 ? void 0 : activeElement.closest('ul')) === null || _e === void 0 ? void 0 : _e.parentElement;
|
|
37
|
+
if ((parentList === null || parentList === void 0 ? void 0 : parentList.tagName) !== 'DIV') {
|
|
38
|
+
const parentButton = parentList === null || parentList === void 0 ? void 0 : parentList.querySelector('button');
|
|
38
39
|
activeElement.tabIndex = -1;
|
|
39
|
-
parentButton
|
|
40
|
-
|
|
40
|
+
if (parentButton) {
|
|
41
|
+
parentButton.tabIndex = 0;
|
|
42
|
+
parentButton.focus();
|
|
43
|
+
}
|
|
41
44
|
}
|
|
42
45
|
}
|
|
43
46
|
}
|
|
@@ -45,18 +48,18 @@ class TreeViewRoot extends React.Component {
|
|
|
45
48
|
if (isExpandable && !isExpanded) {
|
|
46
49
|
activeElement.tabIndex = -1;
|
|
47
50
|
activeElement.click();
|
|
48
|
-
const childElement = activeElement
|
|
49
|
-
|
|
50
|
-
.
|
|
51
|
-
.
|
|
52
|
-
|
|
53
|
-
childElement.focus();
|
|
51
|
+
const childElement = (_g = (_f = activeElement === null || activeElement === void 0 ? void 0 : activeElement.closest('li')) === null || _f === void 0 ? void 0 : _f.querySelector('ul > li')) === null || _g === void 0 ? void 0 : _g.querySelector('button');
|
|
52
|
+
if (childElement) {
|
|
53
|
+
childElement.tabIndex = 0;
|
|
54
|
+
childElement.focus();
|
|
55
|
+
}
|
|
54
56
|
}
|
|
55
57
|
}
|
|
56
58
|
event.preventDefault();
|
|
57
59
|
}
|
|
58
60
|
};
|
|
59
61
|
this.handleKeysCheckbox = (event) => {
|
|
62
|
+
var _a, _b, _c, _d, _e;
|
|
60
63
|
if (this.treeRef.current !== event.target.closest('.pf-c-tree-view')) {
|
|
61
64
|
return;
|
|
62
65
|
}
|
|
@@ -66,16 +69,16 @@ class TreeViewRoot extends React.Component {
|
|
|
66
69
|
document.activeElement.click();
|
|
67
70
|
event.preventDefault();
|
|
68
71
|
}
|
|
69
|
-
const treeNodes = Array.from(this.treeRef.current.getElementsByClassName('pf-c-tree-view__node'));
|
|
72
|
+
const treeNodes = Array.from((_a = this.treeRef.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('pf-c-tree-view__node'));
|
|
70
73
|
helpers_1.handleArrows(event, treeNodes, (element) => element.contains(activeElement), (element) => element.querySelector('BUTTON,INPUT'), [], undefined, true, true);
|
|
71
74
|
if (['ArrowLeft', 'ArrowRight'].includes(key)) {
|
|
72
75
|
if (key === 'ArrowLeft') {
|
|
73
|
-
if (activeElement.tagName === 'INPUT') {
|
|
74
|
-
activeElement.parentElement.previousSibling &&
|
|
76
|
+
if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'INPUT') {
|
|
77
|
+
((_b = activeElement === null || activeElement === void 0 ? void 0 : activeElement.parentElement) === null || _b === void 0 ? void 0 : _b.previousSibling) &&
|
|
75
78
|
activeElement.parentElement.previousSibling.focus();
|
|
76
79
|
}
|
|
77
|
-
else if (activeElement.previousSibling) {
|
|
78
|
-
if (activeElement.previousElementSibling.tagName === 'SPAN') {
|
|
80
|
+
else if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.previousSibling) {
|
|
81
|
+
if (((_c = activeElement.previousElementSibling) === null || _c === void 0 ? void 0 : _c.tagName) === 'SPAN') {
|
|
79
82
|
activeElement.previousSibling.firstChild.focus();
|
|
80
83
|
}
|
|
81
84
|
else {
|
|
@@ -84,11 +87,11 @@ class TreeViewRoot extends React.Component {
|
|
|
84
87
|
}
|
|
85
88
|
}
|
|
86
89
|
else {
|
|
87
|
-
if (activeElement.tagName === 'INPUT') {
|
|
88
|
-
activeElement.parentElement.nextSibling && activeElement.parentElement.nextSibling.focus();
|
|
90
|
+
if ((activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === 'INPUT') {
|
|
91
|
+
((_d = activeElement.parentElement) === null || _d === void 0 ? void 0 : _d.nextSibling) && activeElement.parentElement.nextSibling.focus();
|
|
89
92
|
}
|
|
90
|
-
else if (activeElement.nextSibling) {
|
|
91
|
-
if (activeElement.nextElementSibling.tagName === 'SPAN') {
|
|
93
|
+
else if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.nextSibling) {
|
|
94
|
+
if (((_e = activeElement.nextElementSibling) === null || _e === void 0 ? void 0 : _e.tagName) === 'SPAN') {
|
|
92
95
|
activeElement.nextSibling.firstChild.focus();
|
|
93
96
|
}
|
|
94
97
|
else {
|
|
@@ -106,21 +109,22 @@ class TreeViewRoot extends React.Component {
|
|
|
106
109
|
};
|
|
107
110
|
}
|
|
108
111
|
componentDidMount() {
|
|
112
|
+
var _a, _b, _c;
|
|
109
113
|
if (util_1.canUseDOM) {
|
|
110
114
|
window.addEventListener('keydown', this.props.hasChecks ? this.handleKeysCheckbox : this.handleKeys);
|
|
111
115
|
}
|
|
112
116
|
if (this.props.hasChecks) {
|
|
113
|
-
const firstToggle = this.treeRef.current.getElementsByClassName('pf-c-tree-view__node-toggle')[0];
|
|
117
|
+
const firstToggle = (_a = this.treeRef.current) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('pf-c-tree-view__node-toggle')[0];
|
|
114
118
|
if (firstToggle) {
|
|
115
119
|
firstToggle.tabIndex = 0;
|
|
116
120
|
}
|
|
117
|
-
const firstInput = this.treeRef.current.getElementsByTagName('INPUT')[0];
|
|
121
|
+
const firstInput = (_b = this.treeRef.current) === null || _b === void 0 ? void 0 : _b.getElementsByTagName('INPUT')[0];
|
|
118
122
|
if (firstInput) {
|
|
119
123
|
firstInput.tabIndex = 0;
|
|
120
124
|
}
|
|
121
125
|
}
|
|
122
126
|
else {
|
|
123
|
-
this.treeRef.current.getElementsByClassName('pf-c-tree-view__node')[0].tabIndex = 0;
|
|
127
|
+
((_c = this.treeRef.current) === null || _c === void 0 ? void 0 : _c.getElementsByClassName('pf-c-tree-view__node')[0]).tabIndex = 0;
|
|
124
128
|
}
|
|
125
129
|
}
|
|
126
130
|
componentWillUnmount() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeViewRoot.js","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeViewRoot.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAChF,6CAA+C;AAC/C,2CAA6C;AAe7C,MAAa,YAAa,SAAQ,KAAK,CAAC,SAA4B;IAApE;;QACE,gBAAW,GAAG,cAAc,CAAC;QACrB,YAAO,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QA0BpD,eAAU,GAAG,CAAC,KAAoB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"TreeViewRoot.js","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeViewRoot.tsx"],"names":[],"mappings":"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"}
|