@redhat-cloud-services/frontend-components 3.9.28 → 3.9.30
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/ConditionalFilter/GroupFilter.js +20 -4
- package/ConditionalFilter/GroupFilter.js.map +1 -1
- package/ConditionalFilter/conditional-filter.css +3 -0
- package/ConditionalFilter/conditional-filter.scss +4 -0
- package/ConditionalFilter/group-filter.css +20 -0
- package/ConditionalFilter/group-filter.scss +20 -0
- package/esm/ConditionalFilter/GroupFilter.js +20 -4
- package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
- package/esm/ConditionalFilter/conditional-filter.css +3 -0
- package/esm/ConditionalFilter/conditional-filter.scss +4 -0
- package/esm/ConditionalFilter/group-filter.css +20 -0
- package/esm/ConditionalFilter/group-filter.scss +20 -0
- package/esm/index.css +23 -0
- package/index.css +23 -0
- package/package.json +1 -1
- package/ColumnManager/ColumnManager.d.ts +0 -34
- package/ColumnManager/ColumnManager.js +0 -93
- package/ColumnManager/ColumnManager.js.map +0 -1
- package/ColumnManager/ListItem.d.ts +0 -27
- package/ColumnManager/ListItem.js +0 -54
- package/ColumnManager/ListItem.js.map +0 -1
- package/ColumnManager/ModalDescrption.d.ts +0 -12
- package/ColumnManager/ModalDescrption.js +0 -20
- package/ColumnManager/ModalDescrption.js.map +0 -1
- package/ColumnManager/__fixtures__/columns.d.ts +0 -14
- package/ColumnManager/__fixtures__/columns.js +0 -21
- package/ColumnManager/__fixtures__/columns.js.map +0 -1
- package/ColumnManager/columns.d.ts +0 -0
- package/ColumnManager/columns.js +0 -2
- package/ColumnManager/columns.js.map +0 -1
- package/ColumnManager/helpers.d.ts +0 -7
- package/ColumnManager/helpers.js +0 -15
- package/ColumnManager/helpers.js.map +0 -1
- package/ColumnManager/index.d.ts +0 -1
- package/ColumnManager/index.js +0 -9
- package/ColumnManager/index.js.map +0 -1
- package/ColumnManager/package.json +0 -1
- package/InsightsLabel/CriticalIcon.d.ts +0 -3
- package/InsightsLabel/CriticalIcon.js +0 -11
- package/InsightsLabel/CriticalIcon.js.map +0 -1
- package/InsightsLabel/critical-icon.css +0 -8
- package/InsightsLabel/critical-icon.scss +0 -8
- package/InsightsLabel/labels.css +0 -20
- package/InsightsLabel/labels.scss +0 -21
- package/TableToolsTable/NoResultsTable.d.ts +0 -10
- package/TableToolsTable/NoResultsTable.js +0 -32
- package/TableToolsTable/NoResultsTable.js.map +0 -1
- package/TableToolsTable/TableToolsTable.d.ts +0 -36
- package/TableToolsTable/TableToolsTable.js +0 -67
- package/TableToolsTable/TableToolsTable.js.map +0 -1
- package/TableToolsTable/__fixtures__/columns.d.ts +0 -50
- package/TableToolsTable/__fixtures__/columns.js +0 -41
- package/TableToolsTable/__fixtures__/columns.js.map +0 -1
- package/TableToolsTable/__fixtures__/filters.d.ts +0 -41
- package/TableToolsTable/__fixtures__/filters.js +0 -96
- package/TableToolsTable/__fixtures__/filters.js.map +0 -1
- package/TableToolsTable/__fixtures__/items.d.ts +0 -8
- package/TableToolsTable/__fixtures__/items.js +0 -27
- package/TableToolsTable/__fixtures__/items.js.map +0 -1
- package/TableToolsTable/index.d.ts +0 -2
- package/TableToolsTable/index.js +0 -11
- package/TableToolsTable/index.js.map +0 -1
- package/TableToolsTable/package.json +0 -1
- package/TableToolsTable/testHelpers.d.ts +0 -7
- package/TableToolsTable/testHelpers.js +0 -97
- package/TableToolsTable/testHelpers.js.map +0 -1
- package/Wizard/Wizard.d.ts +0 -31
- package/Wizard/Wizard.js +0 -136
- package/Wizard/Wizard.js.map +0 -1
- package/Wizard/index.d.ts +0 -1
- package/Wizard/index.js +0 -11
- package/Wizard/index.js.map +0 -1
- package/Wizard/package.json +0 -1
- package/Wizard/wizard.css +0 -7
- package/Wizard/wizard.scss +0 -7
- package/esm/ColumnManager/ColumnManager.js +0 -69
- package/esm/ColumnManager/ColumnManager.js.map +0 -1
- package/esm/ColumnManager/ListItem.js +0 -49
- package/esm/ColumnManager/ListItem.js.map +0 -1
- package/esm/ColumnManager/ModalDescrption.js +0 -15
- package/esm/ColumnManager/ModalDescrption.js.map +0 -1
- package/esm/ColumnManager/__fixtures__/columns.js +0 -19
- package/esm/ColumnManager/__fixtures__/columns.js.map +0 -1
- package/esm/ColumnManager/columns.js +0 -2
- package/esm/ColumnManager/columns.js.map +0 -1
- package/esm/ColumnManager/helpers.js +0 -8
- package/esm/ColumnManager/helpers.js.map +0 -1
- package/esm/ColumnManager/index.js +0 -2
- package/esm/ColumnManager/index.js.map +0 -1
- package/esm/InsightsLabel/CriticalIcon.js +0 -6
- package/esm/InsightsLabel/CriticalIcon.js.map +0 -1
- package/esm/InsightsLabel/critical-icon.css +0 -8
- package/esm/InsightsLabel/critical-icon.scss +0 -8
- package/esm/InsightsLabel/labels.css +0 -20
- package/esm/InsightsLabel/labels.scss +0 -21
- package/esm/TableToolsTable/NoResultsTable.js +0 -25
- package/esm/TableToolsTable/NoResultsTable.js.map +0 -1
- package/esm/TableToolsTable/TableToolsTable.js +0 -62
- package/esm/TableToolsTable/TableToolsTable.js.map +0 -1
- package/esm/TableToolsTable/__fixtures__/columns.js +0 -39
- package/esm/TableToolsTable/__fixtures__/columns.js.map +0 -1
- package/esm/TableToolsTable/__fixtures__/filters.js +0 -93
- package/esm/TableToolsTable/__fixtures__/filters.js.map +0 -1
- package/esm/TableToolsTable/__fixtures__/items.js +0 -24
- package/esm/TableToolsTable/__fixtures__/items.js.map +0 -1
- package/esm/TableToolsTable/index.js +0 -3
- package/esm/TableToolsTable/index.js.map +0 -1
- package/esm/TableToolsTable/testHelpers.js +0 -92
- package/esm/TableToolsTable/testHelpers.js.map +0 -1
- package/esm/Wizard/Wizard.js +0 -112
- package/esm/Wizard/Wizard.js.map +0 -1
- package/esm/Wizard/index.js +0 -3
- package/esm/Wizard/index.js.map +0 -1
- package/esm/Wizard/wizard.css +0 -7
- package/esm/Wizard/wizard.scss +0 -7
|
@@ -18,6 +18,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
18
18
|
var react_1 = require("react");
|
|
19
19
|
var classnames_1 = __importDefault(require("classnames"));
|
|
20
20
|
var react_core_1 = require("@patternfly/react-core");
|
|
21
|
+
var react_icons_1 = require("@patternfly/react-icons");
|
|
21
22
|
var groupFilterConstants_1 = require("./groupFilterConstants");
|
|
22
23
|
var groupType_1 = __importDefault(require("./groupType"));
|
|
23
24
|
require("./group-filter.css");
|
|
@@ -29,6 +30,7 @@ var GroupFilter = function (_a) {
|
|
|
29
30
|
var toggleRef = (0, react_1.useRef)(null);
|
|
30
31
|
var containerRef = (0, react_1.useRef)(null);
|
|
31
32
|
var menuRef = (0, react_1.useRef)(null);
|
|
33
|
+
var inputRef = (0, react_1.useRef)(null);
|
|
32
34
|
(0, react_1.useEffect)(function () {
|
|
33
35
|
selected && setStateSelected(selected);
|
|
34
36
|
}, [selected]);
|
|
@@ -94,10 +96,24 @@ var GroupFilter = function (_a) {
|
|
|
94
96
|
return (type || item.type) === groupType_1.default.treeView ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: "ins-c-tree-view" }, { children: renderItem(item, key, type, groupKey) }), "".concat(item.value, "-").concat(key, "-item"))) : (renderItem(item, key, type, groupKey));
|
|
95
97
|
});
|
|
96
98
|
};
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
99
|
+
var hasFocus = document.activeElement === inputRef.current || document.activeElement === toggleRef.current;
|
|
100
|
+
var searchDirty = hasFocus && (searchString === null || searchString === void 0 ? void 0 : searchString.length) > 0;
|
|
101
|
+
var setFilter = function (value) {
|
|
102
|
+
setSearchString(value);
|
|
103
|
+
onFilter === null || onFilter === void 0 ? void 0 : onFilter(value);
|
|
104
|
+
};
|
|
105
|
+
return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: containerRef }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Popper, { appendTo: containerRef.current, trigger: (0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, __assign({ "aria-label": "Group filter", ref: toggleRef, onClick: function (e) { return onToggleClick(e); }, isExpanded: isOpen, className: (0, classnames_1.default)('ins-c-group-menu-toggle', className), isDisabled: isDisabled }, { children: isFilterable || onFilter ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, { ref: inputRef, className: (0, classnames_1.default)({
|
|
106
|
+
'ins-c-input__clearable': searchDirty,
|
|
107
|
+
}), onChange: function (value) { return setFilter(value); }, onClick: function (e) { return e.preventDefault(); }, onKeyDown: function (e) {
|
|
108
|
+
if (e.key === ' ' || e.key === 'Escape') {
|
|
109
|
+
e.preventDefault();
|
|
110
|
+
setFilter(e.key === ' ' ? "".concat(searchString, " ") : '');
|
|
111
|
+
e.key === 'Escape' && setIsOpen(false);
|
|
112
|
+
}
|
|
113
|
+
}, isDisabled: isDisabled, "aria-label": "input with dropdown and clear button", placeholder: placeholder, value: searchString, tabIndex: 0, type: "text" }), searchDirty && ((0, jsx_runtime_1.jsx)("span", __assign({ className: "ins-c-icon__link" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.CloseIcon, { onClick: function () {
|
|
114
|
+
setFilter('');
|
|
115
|
+
setIsOpen(false);
|
|
116
|
+
} }) })))] })) : (placeholder) })), popper: (0, jsx_runtime_1.jsx)(react_core_1.Menu, __assign({ ref: menuRef, className: (0, classnames_1.default)('ins-c-menu__scrollable', className, { 'pf-m-expanded': isOpen }) }, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuContent, { children: (0, jsx_runtime_1.jsxs)(react_core_1.MenuList, __assign({ "aria-label": "Group filter" }, { children: [menuItems.length > 0 && (0, jsx_runtime_1.jsx)(react_core_1.MenuGroup, { children: renderItems(menuItems) }), groupMenuItems.map(function (group, groupKey) { return ((0, jsx_runtime_1.jsx)(react_core_1.MenuGroup, __assign({ label: !group.groupSelectable && typeof group.label === 'string' ? group.label : undefined }, { children: renderItems(group.items, group.type, group.value) }), "".concat(group.label, "-").concat(groupKey, "-group"))); }), onShowMore ? ((0, jsx_runtime_1.jsx)(react_core_1.MenuItem, __assign({ itemId: "loader", className: "ins-c-menu__show--more" }, showMoreOptions, { onClick: function (e) { return onShowMore(e); } }, { children: showMoreTitle }))) : ((0, jsx_runtime_1.jsx)("span", { hidden: true, value: "" }))] })) }) })), isVisible: isOpen }) })));
|
|
101
117
|
};
|
|
102
118
|
exports.default = GroupFilter;
|
|
103
119
|
//# sourceMappingURL=GroupFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"GroupFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,26 @@
|
|
|
2
2
|
--ins-color--orange: #ec7a08;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
+
button.ins-c-group-menu-toggle {
|
|
6
|
+
padding: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
button.pf-c-menu-toggle {
|
|
10
|
+
outline: none;
|
|
11
|
+
max-width: 261px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.ins-c-input__clearable {
|
|
15
|
+
width: 93%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ins-c-icon__link {
|
|
19
|
+
color: var(--pf-global--primary-color--100);
|
|
20
|
+
}
|
|
21
|
+
.ins-c-icon__link :hover {
|
|
22
|
+
color: var(--pf-global--primary-color--200);
|
|
23
|
+
}
|
|
24
|
+
|
|
5
25
|
.ins-c-tree-view .pf-c-tree-view {
|
|
6
26
|
padding: 0;
|
|
7
27
|
}
|
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
|
|
2
2
|
|
|
3
|
+
button.ins-c-group-menu-toggle {
|
|
4
|
+
padding: 0;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
button.pf-c-menu-toggle {
|
|
8
|
+
outline: none;
|
|
9
|
+
max-width: 261px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.ins-c-input__clearable {
|
|
13
|
+
width: 93%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ins-c-icon__link {
|
|
17
|
+
color: var(--pf-global--primary-color--100);
|
|
18
|
+
:hover {
|
|
19
|
+
color: var(--pf-global--primary-color--200);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
3
23
|
.ins-c-tree-view {
|
|
4
24
|
.pf-c-tree-view {
|
|
5
25
|
padding: 0;
|
|
@@ -13,6 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
13
13
|
import { useEffect, useRef, useState } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import { Button, Checkbox, Menu, MenuContent, MenuGroup, MenuItem, MenuList, MenuToggle, Popper, Radio, TextInput, TreeView, } from '@patternfly/react-core';
|
|
16
|
+
import { CloseIcon } from '@patternfly/react-icons';
|
|
16
17
|
import { calculateSelected, convertTreeItem, getGroupMenuItems, getMenuItems, isChecked, mapTree, onTreeCheck, } from './groupFilterConstants';
|
|
17
18
|
import groupType from './groupType';
|
|
18
19
|
import '../ConditionalFilter/group-filter.css';
|
|
@@ -24,6 +25,7 @@ var GroupFilter = function (_a) {
|
|
|
24
25
|
var toggleRef = useRef(null);
|
|
25
26
|
var containerRef = useRef(null);
|
|
26
27
|
var menuRef = useRef(null);
|
|
28
|
+
var inputRef = useRef(null);
|
|
27
29
|
useEffect(function () {
|
|
28
30
|
selected && setStateSelected(selected);
|
|
29
31
|
}, [selected]);
|
|
@@ -89,10 +91,24 @@ var GroupFilter = function (_a) {
|
|
|
89
91
|
return (type || item.type) === groupType.treeView ? (_jsx("div", __assign({ className: "ins-c-tree-view" }, { children: renderItem(item, key, type, groupKey) }), "".concat(item.value, "-").concat(key, "-item"))) : (renderItem(item, key, type, groupKey));
|
|
90
92
|
});
|
|
91
93
|
};
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
var hasFocus = document.activeElement === inputRef.current || document.activeElement === toggleRef.current;
|
|
95
|
+
var searchDirty = hasFocus && (searchString === null || searchString === void 0 ? void 0 : searchString.length) > 0;
|
|
96
|
+
var setFilter = function (value) {
|
|
97
|
+
setSearchString(value);
|
|
98
|
+
onFilter === null || onFilter === void 0 ? void 0 : onFilter(value);
|
|
99
|
+
};
|
|
100
|
+
return (_jsx("div", __assign({ ref: containerRef }, { children: _jsx(Popper, { appendTo: containerRef.current, trigger: _jsx(MenuToggle, __assign({ "aria-label": "Group filter", ref: toggleRef, onClick: function (e) { return onToggleClick(e); }, isExpanded: isOpen, className: classNames('ins-c-group-menu-toggle', className), isDisabled: isDisabled }, { children: isFilterable || onFilter ? (_jsxs("div", { children: [_jsx(TextInput, { ref: inputRef, className: classNames({
|
|
101
|
+
'ins-c-input__clearable': searchDirty,
|
|
102
|
+
}), onChange: function (value) { return setFilter(value); }, onClick: function (e) { return e.preventDefault(); }, onKeyDown: function (e) {
|
|
103
|
+
if (e.key === ' ' || e.key === 'Escape') {
|
|
104
|
+
e.preventDefault();
|
|
105
|
+
setFilter(e.key === ' ' ? "".concat(searchString, " ") : '');
|
|
106
|
+
e.key === 'Escape' && setIsOpen(false);
|
|
107
|
+
}
|
|
108
|
+
}, isDisabled: isDisabled, "aria-label": "input with dropdown and clear button", placeholder: placeholder, value: searchString, tabIndex: 0, type: "text" }), searchDirty && (_jsx("span", __assign({ className: "ins-c-icon__link" }, { children: _jsx(CloseIcon, { onClick: function () {
|
|
109
|
+
setFilter('');
|
|
110
|
+
setIsOpen(false);
|
|
111
|
+
} }) })))] })) : (placeholder) })), popper: _jsx(Menu, __assign({ ref: menuRef, className: classNames('ins-c-menu__scrollable', className, { 'pf-m-expanded': isOpen }) }, { children: _jsx(MenuContent, { children: _jsxs(MenuList, __assign({ "aria-label": "Group filter" }, { children: [menuItems.length > 0 && _jsx(MenuGroup, { children: renderItems(menuItems) }), groupMenuItems.map(function (group, groupKey) { return (_jsx(MenuGroup, __assign({ label: !group.groupSelectable && typeof group.label === 'string' ? group.label : undefined }, { children: renderItems(group.items, group.type, group.value) }), "".concat(group.label, "-").concat(groupKey, "-group"))); }), onShowMore ? (_jsx(MenuItem, __assign({ itemId: "loader", className: "ins-c-menu__show--more" }, showMoreOptions, { onClick: function (e) { return onShowMore(e); } }, { children: showMoreTitle }))) : (_jsx("span", { hidden: true, value: "" }))] })) }) })), isVisible: isOpen }) })));
|
|
96
112
|
};
|
|
97
113
|
export default GroupFilter;
|
|
98
114
|
//# sourceMappingURL=GroupFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/GroupFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,
|
|
1
|
+
{"version":3,"file":"GroupFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/GroupFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,26 @@
|
|
|
2
2
|
--ins-color--orange: #ec7a08;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
+
button.ins-c-group-menu-toggle {
|
|
6
|
+
padding: 0;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
button.pf-c-menu-toggle {
|
|
10
|
+
outline: none;
|
|
11
|
+
max-width: 261px;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.ins-c-input__clearable {
|
|
15
|
+
width: 93%;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.ins-c-icon__link {
|
|
19
|
+
color: var(--pf-global--primary-color--100);
|
|
20
|
+
}
|
|
21
|
+
.ins-c-icon__link :hover {
|
|
22
|
+
color: var(--pf-global--primary-color--200);
|
|
23
|
+
}
|
|
24
|
+
|
|
5
25
|
.ins-c-tree-view .pf-c-tree-view {
|
|
6
26
|
padding: 0;
|
|
7
27
|
}
|
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
@import '~@redhat-cloud-services/frontend-components-utilities/styles/_all.scss';
|
|
2
2
|
|
|
3
|
+
button.ins-c-group-menu-toggle {
|
|
4
|
+
padding: 0;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
button.pf-c-menu-toggle {
|
|
8
|
+
outline: none;
|
|
9
|
+
max-width: 261px;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.ins-c-input__clearable {
|
|
13
|
+
width: 93%;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.ins-c-icon__link {
|
|
17
|
+
color: var(--pf-global--primary-color--100);
|
|
18
|
+
:hover {
|
|
19
|
+
color: var(--pf-global--primary-color--200);
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
3
23
|
.ins-c-tree-view {
|
|
4
24
|
.pf-c-tree-view {
|
|
5
25
|
padding: 0;
|
package/esm/index.css
CHANGED
|
@@ -73,6 +73,9 @@ i.ins-battery svg {
|
|
|
73
73
|
--ins-color--orange: #ec7a08;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
+
.ins-c-conditional-filter input {
|
|
77
|
+
outline: none;
|
|
78
|
+
}
|
|
76
79
|
.ins-c-conditional-filter.mobile {
|
|
77
80
|
display: none !important;
|
|
78
81
|
visibility: hidden !important;
|
|
@@ -166,6 +169,26 @@ i.ins-battery svg {
|
|
|
166
169
|
--ins-color--orange: #ec7a08;
|
|
167
170
|
}
|
|
168
171
|
|
|
172
|
+
button.ins-c-group-menu-toggle {
|
|
173
|
+
padding: 0;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
button.pf-c-menu-toggle {
|
|
177
|
+
outline: none;
|
|
178
|
+
max-width: 261px;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.ins-c-input__clearable {
|
|
182
|
+
width: 93%;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.ins-c-icon__link {
|
|
186
|
+
color: var(--pf-global--primary-color--100);
|
|
187
|
+
}
|
|
188
|
+
.ins-c-icon__link :hover {
|
|
189
|
+
color: var(--pf-global--primary-color--200);
|
|
190
|
+
}
|
|
191
|
+
|
|
169
192
|
.ins-c-tree-view .pf-c-tree-view {
|
|
170
193
|
padding: 0;
|
|
171
194
|
}
|
package/index.css
CHANGED
|
@@ -73,6 +73,9 @@ i.ins-battery svg {
|
|
|
73
73
|
--ins-color--orange: #ec7a08;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
+
.ins-c-conditional-filter input {
|
|
77
|
+
outline: none;
|
|
78
|
+
}
|
|
76
79
|
.ins-c-conditional-filter.mobile {
|
|
77
80
|
display: none !important;
|
|
78
81
|
visibility: hidden !important;
|
|
@@ -166,6 +169,26 @@ i.ins-battery svg {
|
|
|
166
169
|
--ins-color--orange: #ec7a08;
|
|
167
170
|
}
|
|
168
171
|
|
|
172
|
+
button.ins-c-group-menu-toggle {
|
|
173
|
+
padding: 0;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
button.pf-c-menu-toggle {
|
|
177
|
+
outline: none;
|
|
178
|
+
max-width: 261px;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.ins-c-input__clearable {
|
|
182
|
+
width: 93%;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.ins-c-icon__link {
|
|
186
|
+
color: var(--pf-global--primary-color--100);
|
|
187
|
+
}
|
|
188
|
+
.ins-c-icon__link :hover {
|
|
189
|
+
color: var(--pf-global--primary-color--200);
|
|
190
|
+
}
|
|
191
|
+
|
|
169
192
|
.ins-c-tree-view .pf-c-tree-view {
|
|
170
193
|
padding: 0;
|
|
171
194
|
}
|
package/package.json
CHANGED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
export default ColumnManager;
|
|
2
|
-
declare function ColumnManager({ title, isOpen, columns, saveLabel, onSave: onSaveArgument, closeLabel, onClose: onCloseProp, selectAllLabel, selectedColumns: selectedColumnsProp, modalProps, selectProp, }: {
|
|
3
|
-
title?: string | undefined;
|
|
4
|
-
isOpen: any;
|
|
5
|
-
columns: any;
|
|
6
|
-
saveLabel?: string | undefined;
|
|
7
|
-
onSave: any;
|
|
8
|
-
closeLabel?: string | undefined;
|
|
9
|
-
onClose: any;
|
|
10
|
-
selectAllLabel?: string | undefined;
|
|
11
|
-
selectedColumns?: any[] | undefined;
|
|
12
|
-
modalProps: any;
|
|
13
|
-
selectProp?: string | undefined;
|
|
14
|
-
}): JSX.Element;
|
|
15
|
-
declare namespace ColumnManager {
|
|
16
|
-
namespace propTypes {
|
|
17
|
-
const title: propTypes.Requireable<string>;
|
|
18
|
-
const columns: propTypes.Requireable<(propTypes.InferProps<{
|
|
19
|
-
key: propTypes.Validator<string>;
|
|
20
|
-
title: propTypes.Requireable<string>;
|
|
21
|
-
isRequired: propTypes.Requireable<boolean>;
|
|
22
|
-
}> | null | undefined)[]>;
|
|
23
|
-
const selectedColumns: propTypes.Requireable<any[]>;
|
|
24
|
-
const isOpen: propTypes.Requireable<boolean>;
|
|
25
|
-
const saveLabel: propTypes.Requireable<propTypes.ReactNodeLike>;
|
|
26
|
-
const onSave: propTypes.Requireable<(...args: any[]) => any>;
|
|
27
|
-
const closeLabel: propTypes.Requireable<propTypes.ReactNodeLike>;
|
|
28
|
-
const onClose: propTypes.Requireable<(...args: any[]) => any>;
|
|
29
|
-
const selectAllLabel: propTypes.Requireable<propTypes.ReactNodeLike>;
|
|
30
|
-
const modalProps: propTypes.Requireable<object>;
|
|
31
|
-
const selectProp: propTypes.Requireable<string>;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
import propTypes_1 from "prop-types";
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
-
}) : function(o, v) {
|
|
23
|
-
o["default"] = v;
|
|
24
|
-
});
|
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
-
if (mod && mod.__esModule) return mod;
|
|
27
|
-
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
-
__setModuleDefault(result, mod);
|
|
30
|
-
return result;
|
|
31
|
-
};
|
|
32
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
33
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
34
|
-
if (ar || !(i in from)) {
|
|
35
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
36
|
-
ar[i] = from[i];
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
40
|
-
};
|
|
41
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
42
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
43
|
-
};
|
|
44
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
45
|
-
var react_1 = __importStar(require("react"));
|
|
46
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
47
|
-
var get_1 = __importDefault(require("lodash/get"));
|
|
48
|
-
var react_core_1 = require("@patternfly/react-core");
|
|
49
|
-
var helpers_1 = require("./helpers");
|
|
50
|
-
var ListItem_1 = __importDefault(require("./ListItem"));
|
|
51
|
-
var ModalDescrption_1 = __importDefault(require("./ModalDescrption"));
|
|
52
|
-
var ColumnManager = function (_a) {
|
|
53
|
-
var _b = _a.title, title = _b === void 0 ? 'Manage columns' : _b, isOpen = _a.isOpen, columns = _a.columns, _c = _a.saveLabel, saveLabel = _c === void 0 ? 'Save' : _c, onSaveArgument = _a.onSave, _d = _a.closeLabel, closeLabel = _d === void 0 ? 'Cancel' : _d, onCloseProp = _a.onClose, _e = _a.selectAllLabel, selectAllLabel = _e === void 0 ? 'Select All' : _e, _f = _a.selectedColumns, selectedColumnsProp = _f === void 0 ? [] : _f, modalProps = _a.modalProps, _g = _a.selectProp, selectProp = _g === void 0 ? 'key' : _g;
|
|
54
|
-
var _h = (0, react_1.useState)(selectedColumnsProp), selectedColumns = _h[0], setSelectedColumns = _h[1];
|
|
55
|
-
var selectAllColumns = function () {
|
|
56
|
-
setSelectedColumns(columns.map(function (column) { return (0, get_1.default)(column, selectProp); }));
|
|
57
|
-
};
|
|
58
|
-
var toggleColumn = function (column) {
|
|
59
|
-
return setSelectedColumns(function (selectedColumns) {
|
|
60
|
-
if ((0, helpers_1.isSelectedColumn)(selectedColumns, (0, get_1.default)(column, selectProp))) {
|
|
61
|
-
return selectedColumns.filter(function (value) { return value !== (0, get_1.default)(column, selectProp); });
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
return __spreadArray(__spreadArray([], selectedColumns, true), [(0, get_1.default)(column, selectProp)], false);
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
};
|
|
68
|
-
var onSave = function () { return onSaveArgument === null || onSaveArgument === void 0 ? void 0 : onSaveArgument(selectedColumns); };
|
|
69
|
-
var onClose = function () {
|
|
70
|
-
setSelectedColumns(selectedColumnsProp);
|
|
71
|
-
onCloseProp === null || onCloseProp === void 0 ? void 0 : onCloseProp();
|
|
72
|
-
};
|
|
73
|
-
return (react_1.default.createElement(react_core_1.Modal, __assign({ title: title, isOpen: isOpen, variant: "small", onClose: onClose, description: react_1.default.createElement(ModalDescrption_1.default, { selectAllColumns: selectAllColumns, selectAllLabel: selectAllLabel }), actions: [
|
|
74
|
-
react_1.default.createElement(react_core_1.Button, { key: "save", variant: "primary", onClick: onSave }, saveLabel),
|
|
75
|
-
react_1.default.createElement(react_core_1.Button, { key: "cancel", variant: "secondary", onClick: onClose }, closeLabel),
|
|
76
|
-
] }, modalProps),
|
|
77
|
-
react_1.default.createElement(react_core_1.DataList, { "aria-label": "Table column management", id: "table-column-management", isCompact: true }, columns.map(function (column, idx) { return (react_1.default.createElement(ListItem_1.default, { key: "column-".concat(idx), id: "column-".concat(idx), column: column, isSelected: (0, helpers_1.isSelectedColumn)(selectedColumns, (0, get_1.default)(column, selectProp)), onChange: function () { return toggleColumn(column); }, isDisabled: idx === 0 || column.isRequired })); }))));
|
|
78
|
-
};
|
|
79
|
-
ColumnManager.propTypes = {
|
|
80
|
-
title: prop_types_1.default.string,
|
|
81
|
-
columns: prop_types_1.default.arrayOf(helpers_1.columnShape),
|
|
82
|
-
selectedColumns: prop_types_1.default.array,
|
|
83
|
-
isOpen: prop_types_1.default.bool,
|
|
84
|
-
saveLabel: prop_types_1.default.node,
|
|
85
|
-
onSave: prop_types_1.default.func,
|
|
86
|
-
closeLabel: prop_types_1.default.node,
|
|
87
|
-
onClose: prop_types_1.default.func,
|
|
88
|
-
selectAllLabel: prop_types_1.default.node,
|
|
89
|
-
modalProps: prop_types_1.default.object,
|
|
90
|
-
selectProp: prop_types_1.default.string,
|
|
91
|
-
};
|
|
92
|
-
exports.default = ColumnManager;
|
|
93
|
-
//# sourceMappingURL=ColumnManager.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnManager.js","sourceRoot":"","sources":["../src/ColumnManager/ColumnManager.js"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
export default ListItem;
|
|
2
|
-
declare function ListItem({ column: { title }, onChange, isSelected, isDisabled, id, dataListCheckProps, dataListCellProps, children, ...props }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
column: {
|
|
5
|
-
title: any;
|
|
6
|
-
};
|
|
7
|
-
onChange: any;
|
|
8
|
-
isSelected: any;
|
|
9
|
-
isDisabled: any;
|
|
10
|
-
id: any;
|
|
11
|
-
dataListCheckProps: any;
|
|
12
|
-
dataListCellProps: any;
|
|
13
|
-
children: any;
|
|
14
|
-
}): JSX.Element;
|
|
15
|
-
declare namespace ListItem {
|
|
16
|
-
namespace propTypes {
|
|
17
|
-
const id: propTypes.Requireable<string>;
|
|
18
|
-
const column: propTypes.Requireable<object>;
|
|
19
|
-
const onChange: propTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
-
const isSelected: propTypes.Requireable<boolean>;
|
|
21
|
-
const isDisabled: propTypes.Requireable<boolean>;
|
|
22
|
-
const dataListCellProps: propTypes.Requireable<object>;
|
|
23
|
-
const dataListCheckProps: propTypes.Requireable<object>;
|
|
24
|
-
const children: propTypes.Requireable<propTypes.ReactNodeLike>;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
import propTypes_1 from "prop-types";
|