@patternfly/react-core 4.227.8 → 4.228.1
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 +30 -0
- package/dist/esm/components/Menu/MenuItem.d.ts +3 -1
- package/dist/esm/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuItem.js +7 -5
- package/dist/esm/components/Menu/MenuItem.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +6 -12
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +12 -8
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Nav/NavItem.d.ts.map +1 -1
- package/dist/esm/components/Nav/NavItem.js +5 -1
- package/dist/esm/components/Nav/NavItem.js.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.d.ts +16 -0
- package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -0
- package/dist/esm/components/Tabs/OverflowTab.js +74 -0
- package/dist/esm/components/Tabs/OverflowTab.js.map +1 -0
- package/dist/esm/components/Tabs/Tabs.d.ts +12 -0
- package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +36 -13
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts +2 -0
- package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroup.js +2 -2
- package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
- package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeView.d.ts +2 -0
- package/dist/esm/components/TreeView/TreeView.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeView.js +3 -3
- package/dist/esm/components/TreeView/TreeView.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts +2 -0
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.js +23 -14
- package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/js/components/Menu/MenuItem.d.ts +3 -1
- package/dist/js/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/js/components/Menu/MenuItem.js +7 -5
- package/dist/js/components/Menu/MenuItem.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +6 -12
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +12 -8
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Nav/NavItem.d.ts.map +1 -1
- package/dist/js/components/Nav/NavItem.js +5 -1
- package/dist/js/components/Nav/NavItem.js.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.d.ts +16 -0
- package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -0
- package/dist/js/components/Tabs/OverflowTab.js +78 -0
- package/dist/js/components/Tabs/OverflowTab.js.map +1 -0
- package/dist/js/components/Tabs/Tabs.d.ts +12 -0
- package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tabs.js +36 -13
- package/dist/js/components/Tabs/Tabs.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroup.d.ts +2 -0
- package/dist/js/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroup.js +2 -2
- package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +1 -1
- package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeView.d.ts +2 -0
- package/dist/js/components/TreeView/TreeView.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeView.js +3 -3
- package/dist/js/components/TreeView/TreeView.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts +2 -0
- package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.js +23 -14
- package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/styles/base-no-reset.css +9 -0
- package/dist/styles/base.css +9 -0
- package/dist/umd/react-core.css +767 -777
- package/dist/umd/react-core.js +159 -52
- package/dist/umd/react-core.min.css +507 -517
- package/dist/umd/react-core.min.js +5 -5
- package/package.json +6 -6
- package/src/components/Menu/MenuItem.tsx +11 -5
- package/src/components/MenuToggle/MenuToggle.tsx +63 -25
- package/src/components/Nav/NavItem.tsx +6 -0
- package/src/components/Tabs/OverflowTab.tsx +141 -0
- package/src/components/Tabs/Tabs.tsx +72 -25
- package/src/components/Tabs/examples/Tabs.md +6 -1
- package/src/components/Tabs/examples/TabsHorizontalOverflow.tsx +67 -0
- package/src/components/TextInputGroup/TextInputGroup.tsx +9 -1
- package/src/components/TextInputGroup/TextInputGroupMain.tsx +1 -1
- package/src/components/TreeView/TreeView.tsx +5 -0
- package/src/components/TreeView/TreeViewListItem.tsx +31 -17
- package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap +299 -299
- package/src/components/TreeView/examples/TreeView.md +125 -7
- package/src/demos/ComposableMenu/ComposableMenu.md +8 -0
- package/src/demos/ComposableMenu/examples/ComposableTypeaheadSelect.tsx +196 -0
|
@@ -9,10 +9,10 @@ exports.TextInputGroupContext = React.createContext({
|
|
|
9
9
|
isDisabled: false
|
|
10
10
|
});
|
|
11
11
|
const TextInputGroup = (_a) => {
|
|
12
|
-
var { children, className, isDisabled, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled", "innerRef"]);
|
|
12
|
+
var { children, className, isDisabled, isPlain, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "isDisabled", "isPlain", "innerRef"]);
|
|
13
13
|
const textInputGroupRef = innerRef || React.useRef(null);
|
|
14
14
|
return (React.createElement(exports.TextInputGroupContext.Provider, { value: { isDisabled } },
|
|
15
|
-
React.createElement("div", Object.assign({ ref: textInputGroupRef, className: react_styles_1.css(text_input_group_1.default.textInputGroup, isDisabled && text_input_group_1.default.modifiers.disabled, className) }, props), children)));
|
|
15
|
+
React.createElement("div", Object.assign({ ref: textInputGroupRef, className: react_styles_1.css(text_input_group_1.default.textInputGroup, isDisabled && text_input_group_1.default.modifiers.disabled, isPlain && text_input_group_1.default.modifiers.plain, className) }, props), children)));
|
|
16
16
|
};
|
|
17
17
|
exports.TextInputGroup = TextInputGroup;
|
|
18
18
|
exports.TextInputGroup.displayName = 'TextInputGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;
|
|
1
|
+
{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uIAA6F;AAC7F,2DAA+C;AAelC,QAAA,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEI,MAAM,cAAc,GAAiD,CAAC,EAOvD,EAAE,EAAE;QAPmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,OAEY,EADjB,KAAK,sBANmE,8DAO5E,CADS;IAER,MAAM,iBAAiB,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,6BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,kBAAG,CACZ,0BAAM,CAAC,cAAc,EACrB,UAAU,IAAI,0BAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,IAAI,0BAAM,CAAC,SAAS,CAAC,KAAK,EACjC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,cAAc,kBA0BzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -22,7 +22,7 @@ export interface TextInputGroupMainProps extends Omit<React.HTMLProps<HTMLDivEle
|
|
|
22
22
|
value?: string | number;
|
|
23
23
|
/** Placeholder value for the input */
|
|
24
24
|
placeholder?: string;
|
|
25
|
-
/**
|
|
25
|
+
/** A reference object to attach to the input box */
|
|
26
26
|
innerRef?: React.RefObject<any>;
|
|
27
27
|
}
|
|
28
28
|
export declare const TextInputGroupMain: React.FunctionComponent<TextInputGroupMainProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,
|
|
1
|
+
{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAmD/E,CAAC"}
|
|
@@ -41,6 +41,8 @@ export interface TreeViewProps {
|
|
|
41
41
|
hasBadges?: boolean;
|
|
42
42
|
/** Flag indicating if tree view has guide lines. */
|
|
43
43
|
hasGuides?: boolean;
|
|
44
|
+
/** Flag indicating that tree nodes should be independently selectable, even when having children */
|
|
45
|
+
hasSelectableNodes?: boolean;
|
|
44
46
|
/** Variant presentation styles for the tree view. */
|
|
45
47
|
variant?: 'default' | 'compact' | 'compactNoBackground';
|
|
46
48
|
/** Icon for all leaf or unexpanded node items */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAoB,MAAM,oBAAoB,CAAC;AAG1E,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,kEAAkE;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,qDAAqD;IACrD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wCAAwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,wDAAwD;IACxD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,0BAA0B;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uEAAuE;IACvE,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,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,wGAAwG;IACxG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnG,2CAA2C;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACrH,gCAAgC;IAChC,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,kDAAkD;IAClD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,gBAAgB,KAAK,OAAO,CAAC;IAClF,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oNAAoN;IACpN,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"TreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,11 +7,11 @@ const TreeViewList_1 = require("./TreeViewList");
|
|
|
7
7
|
const TreeViewListItem_1 = require("./TreeViewListItem");
|
|
8
8
|
const TreeViewRoot_1 = require("./TreeViewRoot");
|
|
9
9
|
const TreeView = (_a) => {
|
|
10
|
-
var { data, isNested = false, hasChecks = false, hasBadges = false, hasGuides = 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", "variant", "defaultAllExpanded", "allExpanded", "icon", "expandedIcon", "parentItem", "onSelect", "onCheck", "toolbar", "activeItems", "compareItems", "className", "useMemo"]);
|
|
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
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, 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
|
-
children: (React.createElement(exports.TreeView, { data: item.children, isNested: true, parentItem: item, hasChecks: hasChecks, hasBadges: hasBadges, hasGuides: hasGuides, variant: variant, allExpanded: allExpanded, defaultAllExpanded: defaultAllExpanded, onSelect: onSelect, onCheck: onCheck, activeItems: activeItems, icon: icon, expandedIcon: expandedIcon }))
|
|
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 && {
|
|
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
|
})));
|
|
17
17
|
return (React.createElement(React.Fragment, null, parentItem ? (treeViewList) : (React.createElement(TreeViewRoot_1.TreeViewRoot, Object.assign({ hasChecks: hasChecks, hasGuides: hasGuides, variant: variant, className: className }, props), treeViewList))));
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,6 +26,8 @@ export interface TreeViewListItemProps {
|
|
|
26
26
|
checkProps?: TreeViewCheckProps;
|
|
27
27
|
/** Flag indicating if a tree view item has a badge */
|
|
28
28
|
hasBadge?: boolean;
|
|
29
|
+
/** Flag indicating that tree nodes should be independently selectable, even when having children */
|
|
30
|
+
isSelectable?: boolean;
|
|
29
31
|
/** Optional prop for custom badge */
|
|
30
32
|
customBadgeContent?: React.ReactNode;
|
|
31
33
|
/** Additional properties of the tree view item badge */
|
|
@@ -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;IAC9F,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,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;
|
|
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;IAC9F,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"}
|
|
@@ -10,7 +10,7 @@ const Badge_1 = require("../Badge");
|
|
|
10
10
|
const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
|
|
11
11
|
const TreeViewListItemBase = ({ name, title, id, isExpanded, defaultExpanded = false, children = null, onSelect, onCheck, hasCheck = false, checkProps = {
|
|
12
12
|
checked: false
|
|
13
|
-
}, hasBadge = false, customBadgeContent, badgeProps = { isRead: true }, isCompact, activeItems = [], itemData, parentItem, icon, expandedIcon, action, compareItems,
|
|
13
|
+
}, hasBadge = false, customBadgeContent, badgeProps = { isRead: true }, isSelectable = false, isCompact, activeItems = [], itemData, parentItem, icon, expandedIcon, action, compareItems,
|
|
14
14
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
15
15
|
useMemo }) => {
|
|
16
16
|
const [internalIsExpanded, setIsExpanded] = react_1.useState(defaultExpanded);
|
|
@@ -22,13 +22,22 @@ useMemo }) => {
|
|
|
22
22
|
setIsExpanded(internalIsExpanded || defaultExpanded);
|
|
23
23
|
}
|
|
24
24
|
}, [isExpanded, defaultExpanded]);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
let Component = 'button';
|
|
26
|
+
if (hasCheck) {
|
|
27
|
+
Component = 'label';
|
|
28
|
+
}
|
|
29
|
+
else if (isSelectable) {
|
|
30
|
+
Component = 'div';
|
|
31
|
+
}
|
|
32
|
+
const ToggleComponent = hasCheck || isSelectable ? 'button' : 'span';
|
|
33
|
+
const renderToggle = (randomId) => (react_1.default.createElement(ToggleComponent, Object.assign({ className: react_styles_1.css(tree_view_1.default.treeViewNodeToggle), onClick: (evt) => {
|
|
34
|
+
if (isSelectable || hasCheck) {
|
|
29
35
|
setIsExpanded(!internalIsExpanded);
|
|
30
36
|
}
|
|
31
|
-
|
|
37
|
+
if (isSelectable) {
|
|
38
|
+
evt.stopPropagation();
|
|
39
|
+
}
|
|
40
|
+
} }, ((hasCheck || isSelectable) && { 'aria-labelledby': `label-${randomId}` }), { tabIndex: -1 }),
|
|
32
41
|
react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeToggleIcon) },
|
|
33
42
|
react_1.default.createElement(angle_right_icon_1.default, { "aria-hidden": "true" }))));
|
|
34
43
|
const renderCheck = (randomId) => (react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeCheck) },
|
|
@@ -36,11 +45,11 @@ useMemo }) => {
|
|
|
36
45
|
const iconRendered = (react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeIcon) },
|
|
37
46
|
!internalIsExpanded && icon,
|
|
38
47
|
internalIsExpanded && (expandedIcon || icon)));
|
|
39
|
-
const renderNodeContent = (
|
|
48
|
+
const renderNodeContent = () => {
|
|
40
49
|
const content = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
41
50
|
isCompact && title && react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeTitle) }, title),
|
|
42
|
-
hasCheck ? (react_1.default.createElement("
|
|
43
|
-
return isCompact ? react_1.default.createElement("
|
|
51
|
+
hasCheck ? (react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeText) }, name)) : (react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeText) }, name))));
|
|
52
|
+
return isCompact ? react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeContent) }, content) : content;
|
|
44
53
|
};
|
|
45
54
|
const badgeRendered = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
46
55
|
hasBadge && children && (react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeCount) },
|
|
@@ -49,7 +58,7 @@ useMemo }) => {
|
|
|
49
58
|
react_1.default.createElement(Badge_1.Badge, Object.assign({}, badgeProps), customBadgeContent)))));
|
|
50
59
|
return (react_1.default.createElement("li", Object.assign({ id: id, className: react_styles_1.css(tree_view_1.default.treeViewListItem, internalIsExpanded && tree_view_1.default.modifiers.expanded) }, (internalIsExpanded && { 'aria-expanded': 'true' }), { role: "treeitem", tabIndex: -1 }),
|
|
51
60
|
react_1.default.createElement("div", { className: react_styles_1.css(tree_view_1.default.treeViewContent) },
|
|
52
|
-
react_1.default.createElement(GenerateId_1.GenerateId, { prefix:
|
|
61
|
+
react_1.default.createElement(GenerateId_1.GenerateId, { prefix: isSelectable ? 'selectable-id' : 'checkbox-id' }, randomId => (react_1.default.createElement(Component, Object.assign({ className: react_styles_1.css(tree_view_1.default.treeViewNode, children && (isSelectable || hasCheck) && tree_view_1.default.modifiers.selectable, (!children || isSelectable) &&
|
|
53
62
|
activeItems &&
|
|
54
63
|
activeItems.length > 0 &&
|
|
55
64
|
activeItems.some(item => compareItems && item && compareItems(item, itemData))
|
|
@@ -57,16 +66,16 @@ useMemo }) => {
|
|
|
57
66
|
: ''), onClick: (evt) => {
|
|
58
67
|
if (!hasCheck) {
|
|
59
68
|
onSelect && onSelect(evt, itemData, parentItem);
|
|
60
|
-
if (children && evt.isDefaultPrevented() !== true) {
|
|
69
|
+
if (!isSelectable && children && evt.isDefaultPrevented() !== true) {
|
|
61
70
|
setIsExpanded(!internalIsExpanded);
|
|
62
71
|
}
|
|
63
72
|
}
|
|
64
|
-
}, tabIndex: -1 },
|
|
65
|
-
react_1.default.createElement("
|
|
73
|
+
}, tabIndex: isSelectable ? 0 : -1 }, (hasCheck && { htmlFor: randomId }), ((hasCheck || (isSelectable && children)) && { id: `label-${randomId}` })),
|
|
74
|
+
react_1.default.createElement("span", { className: react_styles_1.css(tree_view_1.default.treeViewNodeContainer) },
|
|
66
75
|
children && renderToggle(randomId),
|
|
67
76
|
hasCheck && renderCheck(randomId),
|
|
68
77
|
icon && iconRendered,
|
|
69
|
-
renderNodeContent(
|
|
78
|
+
renderNodeContent(),
|
|
70
79
|
badgeRendered)))),
|
|
71
80
|
action && react_1.default.createElement("div", { className: react_styles_1.css(tree_view_1.default.treeViewAction) }, action)),
|
|
72
81
|
internalIsExpanded && children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeViewListItem.js","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeViewListItem.tsx"],"names":[],"mappings":";;;;AAAA,uDAAmD;AACnD,2DAA+C;AAC/C,mHAAgF;AAChF,sHAAqF;AAErF,oCAAiC;AACjC,oEAAiE;
|
|
1
|
+
{"version":3,"file":"TreeViewListItem.js","sourceRoot":"","sources":["../../../../src/components/TreeView/TreeViewListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -687,6 +687,15 @@ html {
|
|
|
687
687
|
border: 0;
|
|
688
688
|
}
|
|
689
689
|
|
|
690
|
+
.pf-screen-reader.pf-m-full-size {
|
|
691
|
+
width: 100%;
|
|
692
|
+
height: 100%;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
.pf-screen-reader.pf-m-absolute {
|
|
696
|
+
position: absolute;
|
|
697
|
+
}
|
|
698
|
+
|
|
690
699
|
.pf-m-tabular-nums {
|
|
691
700
|
font-variant-numeric: tabular-nums;
|
|
692
701
|
}
|
package/dist/styles/base.css
CHANGED
|
@@ -687,6 +687,15 @@ html {
|
|
|
687
687
|
border: 0;
|
|
688
688
|
}
|
|
689
689
|
|
|
690
|
+
.pf-screen-reader.pf-m-full-size {
|
|
691
|
+
width: 100%;
|
|
692
|
+
height: 100%;
|
|
693
|
+
}
|
|
694
|
+
|
|
695
|
+
.pf-screen-reader.pf-m-absolute {
|
|
696
|
+
position: absolute;
|
|
697
|
+
}
|
|
698
|
+
|
|
690
699
|
.pf-m-tabular-nums {
|
|
691
700
|
font-variant-numeric: tabular-nums;
|
|
692
701
|
}
|