@redhat-cloud-services/frontend-components 3.8.4 → 3.8.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/BulkSelect/index.d.ts +1 -0
- package/BulkSelect/index.js +11 -0
- package/BulkSelect/index.js.map +1 -1
- package/ConditionalFilter/CheckboxFilter.d.ts +11 -37
- package/ConditionalFilter/CheckboxFilter.js +30 -90
- package/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.d.ts +34 -56
- package/ConditionalFilter/ConditionalFilter.js +54 -148
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/GroupFilter.d.ts +52 -46
- package/ConditionalFilter/GroupFilter.js +38 -70
- package/ConditionalFilter/GroupFilter.js.map +1 -1
- package/ConditionalFilter/RadioFilter.d.ts +11 -36
- package/ConditionalFilter/RadioFilter.js +27 -84
- package/ConditionalFilter/RadioFilter.js.map +1 -1
- package/ConditionalFilter/TextFilter.d.ts +27 -25
- package/ConditionalFilter/TextFilter.js +14 -72
- package/ConditionalFilter/TextFilter.js.map +1 -1
- package/ConditionalFilter/conditionalFilterConstants.d.ts +17 -19
- package/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/ConditionalFilter/groupFilterConstants.d.ts +47 -7
- package/ConditionalFilter/groupFilterConstants.js +62 -58
- package/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/ConditionalFilter/groupType.d.ts +8 -7
- package/ConditionalFilter/groupType.js.map +1 -1
- package/ConditionalFilter/index.d.ts +8 -7
- package/ConditionalFilter/index.js.map +1 -1
- package/DownloadButton/index.d.ts +1 -0
- package/DownloadButton/index.js +11 -0
- package/DownloadButton/index.js.map +1 -1
- package/FilterChips/FilterChips.d.ts +22 -38
- package/FilterChips/FilterChips.js +9 -31
- package/FilterChips/FilterChips.js.map +1 -1
- package/FilterChips/index.d.ts +3 -1
- package/FilterChips/index.js +11 -0
- package/FilterChips/index.js.map +1 -1
- package/PrimaryToolbar/Actions.d.ts +30 -30
- package/PrimaryToolbar/Actions.js +46 -86
- package/PrimaryToolbar/Actions.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.d.ts +30 -77
- package/PrimaryToolbar/PrimaryToolbar.js +40 -111
- package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/PrimaryToolbar/SortBy.d.ts +8 -19
- package/PrimaryToolbar/SortBy.js +1 -10
- package/PrimaryToolbar/SortBy.js.map +1 -1
- package/PrimaryToolbar/index.d.ts +6 -4
- package/PrimaryToolbar/index.js +1 -0
- package/PrimaryToolbar/index.js.map +1 -1
- package/esm/BulkSelect/index.js +1 -0
- package/esm/BulkSelect/index.js.map +1 -1
- package/esm/ConditionalFilter/CheckboxFilter.js +31 -91
- package/esm/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +56 -150
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +38 -70
- package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
- package/esm/ConditionalFilter/RadioFilter.js +29 -83
- package/esm/ConditionalFilter/RadioFilter.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.js +13 -70
- package/esm/ConditionalFilter/TextFilter.js.map +1 -1
- package/esm/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/groupFilterConstants.js +62 -58
- package/esm/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/groupType.js.map +1 -1
- package/esm/ConditionalFilter/index.js.map +1 -1
- package/esm/DownloadButton/index.js +1 -0
- package/esm/DownloadButton/index.js.map +1 -1
- package/esm/FilterChips/FilterChips.js +9 -31
- package/esm/FilterChips/FilterChips.js.map +1 -1
- package/esm/FilterChips/index.js +1 -0
- package/esm/FilterChips/index.js.map +1 -1
- package/esm/PrimaryToolbar/Actions.js +46 -86
- package/esm/PrimaryToolbar/Actions.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.js +41 -93
- package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.js +1 -10
- package/esm/PrimaryToolbar/SortBy.js.map +1 -1
- package/esm/PrimaryToolbar/index.js +1 -0
- package/esm/PrimaryToolbar/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,47 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
onChange:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
const onShowMore: PropTypes.Requireable<(...args: any[]) => any>;
|
|
20
|
-
const showMoreTitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
21
|
-
const onShowMoreTitle: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
-
const showMoreOptions: PropTypes.Requireable<any>;
|
|
23
|
-
const items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
24
|
-
id: PropTypes.Requireable<string>;
|
|
25
|
-
value: PropTypes.Requireable<string>;
|
|
26
|
-
label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
27
|
-
}> | null | undefined)[]>;
|
|
28
|
-
const className: PropTypes.Requireable<string>;
|
|
29
|
-
const selected: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
30
|
-
const isFilterable: PropTypes.Requireable<boolean>;
|
|
31
|
-
const filterBy: PropTypes.Requireable<string>;
|
|
32
|
-
const onFilter: PropTypes.Requireable<(...args: any[]) => any>;
|
|
33
|
-
const groups: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
34
|
-
groupSelectable: PropTypes.Requireable<boolean>;
|
|
35
|
-
type: PropTypes.Requireable<string>;
|
|
36
|
-
value: PropTypes.Requireable<string>;
|
|
37
|
-
label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
38
|
-
items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
39
|
-
id: PropTypes.Requireable<string>;
|
|
40
|
-
tagKey: PropTypes.Requireable<string>;
|
|
41
|
-
}> | null | undefined)[]>;
|
|
42
|
-
}> | null | undefined)[]>;
|
|
43
|
-
const onChange: PropTypes.Validator<(...args: any[]) => any>;
|
|
44
|
-
const selectedTags: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
45
|
-
}
|
|
1
|
+
import React, { FormEvent, MouseEventHandler } from 'react';
|
|
2
|
+
import { ButtonVariant } from '@patternfly/react-core';
|
|
3
|
+
import { GroupType } from './groupType';
|
|
4
|
+
import './group-filter.scss';
|
|
5
|
+
export interface GroupItem {
|
|
6
|
+
className?: string;
|
|
7
|
+
id?: string;
|
|
8
|
+
isChecked?: boolean;
|
|
9
|
+
label?: Node | string;
|
|
10
|
+
name?: string;
|
|
11
|
+
noFilter?: boolean;
|
|
12
|
+
onChange?: (value: boolean, event: FormEvent<HTMLInputElement>) => void;
|
|
13
|
+
onClick?: (e?: FormEvent | MouseEventHandler<HTMLInputElement>, item?: GroupItem, key?: number, checked?: boolean) => void;
|
|
14
|
+
tagKey?: string;
|
|
15
|
+
tagValue?: string;
|
|
16
|
+
type?: GroupType;
|
|
17
|
+
variant?: ButtonVariant;
|
|
18
|
+
value?: string;
|
|
46
19
|
}
|
|
47
|
-
|
|
20
|
+
export interface TreeViewItem extends GroupItem {
|
|
21
|
+
hasCheck?: boolean;
|
|
22
|
+
checkProps?: Record<string, boolean | null>;
|
|
23
|
+
children?: TreeViewItem[];
|
|
24
|
+
label?: string;
|
|
25
|
+
name?: string;
|
|
26
|
+
}
|
|
27
|
+
export interface Group {
|
|
28
|
+
groupSelectable?: boolean;
|
|
29
|
+
id?: string;
|
|
30
|
+
isSelected?: boolean;
|
|
31
|
+
item?: GroupItem;
|
|
32
|
+
items: GroupItem[];
|
|
33
|
+
label?: string;
|
|
34
|
+
noFilter?: boolean;
|
|
35
|
+
type?: GroupType;
|
|
36
|
+
value?: string;
|
|
37
|
+
}
|
|
38
|
+
export interface GroupFilterProps {
|
|
39
|
+
className?: string;
|
|
40
|
+
filterBy?: string;
|
|
41
|
+
groups?: Group[];
|
|
42
|
+
isFilterable?: boolean;
|
|
43
|
+
items?: GroupItem[];
|
|
44
|
+
onFilter?: (value: string) => void;
|
|
45
|
+
onChange?: () => void;
|
|
46
|
+
onShowMore?: (event: React.MouseEvent | React.KeyboardEvent | MouseEvent) => void;
|
|
47
|
+
placeholder?: string;
|
|
48
|
+
selected?: Record<string, Record<string, boolean>>;
|
|
49
|
+
showMoreTitle?: React.ReactNode;
|
|
50
|
+
showMoreOptions?: Record<string, unknown>;
|
|
51
|
+
}
|
|
52
|
+
declare const GroupFilter: React.FunctionComponent<GroupFilterProps>;
|
|
53
|
+
export default GroupFilter;
|
|
@@ -32,42 +32,42 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
32
32
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
33
33
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
34
|
};
|
|
35
|
-
var _a, _b, _c;
|
|
36
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
36
|
var react_1 = __importStar(require("react"));
|
|
38
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
39
37
|
var classnames_1 = __importDefault(require("classnames"));
|
|
40
38
|
var react_core_1 = require("@patternfly/react-core");
|
|
41
39
|
var groupFilterConstants_1 = require("./groupFilterConstants");
|
|
42
40
|
var groupType_1 = __importDefault(require("./groupType"));
|
|
43
41
|
require("./group-filter.css");
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var
|
|
49
|
-
var toggleRef = (0, react_1.useRef)();
|
|
50
|
-
var containerRef = (0, react_1.useRef)();
|
|
51
|
-
var menuRef = (0, react_1.useRef)();
|
|
42
|
+
var GroupFilter = function (_a) {
|
|
43
|
+
var className = _a.className, _b = _a.filterBy, filterBy = _b === void 0 ? '' : _b, _c = _a.groups, groups = _c === void 0 ? [] : _c, items = _a.items, isFilterable = _a.isFilterable, onFilter = _a.onFilter, onChange = _a.onChange, onShowMore = _a.onShowMore, placeholder = _a.placeholder, selected = _a.selected, showMoreTitle = _a.showMoreTitle, showMoreOptions = _a.showMoreOptions;
|
|
44
|
+
var _d = (0, react_1.useState)({}), stateSelected = _d[0], setStateSelected = _d[1];
|
|
45
|
+
var _e = (0, react_1.useState)(''), searchString = _e[0], setSearchString = _e[1];
|
|
46
|
+
var _f = (0, react_1.useState)(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
47
|
+
var toggleRef = (0, react_1.useRef)(null);
|
|
48
|
+
var containerRef = (0, react_1.useRef)(null);
|
|
49
|
+
var menuRef = (0, react_1.useRef)(null);
|
|
52
50
|
(0, react_1.useEffect)(function () {
|
|
53
|
-
setStateSelected(selected);
|
|
51
|
+
selected && setStateSelected(selected);
|
|
54
52
|
}, [selected]);
|
|
55
53
|
(0, react_1.useEffect)(function () {
|
|
56
54
|
setSearchString(filterBy);
|
|
57
55
|
}, [filterBy]);
|
|
58
56
|
var handleMenuKeys = function (event) {
|
|
57
|
+
var _a, _b, _c;
|
|
59
58
|
if (!isOpen) {
|
|
60
59
|
return;
|
|
61
60
|
}
|
|
62
|
-
if (menuRef.current.contains(event.target) || toggleRef.current.contains(event.target)) {
|
|
61
|
+
if (((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) || ((_b = toggleRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
|
|
63
62
|
if (event.key === 'Escape' || event.key === 'Enter') {
|
|
64
63
|
setIsOpen(!isOpen);
|
|
65
|
-
toggleRef.current.focus();
|
|
64
|
+
(_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.focus();
|
|
66
65
|
}
|
|
67
66
|
}
|
|
68
67
|
};
|
|
69
68
|
var handleClickOutside = function (event) {
|
|
70
|
-
|
|
69
|
+
var _a;
|
|
70
|
+
if (isOpen && !((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
|
|
71
71
|
setIsOpen(false);
|
|
72
72
|
}
|
|
73
73
|
};
|
|
@@ -84,25 +84,28 @@ var Group = function (_a) {
|
|
|
84
84
|
ev.persist();
|
|
85
85
|
setIsOpen(!isOpen);
|
|
86
86
|
};
|
|
87
|
-
var menuItems = (0, groupFilterConstants_1.getMenuItems)(items === null || items === void 0 ? void 0 : items.map(function (item) { return (item.type === groupType_1.default.treeView ? (0, groupFilterConstants_1.convertTreeItem)(item) : item); }), onChange, (0, groupFilterConstants_1.calculateSelected)(selected));
|
|
88
|
-
var groupMenuItems = (0, groupFilterConstants_1.getGroupMenuItems)(groups, onChange, (0, groupFilterConstants_1.calculateSelected)(selected));
|
|
89
|
-
var renderItem = function (item, key, type, groupKey) {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
e
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
e
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
87
|
+
var menuItems = (0, groupFilterConstants_1.getMenuItems)((items === null || items === void 0 ? void 0 : items.map(function (item) { return (item.type === groupType_1.default.treeView ? (0, groupFilterConstants_1.convertTreeItem)(item) : item); })) || [], onChange, (0, groupFilterConstants_1.calculateSelected)(selected || {}));
|
|
88
|
+
var groupMenuItems = (0, groupFilterConstants_1.getGroupMenuItems)(groups, onChange, (0, groupFilterConstants_1.calculateSelected)(selected || {}));
|
|
89
|
+
var renderItem = function (item, key, type, groupKey) {
|
|
90
|
+
if (groupKey === void 0) { groupKey = ''; }
|
|
91
|
+
return (react_1.default.createElement(react_core_1.MenuItem, { itemId: key, key: "".concat(item.value, "-").concat(key, "-item"), className: item === null || item === void 0 ? void 0 : item.className, onClick: item.onClick && (type || item.type) === groupType_1.default.checkbox
|
|
92
|
+
? function (e) {
|
|
93
|
+
item.onClick && item.onClick();
|
|
94
|
+
e.preventDefault();
|
|
95
|
+
}
|
|
96
|
+
: undefined }, (type || item.type) === groupType_1.default.treeView ? (react_1.default.createElement(react_core_1.TreeView, { data: [(0, groupFilterConstants_1.mapTree)(item, groupKey, stateSelected, selected || {})], onCheck: function (e, value) { return (0, groupFilterConstants_1.onTreeCheck)(e, value, [item]); }, hasChecks: true })) : (type || item.type) === groupType_1.default.checkbox ? (react_1.default.createElement(react_core_1.Checkbox, __assign({}, item, { label: item === null || item === void 0 ? void 0 : item.label, isChecked: (item === null || item === void 0 ? void 0 : item.isChecked) || (0, groupFilterConstants_1.isChecked)(groupKey, (item === null || item === void 0 ? void 0 : item.value) || key, item === null || item === void 0 ? void 0 : item.id, item === null || item === void 0 ? void 0 : item.tagValue, stateSelected, selected || {}) || false, onChange: function (value, event) {
|
|
97
|
+
var _a;
|
|
98
|
+
(_a = item === null || item === void 0 ? void 0 : item.onChange) === null || _a === void 0 ? void 0 : _a.call(item, value, event);
|
|
99
|
+
}, onClick: item.onClick
|
|
100
|
+
? function (e) {
|
|
101
|
+
item.onClick && item.onClick();
|
|
102
|
+
e.stopPropagation();
|
|
103
|
+
}
|
|
104
|
+
: undefined, name: (item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key), id: (item === null || item === void 0 ? void 0 : item.id) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key) }))) : (type || item.type) === groupType_1.default.radio ? (react_1.default.createElement(react_core_1.Radio, __assign({}, item, { isChecked: (item === null || item === void 0 ? void 0 : item.isChecked) || (0, groupFilterConstants_1.isChecked)(groupKey, (item === null || item === void 0 ? void 0 : item.value) || key, item === null || item === void 0 ? void 0 : item.id, item === null || item === void 0 ? void 0 : item.tagValue, stateSelected, selected || {}) || false, onChange: function (value, event) {
|
|
105
|
+
var _a;
|
|
106
|
+
(_a = item === null || item === void 0 ? void 0 : item.onChange) === null || _a === void 0 ? void 0 : _a.call(item, value, event);
|
|
107
|
+
}, value: (item === null || item === void 0 ? void 0 : item.value) || key, name: (item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key), label: (item === null || item === void 0 ? void 0 : item.label) || '', id: (item === null || item === void 0 ? void 0 : item.id) || (item === null || item === void 0 ? void 0 : item.value) || "".concat(groupKey, "-").concat(key) }))) : (type || item.type) === groupType_1.default.button ? (react_1.default.createElement(react_core_1.Button, { id: item.id, className: "pf-c-select__option-button ".concat((item === null || item === void 0 ? void 0 : item.className) || ''), variant: item === null || item === void 0 ? void 0 : item.variant, onClick: item.onClick }, item === null || item === void 0 ? void 0 : item.label)) : ((item === null || item === void 0 ? void 0 : item.label) || '')));
|
|
108
|
+
};
|
|
106
109
|
var renderItems = function (items, type, groupKey) {
|
|
107
110
|
if (groupKey === void 0) { groupKey = ''; }
|
|
108
111
|
return items.map(function (item, key) {
|
|
@@ -117,43 +120,8 @@ var Group = function (_a) {
|
|
|
117
120
|
react_1.default.createElement(react_core_1.MenuContent, null,
|
|
118
121
|
react_1.default.createElement(react_core_1.MenuList, { "aria-label": "Group filter" },
|
|
119
122
|
menuItems.length > 0 && react_1.default.createElement(react_core_1.MenuGroup, null, renderItems(menuItems)),
|
|
120
|
-
groupMenuItems.map(function (group, groupKey) { return (react_1.default.createElement(react_core_1.MenuGroup, { label: group.groupSelectable
|
|
123
|
+
groupMenuItems.map(function (group, groupKey) { return (react_1.default.createElement(react_core_1.MenuGroup, { label: group.groupSelectable && typeof group.label === 'string' ? group.label : undefined, key: "".concat(group.label, "-").concat(groupKey, "-group") }, renderItems(group.items, group.type, group.value))); }),
|
|
121
124
|
onShowMore ? (react_1.default.createElement(react_core_1.MenuItem, __assign({ itemId: "loader", className: "ins-c-menu__show--more" }, showMoreOptions, { onClick: function (e) { return onShowMore(e); } }), showMoreTitle)) : (react_1.default.createElement("span", { hidden: true, value: "" }))))), isVisible: isOpen })));
|
|
122
125
|
};
|
|
123
|
-
|
|
124
|
-
placeholder: prop_types_1.default.string,
|
|
125
|
-
onShowMore: prop_types_1.default.func,
|
|
126
|
-
showMoreTitle: prop_types_1.default.node,
|
|
127
|
-
onShowMoreTitle: prop_types_1.default.func,
|
|
128
|
-
showMoreOptions: prop_types_1.default.any,
|
|
129
|
-
items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
130
|
-
id: prop_types_1.default.string,
|
|
131
|
-
value: prop_types_1.default.string,
|
|
132
|
-
label: prop_types_1.default.node,
|
|
133
|
-
})),
|
|
134
|
-
className: prop_types_1.default.string,
|
|
135
|
-
selected: prop_types_1.default.shape((_a = {},
|
|
136
|
-
_a[prop_types_1.default.string] = prop_types_1.default.shape((_b = {},
|
|
137
|
-
_b[prop_types_1.default.string] = prop_types_1.default.shape((_c = {},
|
|
138
|
-
_c[prop_types_1.default.string] = prop_types_1.default.any,
|
|
139
|
-
_c)),
|
|
140
|
-
_b)),
|
|
141
|
-
_a)),
|
|
142
|
-
isFilterable: prop_types_1.default.bool,
|
|
143
|
-
filterBy: prop_types_1.default.string,
|
|
144
|
-
onFilter: prop_types_1.default.func,
|
|
145
|
-
groups: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
146
|
-
groupSelectable: prop_types_1.default.bool,
|
|
147
|
-
type: prop_types_1.default.oneOf(Object.keys(groupType_1.default)),
|
|
148
|
-
value: prop_types_1.default.string,
|
|
149
|
-
label: prop_types_1.default.node,
|
|
150
|
-
items: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
151
|
-
id: prop_types_1.default.string,
|
|
152
|
-
tagKey: prop_types_1.default.string,
|
|
153
|
-
})),
|
|
154
|
-
})),
|
|
155
|
-
onChange: prop_types_1.default.func.isRequired,
|
|
156
|
-
selectedTags: prop_types_1.default.shape({}),
|
|
157
|
-
};
|
|
158
|
-
exports.default = Group;
|
|
126
|
+
exports.default = GroupFilter;
|
|
159
127
|
//# sourceMappingURL=GroupFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.
|
|
1
|
+
{"version":3,"file":"GroupFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,37 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FilterItem, FilterValue } from './TextFilter';
|
|
3
|
+
export interface RadioFilterProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
isDisabled?: boolean;
|
|
6
|
+
items?: FilterItem[];
|
|
7
|
+
onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
value?: string | FilterValue;
|
|
8
10
|
}
|
|
9
|
-
declare
|
|
10
|
-
|
|
11
|
-
const onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
12
|
-
const value: PropTypes.Requireable<string | PropTypes.InferProps<{
|
|
13
|
-
label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
14
|
-
value: PropTypes.Requireable<string>;
|
|
15
|
-
}>>;
|
|
16
|
-
const placeholder: PropTypes.Requireable<string>;
|
|
17
|
-
const items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
18
|
-
value: PropTypes.Requireable<string>;
|
|
19
|
-
label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
20
|
-
id: PropTypes.Requireable<string>;
|
|
21
|
-
isChecked: PropTypes.Requireable<boolean>;
|
|
22
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
23
|
-
}> | null | undefined)[]>;
|
|
24
|
-
const isDisabled: PropTypes.Requireable<boolean>;
|
|
25
|
-
const className: PropTypes.Requireable<string>;
|
|
26
|
-
}
|
|
27
|
-
namespace defaultProps {
|
|
28
|
-
const items_1: never[];
|
|
29
|
-
export { items_1 as items };
|
|
30
|
-
export function onChange_1(): undefined;
|
|
31
|
-
export { onChange_1 as onChange };
|
|
32
|
-
const isDisabled_1: boolean;
|
|
33
|
-
export { isDisabled_1 as isDisabled };
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
import React from "react";
|
|
37
|
-
import PropTypes from "prop-types";
|
|
11
|
+
declare const RadioFilter: React.FunctionComponent<RadioFilterProps>;
|
|
12
|
+
export default RadioFilter;
|
|
@@ -1,19 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __assign = (this && this.__assign) || function () {
|
|
18
3
|
__assign = Object.assign || function(t) {
|
|
19
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -55,78 +40,36 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
55
40
|
}
|
|
56
41
|
return t;
|
|
57
42
|
};
|
|
58
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
59
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
60
|
-
};
|
|
61
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
62
44
|
var react_1 = __importStar(require("react"));
|
|
63
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
64
45
|
var react_core_1 = require("@patternfly/react-core");
|
|
65
|
-
var TextFilter_1 =
|
|
66
|
-
var
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
};
|
|
79
|
-
_this.calculateSelected = function () {
|
|
80
|
-
var checked = _this.state.checked;
|
|
81
|
-
var selectedValue = _this.props.value;
|
|
82
|
-
return (selectedValue && (selectedValue.value || selectedValue)) || (checked && (checked.value || checked));
|
|
83
|
-
};
|
|
84
|
-
_this.onSelect = function (event, selection) {
|
|
85
|
-
var onChange = _this.props.onChange;
|
|
86
|
-
onChange(event, selection);
|
|
87
|
-
_this.setState({ checked: selection });
|
|
88
|
-
};
|
|
89
|
-
return _this;
|
|
90
|
-
}
|
|
91
|
-
Radio.prototype.render = function () {
|
|
92
|
-
var isExpanded = this.state.isExpanded;
|
|
93
|
-
var _a = this.props, items = _a.items, placeholder = _a.placeholder, isDisabled = _a.isDisabled, className = _a.className;
|
|
94
|
-
var checkedValue = this.calculateSelected();
|
|
95
|
-
return (react_1.default.createElement(react_1.Fragment, null, !items || (items && items.length <= 0) ? (react_1.default.createElement(TextFilter_1.default, __assign({}, this.props, { value: "".concat(this.calculateSelected()) }))) : (react_1.default.createElement(react_core_1.Select, { className: className, variant: react_core_1.SelectVariant.single, "aria-label": "Select Input", isDisabled: isDisabled, onToggle: this.onToggle, onSelect: this.onSelect, isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, items.map(function (_a, key) {
|
|
96
|
-
var value = _a.value, isChecked = _a.isChecked, onChange = _a.onChange, label = _a.label, id = _a.id, item = __rest(_a, ["value", "isChecked", "onChange", "label", "id"]);
|
|
97
|
-
return (react_1.default.createElement(react_core_1.SelectOption, __assign({}, item, { key: id || key, value: value || '' + key }),
|
|
98
|
-
react_1.default.createElement(react_core_1.Radio, __assign({}, item, { name: id || "".concat(key, "-radio"), label: label, value: value || key, isChecked: isChecked ||
|
|
99
|
-
(checkedValue !== undefined && checkedValue === value) ||
|
|
100
|
-
(checkedValue !== undefined && checkedValue === '' + key) ||
|
|
101
|
-
false, onChange: function (_value, e) { return onChange && onChange(e, __assign({ id: id, label: label, value: value, isChecked: isChecked }, item), key); }, id: id || "".concat(value, "-").concat(key) }))));
|
|
102
|
-
})))));
|
|
46
|
+
var TextFilter_1 = __importStar(require("./TextFilter"));
|
|
47
|
+
var RadioFilter = function (_a) {
|
|
48
|
+
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return undefined; } : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, props = __rest(_a, ["items", "onChange", "isDisabled"]);
|
|
49
|
+
var placeholder = props.placeholder, className = props.className, selectedValue = props.value;
|
|
50
|
+
var _e = (0, react_1.useState)(false), isExpanded = _e[0], setExpanded = _e[1];
|
|
51
|
+
var _f = (0, react_1.useState)(), checked = _f[0], setChecked = _f[1];
|
|
52
|
+
var calculateSelected = function () {
|
|
53
|
+
if (selectedValue) {
|
|
54
|
+
return (0, TextFilter_1.isFilterValue)(selectedValue) ? selectedValue.value : selectedValue;
|
|
55
|
+
}
|
|
56
|
+
else if (checked) {
|
|
57
|
+
return (0, TextFilter_1.isFilterValue)(checked) ? checked.value : checked;
|
|
58
|
+
}
|
|
103
59
|
};
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
value: prop_types_1.default.string,
|
|
118
|
-
label: prop_types_1.default.node,
|
|
119
|
-
id: prop_types_1.default.string,
|
|
120
|
-
isChecked: prop_types_1.default.bool,
|
|
121
|
-
onChange: prop_types_1.default.func,
|
|
122
|
-
})),
|
|
123
|
-
isDisabled: prop_types_1.default.bool,
|
|
124
|
-
className: prop_types_1.default.string,
|
|
125
|
-
};
|
|
126
|
-
Radio.defaultProps = {
|
|
127
|
-
items: [],
|
|
128
|
-
onChange: function () { return undefined; },
|
|
129
|
-
isDisabled: false,
|
|
60
|
+
var onSelect = function (event, selection) {
|
|
61
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, selection);
|
|
62
|
+
setChecked(selection);
|
|
63
|
+
};
|
|
64
|
+
var checkedValue = calculateSelected();
|
|
65
|
+
return (react_1.default.createElement(react_1.Fragment, null, !items || (items && items.length <= 0) ? (react_1.default.createElement(TextFilter_1.default, __assign({}, props, { onChange: onChange, isDisabled: isDisabled, value: "".concat(calculateSelected()) }))) : (react_1.default.createElement(react_core_1.Select, { className: className, variant: react_core_1.SelectVariant.single, "aria-label": "Select Input", isDisabled: isDisabled, onToggle: function (value) { return setExpanded(value); }, onSelect: function (event, value) { return onSelect(event, value); }, isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, items.map(function (_a, key) {
|
|
66
|
+
var value = _a.value, isChecked = _a.isChecked, onChange = _a.onChange, label = _a.label, id = _a.id, item = __rest(_a, ["value", "isChecked", "onChange", "label", "id"]);
|
|
67
|
+
return (react_1.default.createElement(react_core_1.SelectOption, __assign({}, item, { key: id || key, value: value || '' + key }),
|
|
68
|
+
react_1.default.createElement(react_core_1.Radio, { name: id || "".concat(key, "-radio"), label: label, value: value || key, isChecked: isChecked ||
|
|
69
|
+
(checkedValue !== undefined && checkedValue === value) ||
|
|
70
|
+
(checkedValue !== undefined && checkedValue === '' + key) ||
|
|
71
|
+
false, onChange: function (_value, e) { return onChange === null || onChange === void 0 ? void 0 : onChange(e, __assign({ id: id, label: label, value: value, isChecked: isChecked }, item), key); }, id: id || "".concat(value, "-").concat(key) })));
|
|
72
|
+
})))));
|
|
130
73
|
};
|
|
131
|
-
exports.default =
|
|
74
|
+
exports.default = RadioFilter;
|
|
132
75
|
//# sourceMappingURL=RadioFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.
|
|
1
|
+
{"version":3,"file":"RadioFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/RadioFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import React, { FormEvent, MouseEventHandler } from 'react';
|
|
2
|
+
import './conditional-filter.scss';
|
|
3
|
+
export declare function isFilterValue(item: string | FilterValue): item is FilterValue;
|
|
4
|
+
export interface FilterItem {
|
|
5
|
+
label: Node | string;
|
|
6
|
+
name?: string;
|
|
7
|
+
value: string;
|
|
8
|
+
id: string;
|
|
9
|
+
onChange?: (e: FormEvent, item: FilterItem, key: number) => void;
|
|
10
|
+
onClick?: (e?: FormEvent | MouseEventHandler<HTMLInputElement>, item?: FilterItem, key?: number, checked?: boolean) => void;
|
|
11
|
+
isChecked?: boolean;
|
|
6
12
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
placeholder: PropTypes.Requireable<string>;
|
|
11
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
12
|
-
onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
|
|
13
|
-
isDisabled: PropTypes.Requireable<boolean>;
|
|
14
|
-
'aria-label': PropTypes.Requireable<string>;
|
|
15
|
-
id: PropTypes.Requireable<string>;
|
|
16
|
-
icon: PropTypes.Requireable<PropTypes.ReactComponentLike>;
|
|
17
|
-
className: PropTypes.Requireable<string>;
|
|
18
|
-
};
|
|
19
|
-
const defaultProps: {
|
|
20
|
-
value: string;
|
|
21
|
-
onSubmit: () => undefined;
|
|
22
|
-
isDisabled: boolean;
|
|
23
|
-
'aria-label': string;
|
|
24
|
-
};
|
|
13
|
+
export interface FilterValue {
|
|
14
|
+
label: Node;
|
|
15
|
+
value: string;
|
|
25
16
|
}
|
|
26
|
-
|
|
27
|
-
|
|
17
|
+
export interface TextFilterProps {
|
|
18
|
+
value?: string | FilterValue;
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
onChange?: (e: React.MouseEvent | React.ChangeEvent | React.FormEvent<HTMLInputElement>, newSelection: string | FilterValue | (string | FilterValue)[], selection?: string | FilterValue) => void;
|
|
21
|
+
onSubmit?: (e: React.FormEvent<HTMLInputElement>, value: string) => void;
|
|
22
|
+
isDisabled?: boolean;
|
|
23
|
+
'aria-label'?: string;
|
|
24
|
+
id?: string;
|
|
25
|
+
icon?: React.FunctionComponent;
|
|
26
|
+
className?: string;
|
|
27
|
+
}
|
|
28
|
+
declare const TextFilter: React.FunctionComponent<TextFilterProps>;
|
|
29
|
+
export default TextFilter;
|