@redhat-cloud-services/frontend-components 3.8.3 → 3.8.6
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/SkeletonTable/SkeletonTable.js +1 -1
- package/SkeletonTable/SkeletonTable.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/esm/SkeletonTable/SkeletonTable.js +1 -1
- package/esm/SkeletonTable/SkeletonTable.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,13 +15,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var react_1 = __importDefault(require("react"));
|
|
18
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
19
18
|
var react_core_1 = require("@patternfly/react-core");
|
|
20
19
|
var classnames_1 = __importDefault(require("classnames"));
|
|
21
20
|
require("./filter-chips.css");
|
|
21
|
+
function isFilterChipGroup(group) {
|
|
22
|
+
return Object.prototype.hasOwnProperty.call(group, 'category');
|
|
23
|
+
}
|
|
24
|
+
function isPlainFilterChip(group) {
|
|
25
|
+
return !isFilterChipGroup(group);
|
|
26
|
+
}
|
|
22
27
|
var FilterChips = function (_a) {
|
|
23
|
-
var className = _a.className,
|
|
24
|
-
var groups = filters.filter(
|
|
28
|
+
var className = _a.className, _b = _a.filters, filters = _b === void 0 ? [] : _b, _c = _a.onDelete, onDelete = _c === void 0 ? function () { return undefined; } : _c, _d = _a.deleteTitle, deleteTitle = _d === void 0 ? 'Clear filters' : _d, showDeleteButton = _a.showDeleteButton, onDeleteGroup = _a.onDeleteGroup;
|
|
29
|
+
var groups = filters.filter(isFilterChipGroup);
|
|
25
30
|
var groupedFilters = groups.map(function (group, groupKey) { return (react_1.default.createElement(react_core_1.ChipGroup, __assign({ key: "group_".concat(group.category), categoryName: String(group.category) || ' ' }, (onDeleteGroup && {
|
|
26
31
|
isClosable: true,
|
|
27
32
|
onClick: function (event) {
|
|
@@ -34,7 +39,7 @@ var FilterChips = function (_a) {
|
|
|
34
39
|
} },
|
|
35
40
|
chip.name,
|
|
36
41
|
chip.count && (react_1.default.createElement(react_core_1.Badge, { key: "chip_badge_".concat(chip.id), isRead: chip.isRead }, chip.count)))); }))); });
|
|
37
|
-
var plainFilters = filters.filter(
|
|
42
|
+
var plainFilters = filters.filter(isPlainFilterChip);
|
|
38
43
|
return (react_1.default.createElement("span", { className: (0, classnames_1.default)(className, 'ins-c-chip-filters') },
|
|
39
44
|
groupedFilters,
|
|
40
45
|
plainFilters &&
|
|
@@ -47,32 +52,5 @@ var FilterChips = function (_a) {
|
|
|
47
52
|
chip.count && (react_1.default.createElement(react_core_1.Badge, { key: "chip_badge_".concat(chip.id), isRead: chip.isRead }, chip.count))))); }),
|
|
48
53
|
(showDeleteButton === true || (showDeleteButton === undefined && filters.length > 0)) && (react_1.default.createElement(react_core_1.Button, { variant: "link", ouiaId: "ClearFilters", onClick: function (event) { return onDelete(event, filters, true); } }, deleteTitle))));
|
|
49
54
|
};
|
|
50
|
-
FilterChips.propTypes = {
|
|
51
|
-
className: prop_types_1.default.string,
|
|
52
|
-
filters: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([
|
|
53
|
-
prop_types_1.default.shape({
|
|
54
|
-
category: prop_types_1.default.string.isRequired,
|
|
55
|
-
chips: prop_types_1.default.arrayOf(prop_types_1.default.shape({
|
|
56
|
-
name: prop_types_1.default.string.isRequired,
|
|
57
|
-
isRead: prop_types_1.default.bool,
|
|
58
|
-
count: prop_types_1.default.number,
|
|
59
|
-
})).isRequired,
|
|
60
|
-
}),
|
|
61
|
-
prop_types_1.default.shape({
|
|
62
|
-
name: prop_types_1.default.string.isRequired,
|
|
63
|
-
isRead: prop_types_1.default.bool,
|
|
64
|
-
count: prop_types_1.default.number,
|
|
65
|
-
}),
|
|
66
|
-
])),
|
|
67
|
-
onDelete: prop_types_1.default.func,
|
|
68
|
-
onDeleteGroup: prop_types_1.default.func,
|
|
69
|
-
deleteTitle: prop_types_1.default.node,
|
|
70
|
-
showDeleteButton: prop_types_1.default.bool,
|
|
71
|
-
};
|
|
72
|
-
FilterChips.defaultProps = {
|
|
73
|
-
filters: [],
|
|
74
|
-
onDelete: function () { return undefined; },
|
|
75
|
-
deleteTitle: 'Clear filters',
|
|
76
|
-
};
|
|
77
55
|
exports.default = FilterChips;
|
|
78
56
|
//# sourceMappingURL=FilterChips.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterChips.js","sourceRoot":"","sources":["../src/FilterChips/FilterChips.
|
|
1
|
+
{"version":3,"file":"FilterChips.js","sourceRoot":"","sources":["../src/FilterChips/FilterChips.tsx"],"names":[],"mappings":"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"}
|
package/FilterChips/index.d.ts
CHANGED
package/FilterChips/index.js
CHANGED
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
2
12
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
13
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
14
|
};
|
|
@@ -8,4 +18,5 @@ var FilterChips_1 = require("./FilterChips");
|
|
|
8
18
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FilterChips_1).default; } });
|
|
9
19
|
var FilterChips_2 = require("./FilterChips");
|
|
10
20
|
Object.defineProperty(exports, "FilterChips", { enumerable: true, get: function () { return __importDefault(FilterChips_2).default; } });
|
|
21
|
+
__exportStar(require("./FilterChips"), exports);
|
|
11
22
|
//# sourceMappingURL=index.js.map
|
package/FilterChips/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/FilterChips/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/FilterChips/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA;AAChB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,gDAA8B"}
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
declare
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
export { dropdownProps_1 as dropdownProps };
|
|
23
|
-
const exportConfig_1: {};
|
|
24
|
-
export { exportConfig_1 as exportConfig };
|
|
25
|
-
export function onSelect_1(): undefined;
|
|
26
|
-
export { onSelect_1 as onSelect };
|
|
27
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DropdownProps, KebabToggleProps } from '@patternfly/react-core';
|
|
3
|
+
import { DownloadButtonProps } from '../DownloadButton';
|
|
4
|
+
declare type ActionObject = {
|
|
5
|
+
key?: string;
|
|
6
|
+
label: React.ReactNode;
|
|
7
|
+
value?: number | string;
|
|
8
|
+
onClick?: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, action: ActionObject, key: string | number) => void;
|
|
9
|
+
props?: {
|
|
10
|
+
[key: string]: any;
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export declare type ActionsType = React.ReactNode | ActionObject;
|
|
15
|
+
export interface ActionsProps {
|
|
16
|
+
actions?: ActionsType[];
|
|
17
|
+
onSelect?: DropdownProps['onSelect'];
|
|
18
|
+
overflowActions?: ActionsType[];
|
|
19
|
+
dropdownProps?: DropdownProps;
|
|
20
|
+
kebabToggleProps?: KebabToggleProps;
|
|
21
|
+
exportConfig?: DownloadButtonProps;
|
|
28
22
|
}
|
|
29
|
-
|
|
30
|
-
declare const
|
|
31
|
-
|
|
23
|
+
export declare const overflowActionsMapper: (action: ActionsType, key: string | number) => JSX.Element;
|
|
24
|
+
export declare const actionPropsGenerator: (action: ActionsType, key: string | number) => {
|
|
25
|
+
onClick: ((e: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>) => any) | undefined;
|
|
26
|
+
component: any;
|
|
27
|
+
children: {} | null | undefined;
|
|
28
|
+
className?: string | undefined;
|
|
29
|
+
};
|
|
30
|
+
declare const Actions: React.FunctionComponent<ActionsProps>;
|
|
31
|
+
export default Actions;
|
|
@@ -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++) {
|
|
@@ -56,84 +41,59 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
56
41
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
57
42
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
58
43
|
};
|
|
59
|
-
var _a, _b;
|
|
60
44
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
61
45
|
exports.actionPropsGenerator = exports.overflowActionsMapper = void 0;
|
|
62
46
|
var react_1 = __importStar(require("react"));
|
|
63
47
|
var react_core_1 = require("@patternfly/react-core");
|
|
64
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
65
48
|
var DownloadButton_1 = require("../DownloadButton");
|
|
66
|
-
var
|
|
49
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
50
|
+
function isActionObject(node) {
|
|
51
|
+
return node.label !== undefined;
|
|
52
|
+
}
|
|
53
|
+
var overflowActionsMapper = function (action, key) {
|
|
54
|
+
var internalAction = action;
|
|
55
|
+
return (react_1.default.createElement(react_core_1.DropdownItem, __assign({}, internalAction.props, { className: "ins-c-primary-toolbar__overflow-actions", key: internalAction.value || internalAction.key || "".concat(key, "-overflow"), component: (internalAction.props && internalAction.props.component) || react_1.default.isValidElement(internalAction.label || action) ? 'div' : 'button', onClick: function (e) { return internalAction.onClick && internalAction.onClick(e, internalAction, key); } }), internalAction.label || action));
|
|
56
|
+
};
|
|
67
57
|
exports.overflowActionsMapper = overflowActionsMapper;
|
|
68
|
-
var actionPropsGenerator = function (action, key) {
|
|
69
|
-
|
|
70
|
-
var
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
_this.state = {
|
|
75
|
-
isOpen: false,
|
|
76
|
-
};
|
|
77
|
-
_this.toggleOpen = function (isOpen) {
|
|
78
|
-
_this.setState({ isOpen: isOpen });
|
|
79
|
-
};
|
|
80
|
-
return _this;
|
|
81
|
-
}
|
|
82
|
-
Actions.prototype.render = function () {
|
|
83
|
-
var _this = this;
|
|
84
|
-
var isOpen = this.state.isOpen;
|
|
85
|
-
var _a = this.props, actions = _a.actions, overflowActions = _a.overflowActions, onSelect = _a.onSelect, dropdownProps = _a.dropdownProps, kebabToggleProps = _a.kebabToggleProps, exportConfig = _a.exportConfig;
|
|
86
|
-
var firstAction = actions[0], restActions = actions.slice(1);
|
|
87
|
-
return (react_1.default.createElement(react_1.Fragment, null,
|
|
88
|
-
firstAction && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "ins-c-primary-toolbar__first-action pf-m-spacer-sm" }, firstAction.label ? (react_1.default.createElement(react_core_1.Button, __assign({ ouiaId: "".concat(firstAction.label) }, firstAction.props, { onClick: firstAction.onClick || (firstAction.props && firstAction.props.onClick) || undefined }), firstAction.label)) : (firstAction))),
|
|
89
|
-
exportConfig && (exportConfig.extraItems || exportConfig.onSelect) && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "pf-m-spacer-sm" },
|
|
90
|
-
react_1.default.createElement(DownloadButton_1.DownloadButton, __assign({}, exportConfig)))),
|
|
91
|
-
((actions && actions.length > 0) || overflowActions.length > 0) && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "".concat(actions.length <= 1 ? 'ins-m-actions--empty' : '', " ins-c-primary-toolbar__actions pf-m-spacer-sm") },
|
|
92
|
-
react_1.default.createElement(react_core_1.Dropdown, __assign({}, dropdownProps, { isOpen: isOpen, isPlain: true, onSelect: function () {
|
|
93
|
-
var props = [];
|
|
94
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
95
|
-
props[_i] = arguments[_i];
|
|
96
|
-
}
|
|
97
|
-
onSelect && onSelect.apply(void 0, props);
|
|
98
|
-
_this.toggleOpen(false);
|
|
99
|
-
}, ouiaId: "Actions", toggle: react_1.default.createElement(react_core_1.KebabToggle, __assign({}, kebabToggleProps, { onToggle: function (isOpen) { return _this.toggleOpen(isOpen); } })), dropdownItems: __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (firstAction
|
|
100
|
-
? [
|
|
101
|
-
react_1.default.createElement(react_core_1.DropdownItem, __assign({ key: "first-action" }, (0, exports.actionPropsGenerator)(firstAction, 'first-action'), { className: "ins-c-primary-toolbar__first-action ".concat((firstAction.props && firstAction.props.className) || '') })),
|
|
102
|
-
]
|
|
103
|
-
: []), true), restActions.map(function (action, key) { return (react_1.default.createElement(react_core_1.DropdownItem, __assign({ key: action.key || (action && action.props && action.props.key) || key }, (0, exports.actionPropsGenerator)(action, key)))); }), true), (actions.length > 0 && overflowActions.length > 0
|
|
104
|
-
? [react_1.default.createElement(react_core_1.DropdownSeparator, { key: "separator", className: "ins-c-primary-toolbar__overflow-actions-separator" })]
|
|
105
|
-
: []), true), overflowActions.map(exports.overflowActionsMapper), true) }))))));
|
|
106
|
-
};
|
|
107
|
-
return Actions;
|
|
108
|
-
}(react_1.Component));
|
|
109
|
-
var actionsType = prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([
|
|
110
|
-
prop_types_1.default.node,
|
|
111
|
-
prop_types_1.default.shape({
|
|
112
|
-
label: prop_types_1.default.node,
|
|
113
|
-
value: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
|
|
114
|
-
onClick: prop_types_1.default.func,
|
|
115
|
-
props: prop_types_1.default.any,
|
|
116
|
-
}),
|
|
117
|
-
prop_types_1.default.string,
|
|
118
|
-
]));
|
|
119
|
-
Actions.propTypes = {
|
|
120
|
-
actions: actionsType,
|
|
121
|
-
onSelect: prop_types_1.default.func,
|
|
122
|
-
overflowActions: actionsType,
|
|
123
|
-
dropdownProps: prop_types_1.default.shape((_a = {},
|
|
124
|
-
_a[prop_types_1.default.string] = prop_types_1.default.any,
|
|
125
|
-
_a)),
|
|
126
|
-
kebabToggleProps: prop_types_1.default.shape((_b = {},
|
|
127
|
-
_b[prop_types_1.default.string] = prop_types_1.default.any,
|
|
128
|
-
_b)),
|
|
129
|
-
exportConfig: prop_types_1.default.shape(DownloadButton_1.DownloadButton.propTypes),
|
|
58
|
+
var actionPropsGenerator = function (action, key) {
|
|
59
|
+
var _a, _b, _c, _d, _e;
|
|
60
|
+
var onClick = typeof action === 'object' && typeof action !== null && typeof ((_a = action) === null || _a === void 0 ? void 0 : _a.onClick) === 'function'
|
|
61
|
+
? function (e) { var _a; return (_a = action) === null || _a === void 0 ? void 0 : _a.onClick(e, action, key); }
|
|
62
|
+
: undefined;
|
|
63
|
+
return __assign(__assign({}, (_b = action) === null || _b === void 0 ? void 0 : _b.props), { onClick: onClick, component: ((_d = (_c = action) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.component) || (react_1.default.isValidElement(action.label || action) ? 'div' : 'button'), children: typeof action === 'object' && typeof action !== null ? (_e = action) === null || _e === void 0 ? void 0 : _e.label : action });
|
|
130
64
|
};
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
65
|
+
exports.actionPropsGenerator = actionPropsGenerator;
|
|
66
|
+
var Actions = function (_a) {
|
|
67
|
+
var _b;
|
|
68
|
+
var _c = _a.actions, actions = _c === void 0 ? [] : _c, _d = _a.overflowActions, overflowActions = _d === void 0 ? [] : _d, _e = _a.onSelect, onSelect = _e === void 0 ? function () { return undefined; } : _e, _f = _a.dropdownProps, dropdownProps = _f === void 0 ? {} : _f, kebabToggleProps = _a.kebabToggleProps, exportConfig = _a.exportConfig;
|
|
69
|
+
var _g = (0, react_1.useState)(false), isOpen = _g[0], setIsOpen = _g[1];
|
|
70
|
+
var toggleOpen = function (isOpen) { return setIsOpen(isOpen); };
|
|
71
|
+
var firstAction = actions[0], restActions = actions.slice(1);
|
|
72
|
+
var dropdownItems = __spreadArray(__spreadArray(__spreadArray(__spreadArray([], (firstAction
|
|
73
|
+
? [
|
|
74
|
+
react_1.default.createElement(react_core_1.DropdownItem, __assign({ key: "first-action" }, (0, exports.actionPropsGenerator)(firstAction, 'first-action'), { className: (0, classnames_1.default)('ins-c-primary-toolbar__first-action', isActionObject(firstAction) ? (_b = firstAction === null || firstAction === void 0 ? void 0 : firstAction.props) === null || _b === void 0 ? void 0 : _b.className : undefined) })),
|
|
75
|
+
]
|
|
76
|
+
: []), true), restActions.map(function (action, key) {
|
|
77
|
+
var _a, _b, _c;
|
|
78
|
+
return (react_1.default.createElement(react_core_1.DropdownItem, __assign({ key: ((_a = action) === null || _a === void 0 ? void 0 : _a.key) || ((_c = (_b = action) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.key) || key }, (0, exports.actionPropsGenerator)(action, key))));
|
|
79
|
+
}), true), (actions.length > 0 && overflowActions.length > 0
|
|
80
|
+
? [react_1.default.createElement(react_core_1.DropdownSeparator, { key: "separator", className: "ins-c-primary-toolbar__overflow-actions-separator" })]
|
|
81
|
+
: []), true), overflowActions.map(function (action, key) { return (0, exports.overflowActionsMapper)(action, key); }), true);
|
|
82
|
+
return (react_1.default.createElement(react_1.Fragment, null,
|
|
83
|
+
firstAction && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "ins-c-primary-toolbar__first-action pf-m-spacer-sm" }, isActionObject(firstAction) ? (react_1.default.createElement(react_core_1.Button, __assign({ ouiaId: "".concat(firstAction.label) }, firstAction.props, { onClick: firstAction.onClick || (firstAction.props && firstAction.props.onClick) || undefined }), firstAction.label)) : (firstAction))),
|
|
84
|
+
exportConfig && (exportConfig.extraItems || exportConfig.onSelect) && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "pf-m-spacer-sm" },
|
|
85
|
+
react_1.default.createElement(DownloadButton_1.DownloadButton, __assign({}, exportConfig)))),
|
|
86
|
+
((actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0) || overflowActions.length > 0) && (react_1.default.createElement(react_core_1.ToolbarItem, { className: "".concat(actions.length <= 1 ? 'ins-m-actions--empty' : '', " ins-c-primary-toolbar__actions pf-m-spacer-sm") },
|
|
87
|
+
react_1.default.createElement(react_core_1.Dropdown, __assign({}, dropdownProps, { isOpen: isOpen, isPlain: true, onSelect: function () {
|
|
88
|
+
var props = [];
|
|
89
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
90
|
+
props[_i] = arguments[_i];
|
|
91
|
+
}
|
|
92
|
+
onSelect && onSelect.apply(void 0, props);
|
|
93
|
+
toggleOpen(false);
|
|
94
|
+
}, ouiaId: "Actions", toggle: react_1.default.createElement(react_core_1.KebabToggle, __assign({}, kebabToggleProps, { onToggle: function (isOpen) {
|
|
95
|
+
toggleOpen(isOpen);
|
|
96
|
+
} })), dropdownItems: dropdownItems }))))));
|
|
137
97
|
};
|
|
138
98
|
exports.default = Actions;
|
|
139
99
|
//# sourceMappingURL=Actions.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../src/PrimaryToolbar/Actions.
|
|
1
|
+
{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../src/PrimaryToolbar/Actions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,78 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}> | PropTypes.InferProps<{
|
|
30
|
-
value: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
31
|
-
items: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
32
|
-
label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
33
|
-
value: PropTypes.Requireable<string>;
|
|
34
|
-
}> | null | undefined)[]>;
|
|
35
|
-
placeholder: PropTypes.Requireable<string>;
|
|
36
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
37
|
-
}>>;
|
|
38
|
-
}> | null | undefined)[]>;
|
|
39
|
-
}>>;
|
|
40
|
-
const dedicatedAction: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
41
|
-
const pagination: PropTypes.Requireable<PropTypes.InferProps<any>>;
|
|
42
|
-
const sortByConfig: PropTypes.Requireable<PropTypes.InferProps<{
|
|
43
|
-
direction: PropTypes.Requireable<SortByDirection>;
|
|
44
|
-
onSortChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
45
|
-
}>>;
|
|
46
|
-
const exportConfig: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
|
|
47
|
-
const activeFiltersConfig: PropTypes.Requireable<PropTypes.InferProps<{
|
|
48
|
-
className: PropTypes.Requireable<string>;
|
|
49
|
-
filters: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
50
|
-
category: PropTypes.Validator<string>;
|
|
51
|
-
chips: PropTypes.Validator<(PropTypes.InferProps<{
|
|
52
|
-
name: PropTypes.Validator<string>;
|
|
53
|
-
isRead: PropTypes.Requireable<boolean>;
|
|
54
|
-
count: PropTypes.Requireable<number>;
|
|
55
|
-
}> | null | undefined)[]>;
|
|
56
|
-
}> | PropTypes.InferProps<{
|
|
57
|
-
name: PropTypes.Validator<string>;
|
|
58
|
-
isRead: PropTypes.Requireable<boolean>;
|
|
59
|
-
count: PropTypes.Requireable<number>;
|
|
60
|
-
}> | null | undefined)[]>;
|
|
61
|
-
onDelete: PropTypes.Requireable<(...args: any[]) => any>;
|
|
62
|
-
onDeleteGroup: PropTypes.Requireable<(...args: any[]) => any>;
|
|
63
|
-
deleteTitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
64
|
-
showDeleteButton: PropTypes.Requireable<boolean>;
|
|
65
|
-
}>>;
|
|
66
|
-
const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
67
|
-
const actionsConfig: PropTypes.Requireable<PropTypes.InferProps<{
|
|
68
|
-
actions: PropTypes.Requireable<(string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | null | undefined)[]>;
|
|
69
|
-
dropdownProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
|
|
70
|
-
onSelect: PropTypes.Requireable<(...args: any[]) => any>;
|
|
71
|
-
}>>;
|
|
72
|
-
const expandAll: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
|
|
73
|
-
const useMobileLayout: PropTypes.Requireable<boolean>;
|
|
74
|
-
}
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { PaginationProps, ButtonProps } from '@patternfly/react-core';
|
|
3
|
+
import { ActionsProps } from './Actions';
|
|
4
|
+
import { BulkSelectProps } from '../BulkSelect';
|
|
5
|
+
import { DownloadButtonProps } from '../DownloadButton';
|
|
6
|
+
import { FilterChipsProps } from '../FilterChips';
|
|
7
|
+
import { SortByProps } from './SortBy';
|
|
8
|
+
import './primary-toolbar.scss';
|
|
9
|
+
export declare type PrimaryToolbarExpandAllObject = {
|
|
10
|
+
onClick: (event: React.MouseEvent<Element, MouseEvent>, isExpanded: boolean) => void;
|
|
11
|
+
isAllExpanded?: boolean;
|
|
12
|
+
buttonProps?: ButtonProps;
|
|
13
|
+
isDisabled?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export interface PrimaryToolbarProps {
|
|
16
|
+
id?: string | number;
|
|
17
|
+
className?: string;
|
|
18
|
+
toggleIsExpanded?: () => 'bla';
|
|
19
|
+
bulkSelect?: BulkSelectProps;
|
|
20
|
+
filterConfig?: any;
|
|
21
|
+
dedicatedAction?: React.ReactNode;
|
|
22
|
+
pagination?: Omit<PaginationProps, 'ref'>;
|
|
23
|
+
sortByConfig: SortByProps;
|
|
24
|
+
exportConfig: DownloadButtonProps;
|
|
25
|
+
activeFiltersConfig?: FilterChipsProps;
|
|
26
|
+
actionsConfig?: ActionsProps;
|
|
27
|
+
expandAll?: React.ReactNode | PrimaryToolbarExpandAllObject;
|
|
28
|
+
useMobileLayout: boolean;
|
|
75
29
|
}
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
import { SortByDirection } from "@patternfly/react-table/dist/js/components/Table/SortColumn";
|
|
30
|
+
declare const PrimaryToolbar: React.FunctionComponent<PrimaryToolbarProps>;
|
|
31
|
+
export default PrimaryToolbar;
|