@redhat-cloud-services/frontend-components 3.9.24 → 3.9.26
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/ColumnManager/ColumnManager.d.ts +34 -0
- package/ColumnManager/ColumnManager.js +93 -0
- package/ColumnManager/ColumnManager.js.map +1 -0
- package/ColumnManager/ListItem.d.ts +27 -0
- package/ColumnManager/ListItem.js +54 -0
- package/ColumnManager/ListItem.js.map +1 -0
- package/ColumnManager/ModalDescrption.d.ts +12 -0
- package/ColumnManager/ModalDescrption.js +20 -0
- package/ColumnManager/ModalDescrption.js.map +1 -0
- package/ColumnManager/__fixtures__/columns.d.ts +14 -0
- package/ColumnManager/__fixtures__/columns.js +21 -0
- package/ColumnManager/__fixtures__/columns.js.map +1 -0
- package/ColumnManager/columns.d.ts +0 -0
- package/ColumnManager/columns.js +2 -0
- package/ColumnManager/columns.js.map +1 -0
- package/ColumnManager/helpers.d.ts +7 -0
- package/ColumnManager/helpers.js +15 -0
- package/ColumnManager/helpers.js.map +1 -0
- package/ColumnManager/index.d.ts +1 -0
- package/ColumnManager/index.js +9 -0
- package/ColumnManager/index.js.map +1 -0
- package/ColumnManager/package.json +1 -0
- package/ConditionalFilter/CheckboxFilter.spec.ct.d.ts +1 -0
- package/ConditionalFilter/CheckboxFilter.spec.ct.js +33 -0
- package/ConditionalFilter/CheckboxFilter.spec.ct.js.map +1 -0
- package/ConditionalFilter/ConditionalFilter.spec.ct.d.ts +1 -0
- package/ConditionalFilter/ConditionalFilter.spec.ct.js +97 -0
- package/ConditionalFilter/ConditionalFilter.spec.ct.js.map +1 -0
- package/ConditionalFilter/GroupFilter.spec.ct.d.ts +1 -0
- package/ConditionalFilter/GroupFilter.spec.ct.js +107 -0
- package/ConditionalFilter/GroupFilter.spec.ct.js.map +1 -0
- package/ConditionalFilter/RadioFilter.spec.ct.d.ts +1 -0
- package/ConditionalFilter/RadioFilter.spec.ct.js +65 -0
- package/ConditionalFilter/RadioFilter.spec.ct.js.map +1 -0
- package/ConditionalFilter/TextFilter.spec.ct.d.ts +1 -0
- package/ConditionalFilter/TextFilter.spec.ct.js +26 -0
- package/ConditionalFilter/TextFilter.spec.ct.js.map +1 -0
- package/ErrorBoundary/ErrorBoundary.d.ts +1 -0
- package/ErrorBoundary/ErrorBoundary.js +3 -0
- package/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/InsightsLabel/CriticalIcon.d.ts +3 -0
- package/InsightsLabel/CriticalIcon.js +11 -0
- package/InsightsLabel/CriticalIcon.js.map +1 -0
- package/InsightsLabel/critical-icon.css +8 -0
- package/InsightsLabel/critical-icon.scss +8 -0
- package/InsightsLabel/labels.css +20 -0
- package/InsightsLabel/labels.scss +21 -0
- package/TableToolsTable/NoResultsTable.d.ts +10 -0
- package/TableToolsTable/NoResultsTable.js +32 -0
- package/TableToolsTable/NoResultsTable.js.map +1 -0
- package/TableToolsTable/TableToolsTable.d.ts +36 -0
- package/TableToolsTable/TableToolsTable.js +67 -0
- package/TableToolsTable/TableToolsTable.js.map +1 -0
- package/TableToolsTable/__fixtures__/columns.d.ts +50 -0
- package/TableToolsTable/__fixtures__/columns.js +41 -0
- package/TableToolsTable/__fixtures__/columns.js.map +1 -0
- package/TableToolsTable/__fixtures__/filters.d.ts +41 -0
- package/TableToolsTable/__fixtures__/filters.js +96 -0
- package/TableToolsTable/__fixtures__/filters.js.map +1 -0
- package/TableToolsTable/__fixtures__/items.d.ts +8 -0
- package/TableToolsTable/__fixtures__/items.js +27 -0
- package/TableToolsTable/__fixtures__/items.js.map +1 -0
- package/TableToolsTable/index.d.ts +2 -0
- package/TableToolsTable/index.js +11 -0
- package/TableToolsTable/index.js.map +1 -0
- package/TableToolsTable/package.json +1 -0
- package/TableToolsTable/testHelpers.d.ts +7 -0
- package/TableToolsTable/testHelpers.js +97 -0
- package/TableToolsTable/testHelpers.js.map +1 -0
- package/Wizard/Wizard.d.ts +31 -0
- package/Wizard/Wizard.js +136 -0
- package/Wizard/Wizard.js.map +1 -0
- package/Wizard/index.d.ts +1 -0
- package/Wizard/index.js +11 -0
- package/Wizard/index.js.map +1 -0
- package/Wizard/package.json +1 -0
- package/Wizard/wizard.css +7 -0
- package/Wizard/wizard.scss +7 -0
- package/esm/ColumnManager/ColumnManager.js +69 -0
- package/esm/ColumnManager/ColumnManager.js.map +1 -0
- package/esm/ColumnManager/ListItem.js +49 -0
- package/esm/ColumnManager/ListItem.js.map +1 -0
- package/esm/ColumnManager/ModalDescrption.js +15 -0
- package/esm/ColumnManager/ModalDescrption.js.map +1 -0
- package/esm/ColumnManager/__fixtures__/columns.js +19 -0
- package/esm/ColumnManager/__fixtures__/columns.js.map +1 -0
- package/esm/ColumnManager/columns.js +2 -0
- package/esm/ColumnManager/columns.js.map +1 -0
- package/esm/ColumnManager/helpers.js +8 -0
- package/esm/ColumnManager/helpers.js.map +1 -0
- package/esm/ColumnManager/index.js +2 -0
- package/esm/ColumnManager/index.js.map +1 -0
- package/esm/ConditionalFilter/CheckboxFilter.spec.ct.js +28 -0
- package/esm/ConditionalFilter/CheckboxFilter.spec.ct.js.map +1 -0
- package/esm/ConditionalFilter/ConditionalFilter.spec.ct.js +92 -0
- package/esm/ConditionalFilter/ConditionalFilter.spec.ct.js.map +1 -0
- package/esm/ConditionalFilter/GroupFilter.spec.ct.js +102 -0
- package/esm/ConditionalFilter/GroupFilter.spec.ct.js.map +1 -0
- package/esm/ConditionalFilter/RadioFilter.spec.ct.js +60 -0
- package/esm/ConditionalFilter/RadioFilter.spec.ct.js.map +1 -0
- package/esm/ConditionalFilter/TextFilter.spec.ct.js +21 -0
- package/esm/ConditionalFilter/TextFilter.spec.ct.js.map +1 -0
- package/esm/ErrorBoundary/ErrorBoundary.js +3 -0
- package/esm/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/esm/InsightsLabel/CriticalIcon.js +6 -0
- package/esm/InsightsLabel/CriticalIcon.js.map +1 -0
- package/esm/InsightsLabel/critical-icon.css +8 -0
- package/esm/InsightsLabel/critical-icon.scss +8 -0
- package/esm/InsightsLabel/labels.css +20 -0
- package/esm/InsightsLabel/labels.scss +21 -0
- package/esm/TableToolsTable/NoResultsTable.js +25 -0
- package/esm/TableToolsTable/NoResultsTable.js.map +1 -0
- package/esm/TableToolsTable/TableToolsTable.js +62 -0
- package/esm/TableToolsTable/TableToolsTable.js.map +1 -0
- package/esm/TableToolsTable/__fixtures__/columns.js +39 -0
- package/esm/TableToolsTable/__fixtures__/columns.js.map +1 -0
- package/esm/TableToolsTable/__fixtures__/filters.js +93 -0
- package/esm/TableToolsTable/__fixtures__/filters.js.map +1 -0
- package/esm/TableToolsTable/__fixtures__/items.js +24 -0
- package/esm/TableToolsTable/__fixtures__/items.js.map +1 -0
- package/esm/TableToolsTable/index.js +3 -0
- package/esm/TableToolsTable/index.js.map +1 -0
- package/esm/TableToolsTable/testHelpers.js +92 -0
- package/esm/TableToolsTable/testHelpers.js.map +1 -0
- package/esm/Wizard/Wizard.js +112 -0
- package/esm/Wizard/Wizard.js.map +1 -0
- package/esm/Wizard/index.js +3 -0
- package/esm/Wizard/index.js.map +1 -0
- package/esm/Wizard/wizard.css +7 -0
- package/esm/Wizard/wizard.scss +7 -0
- package/package.json +3 -2
|
@@ -0,0 +1,34 @@
|
|
|
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";
|
|
@@ -0,0 +1,93 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColumnManager.js","sourceRoot":"","sources":["../src/ColumnManager/ColumnManager.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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";
|
|
@@ -0,0 +1,54 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
var react_1 = __importDefault(require("react"));
|
|
29
|
+
var prop_types_1 = __importDefault(require("prop-types"));
|
|
30
|
+
var react_core_1 = require("@patternfly/react-core");
|
|
31
|
+
var ListItem = function (_a) {
|
|
32
|
+
var title = _a.column.title, onChange = _a.onChange, isSelected = _a.isSelected, isDisabled = _a.isDisabled, id = _a.id, dataListCheckProps = _a.dataListCheckProps, dataListCellProps = _a.dataListCellProps, children = _a.children, props = __rest(_a, ["column", "onChange", "isSelected", "isDisabled", "id", "dataListCheckProps", "dataListCellProps", "children"]);
|
|
33
|
+
return (react_1.default.createElement(react_core_1.DataListItem, __assign({}, props),
|
|
34
|
+
react_1.default.createElement(react_core_1.DataListItemRow, null,
|
|
35
|
+
react_1.default.createElement(react_core_1.DataListControl, null,
|
|
36
|
+
react_1.default.createElement(react_core_1.DataListCheck, __assign({ checked: isSelected, onChange: onChange, otherControls: true, isDisabled: isDisabled, id: "".concat(id, "-id"), name: "".concat(id, "-id") }, dataListCheckProps))),
|
|
37
|
+
react_1.default.createElement(react_core_1.DataListItemCells, { dataListCells: [
|
|
38
|
+
react_1.default.createElement(react_core_1.DataListCell, __assign({ key: "".concat(id, "-cell") }, dataListCellProps),
|
|
39
|
+
react_1.default.createElement("label", { htmlFor: "".concat(id, "-id") }, title)),
|
|
40
|
+
] })),
|
|
41
|
+
children));
|
|
42
|
+
};
|
|
43
|
+
ListItem.propTypes = {
|
|
44
|
+
id: prop_types_1.default.string,
|
|
45
|
+
column: prop_types_1.default.object,
|
|
46
|
+
onChange: prop_types_1.default.func,
|
|
47
|
+
isSelected: prop_types_1.default.bool,
|
|
48
|
+
isDisabled: prop_types_1.default.bool,
|
|
49
|
+
dataListCellProps: prop_types_1.default.object,
|
|
50
|
+
dataListCheckProps: prop_types_1.default.object,
|
|
51
|
+
children: prop_types_1.default.node,
|
|
52
|
+
};
|
|
53
|
+
exports.default = ListItem;
|
|
54
|
+
//# sourceMappingURL=ListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ColumnManager/ListItem.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAmC;AACnC,qDAAwI;AAExI,IAAM,QAAQ,GAAG,UAAC,EAAsH;IAA1G,IAAA,KAAK,kBAAA,EAAI,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,UAAU,gBAAA,EAAE,EAAE,QAAA,EAAE,kBAAkB,wBAAA,EAAE,iBAAiB,uBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAApH,+GAAsH,CAAF;IAAO,OAAA,CAC3I,8BAAC,yBAAY,eAAK,KAAK;QACrB,8BAAC,4BAAe;YACd,8BAAC,4BAAe;gBACd,8BAAC,0BAAa,aACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,UAAG,EAAE,QAAK,EACd,IAAI,EAAE,UAAG,EAAE,QAAK,IACZ,kBAAkB,EACtB,CACc;YAClB,8BAAC,8BAAiB,IAChB,aAAa,EAAE;oBACb,8BAAC,yBAAY,aAAC,GAAG,EAAE,UAAG,EAAE,UAAO,IAAM,iBAAiB;wBACpD,yCAAO,OAAO,EAAE,UAAG,EAAE,QAAK,IAAG,KAAK,CAAS,CAC9B;iBAChB,GACD,CACc;QACjB,QAAQ,CACI,CAChB,CAAA;CAAA,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IACnB,EAAE,EAAE,oBAAS,CAAC,MAAM;IACpB,MAAM,EAAE,oBAAS,CAAC,MAAM;IACxB,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,UAAU,EAAE,oBAAS,CAAC,IAAI;IAC1B,UAAU,EAAE,oBAAS,CAAC,IAAI;IAC1B,iBAAiB,EAAE,oBAAS,CAAC,MAAM;IACnC,kBAAkB,EAAE,oBAAS,CAAC,MAAM;IACpC,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export default ModalDescription;
|
|
2
|
+
declare function ModalDescription({ selectAllColumns, selectAllLabel }: {
|
|
3
|
+
selectAllColumns: any;
|
|
4
|
+
selectAllLabel: any;
|
|
5
|
+
}): JSX.Element;
|
|
6
|
+
declare namespace ModalDescription {
|
|
7
|
+
namespace propTypes {
|
|
8
|
+
const selectAllColumns: propTypes.Requireable<(...args: any[]) => any>;
|
|
9
|
+
const selectAllLabel: propTypes.Requireable<propTypes.ReactNodeLike>;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
import propTypes_1 from "prop-types";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var react_1 = __importDefault(require("react"));
|
|
7
|
+
var prop_types_1 = __importDefault(require("prop-types"));
|
|
8
|
+
var react_core_1 = require("@patternfly/react-core");
|
|
9
|
+
var ModalDescription = function (_a) {
|
|
10
|
+
var selectAllColumns = _a.selectAllColumns, selectAllLabel = _a.selectAllLabel;
|
|
11
|
+
return (react_1.default.createElement(react_core_1.TextContent, null,
|
|
12
|
+
react_1.default.createElement(react_core_1.Text, { component: react_core_1.TextVariants.p }, "Selected categories will be displayed in the table."),
|
|
13
|
+
react_1.default.createElement(react_core_1.Button, { isInline: true, onClick: selectAllColumns, variant: "link" }, selectAllLabel)));
|
|
14
|
+
};
|
|
15
|
+
ModalDescription.propTypes = {
|
|
16
|
+
selectAllColumns: prop_types_1.default.func,
|
|
17
|
+
selectAllLabel: prop_types_1.default.node,
|
|
18
|
+
};
|
|
19
|
+
exports.default = ModalDescription;
|
|
20
|
+
//# sourceMappingURL=ModalDescrption.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalDescrption.js","sourceRoot":"","sources":["../src/ColumnManager/ModalDescrption.js"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0DAAmC;AACnC,qDAAiF;AAEjF,IAAM,gBAAgB,GAAG,UAAC,EAAoC;QAAlC,gBAAgB,sBAAA,EAAE,cAAc,oBAAA;IAAO,OAAA,CACjE,8BAAC,wBAAW;QACV,8BAAC,iBAAI,IAAC,SAAS,EAAE,yBAAY,CAAC,CAAC,0DAA4D;QAC3F,8BAAC,mBAAM,IAAC,QAAQ,QAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAC,MAAM,IACvD,cAAc,CACR,CACG,CACf;AAPkE,CAOlE,CAAC;AAEF,gBAAgB,CAAC,SAAS,GAAG;IAC3B,gBAAgB,EAAE,oBAAS,CAAC,IAAI;IAChC,cAAc,EAAE,oBAAS,CAAC,IAAI;CAC/B,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
declare var _default: ({
|
|
2
|
+
title: string;
|
|
3
|
+
key: string;
|
|
4
|
+
isRequired?: undefined;
|
|
5
|
+
} | {
|
|
6
|
+
title: string;
|
|
7
|
+
key: string;
|
|
8
|
+
isRequired: boolean;
|
|
9
|
+
} | {
|
|
10
|
+
title: string;
|
|
11
|
+
key?: undefined;
|
|
12
|
+
isRequired?: undefined;
|
|
13
|
+
})[];
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = [
|
|
4
|
+
{
|
|
5
|
+
title: 'ID',
|
|
6
|
+
key: 'id',
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
title: 'Another col',
|
|
10
|
+
key: 'name',
|
|
11
|
+
isRequired: true,
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
title: 'Name',
|
|
15
|
+
key: 'name1',
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
title: 'Another Name column without key',
|
|
19
|
+
},
|
|
20
|
+
];
|
|
21
|
+
//# sourceMappingURL=columns.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../src/ColumnManager/__fixtures__/columns.js"],"names":[],"mappings":";;AAAA,kBAAe;IACb;QACE,KAAK,EAAE,IAAI;QACX,GAAG,EAAE,IAAI;KACV;IACD;QACE,KAAK,EAAE,aAAa;QACpB,GAAG,EAAE,MAAM;QACX,UAAU,EAAE,IAAI;KACjB;IACD;QACE,KAAK,EAAE,MAAM;QACb,GAAG,EAAE,OAAO;KACb;IACD;QACE,KAAK,EAAE,iCAAiC;KACzC;CACF,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../src/ColumnManager/columns.js"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export function isSelectedColumn(selectedColumns: any, value: any): any;
|
|
2
|
+
export const columnShape: propTypes.Requireable<propTypes.InferProps<{
|
|
3
|
+
key: propTypes.Validator<string>;
|
|
4
|
+
title: propTypes.Requireable<string>;
|
|
5
|
+
isRequired: propTypes.Requireable<boolean>;
|
|
6
|
+
}>>;
|
|
7
|
+
import propTypes from "prop-types";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.columnShape = exports.isSelectedColumn = void 0;
|
|
7
|
+
var prop_types_1 = __importDefault(require("prop-types"));
|
|
8
|
+
var isSelectedColumn = function (selectedColumns, value) { return selectedColumns.includes(value); };
|
|
9
|
+
exports.isSelectedColumn = isSelectedColumn;
|
|
10
|
+
exports.columnShape = prop_types_1.default.shape({
|
|
11
|
+
key: prop_types_1.default.string.isRequired,
|
|
12
|
+
title: prop_types_1.default.string,
|
|
13
|
+
isRequired: prop_types_1.default.bool,
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/ColumnManager/helpers.js"],"names":[],"mappings":";;;;;;AAAA,0DAAmC;AAE5B,IAAM,gBAAgB,GAAG,UAAC,eAAe,EAAE,KAAK,IAAK,OAAA,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA/B,CAA+B,CAAC;AAA/E,QAAA,gBAAgB,oBAA+D;AAE/E,QAAA,WAAW,GAAG,oBAAS,CAAC,KAAK,CAAC;IACzC,GAAG,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IAChC,KAAK,EAAE,oBAAS,CAAC,MAAM;IACvB,UAAU,EAAE,oBAAS,CAAC,IAAI;CAC3B,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./ColumnManager";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var ColumnManager_1 = require("./ColumnManager");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ColumnManager_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/ColumnManager/index.js"],"names":[],"mappings":";;;;;;AAAA,iDAA0C;AAAjC,yHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"main":"index.js","module":"../esm/ColumnManager/index.js","typings":"index.d.ts"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
var react_1 = require("@cypress/react");
|
|
8
|
+
var CheckboxFilter_1 = __importDefault(require("./CheckboxFilter"));
|
|
9
|
+
describe('CheckboxFilter component', function () {
|
|
10
|
+
it('renders empty', function () {
|
|
11
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(CheckboxFilter_1.default, {}));
|
|
12
|
+
cy.get('.ins-c-conditional-filter');
|
|
13
|
+
});
|
|
14
|
+
it('renders with correct attributes', function () {
|
|
15
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(CheckboxFilter_1.default, { placeholder: "foo", isDisabled: true }));
|
|
16
|
+
cy.get('.ins-c-conditional-filter').invoke('attr', 'placeholder').should('contain', 'foo');
|
|
17
|
+
cy.get('.ins-c-conditional-filter').should('be.disabled');
|
|
18
|
+
});
|
|
19
|
+
it('default value is set', function () {
|
|
20
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(CheckboxFilter_1.default, { value: ['foo'], items: [{ label: 'one' }, { label: 'two' }] }));
|
|
21
|
+
cy.get('.pf-c-select__toggle').click();
|
|
22
|
+
cy.get('.pf-c-select__menu').children().should('have.length', 2);
|
|
23
|
+
cy.get('.pf-c-select__toggle-badge').should('contain', '1');
|
|
24
|
+
});
|
|
25
|
+
it('onChange called', function () {
|
|
26
|
+
var onChangeSpy = cy.spy().as('ocSpy');
|
|
27
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(CheckboxFilter_1.default, { items: [{ label: 'one' }, { label: 'two' }], onChange: onChangeSpy }));
|
|
28
|
+
cy.get('.pf-c-select__toggle').click();
|
|
29
|
+
cy.get('.pf-c-select__menu > :nth-child(1)').click();
|
|
30
|
+
cy.get('@ocSpy').should('have.been.called');
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=CheckboxFilter.spec.ct.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/CheckboxFilter.spec.ct.js"],"names":[],"mappings":";;;;;;AACA,wCAAuC;AAEvC,oEAAwC;AAExC,QAAQ,CAAC,0BAA0B,EAAE;IACnC,EAAE,CAAC,eAAe,EAAE;QAClB,IAAA,aAAK,EAAC,uBAAC,wBAAQ,KAAG,CAAC,CAAC;QACpB,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE;QACpC,IAAA,aAAK,EAAC,uBAAC,wBAAQ,IAAC,WAAW,EAAC,KAAK,EAAC,UAAU,SAAG,CAAC,CAAC;QACjD,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC3F,EAAE,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE;QACzB,IAAA,aAAK,EAAC,uBAAC,wBAAQ,IAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAI,CAAC,CAAC;QACjF,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;QACvC,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACjE,EAAE,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,WAAW,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QACzC,IAAA,aAAK,EAAC,uBAAC,wBAAQ,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAI,CAAC,CAAC;QACxF,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,KAAK,EAAE,CAAC;QACvC,EAAE,CAAC,GAAG,CAAC,oCAAoC,CAAC,CAAC,KAAK,EAAE,CAAC;QACrD,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
var react_1 = require("@cypress/react");
|
|
8
|
+
var ConditionalFilter_1 = __importDefault(require("./ConditionalFilter"));
|
|
9
|
+
describe('ConditionalFilter component', function () {
|
|
10
|
+
var config = [
|
|
11
|
+
{
|
|
12
|
+
label: 'text',
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
label: 'checkbox',
|
|
16
|
+
type: 'checkbox',
|
|
17
|
+
filterValues: {
|
|
18
|
+
items: [
|
|
19
|
+
{
|
|
20
|
+
label: 'cfilter1',
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
label: 'cfilter2',
|
|
24
|
+
},
|
|
25
|
+
],
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
label: 'radio',
|
|
30
|
+
type: 'radio',
|
|
31
|
+
filterValues: {
|
|
32
|
+
items: [
|
|
33
|
+
{
|
|
34
|
+
label: 'rfilter1',
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
label: 'rfilter2',
|
|
38
|
+
},
|
|
39
|
+
],
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
label: 'group',
|
|
44
|
+
type: 'group',
|
|
45
|
+
filterValues: {
|
|
46
|
+
groups: [
|
|
47
|
+
{
|
|
48
|
+
label: 'group1',
|
|
49
|
+
type: 'checkbox',
|
|
50
|
+
groupSelectable: true,
|
|
51
|
+
items: [
|
|
52
|
+
{
|
|
53
|
+
label: 'gcitem1',
|
|
54
|
+
type: 'checkbox',
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
label: 'gcitem2',
|
|
58
|
+
type: 'checkbox',
|
|
59
|
+
},
|
|
60
|
+
],
|
|
61
|
+
},
|
|
62
|
+
],
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
];
|
|
66
|
+
it('renders empty', function () {
|
|
67
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(ConditionalFilter_1.default, {}));
|
|
68
|
+
cy.get('.ins-c-conditional-filter');
|
|
69
|
+
});
|
|
70
|
+
it('renders disabled', function () {
|
|
71
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(ConditionalFilter_1.default, { isDisabled: true, items: config }));
|
|
72
|
+
cy.get('.pf-c-dropdown').click({ force: true });
|
|
73
|
+
cy.get('.pf-c-dropdown__menu').should('not.exist');
|
|
74
|
+
});
|
|
75
|
+
it('renders with data', function () {
|
|
76
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(ConditionalFilter_1.default, { items: config }));
|
|
77
|
+
cy.get('.ins-c-conditional-filter');
|
|
78
|
+
cy.get('.pf-c-dropdown').click();
|
|
79
|
+
cy.get('.pf-c-dropdown__menu').children().should('have.length', 4);
|
|
80
|
+
});
|
|
81
|
+
it('filter changes on click', function () {
|
|
82
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(ConditionalFilter_1.default, { items: config }));
|
|
83
|
+
cy.get('.pf-c-dropdown').click();
|
|
84
|
+
cy.get('.pf-c-dropdown__menu').children().eq(1).click();
|
|
85
|
+
cy.get('.pf-c-dropdown').should('not.contain.text', 'Text');
|
|
86
|
+
cy.get('.pf-c-select').click();
|
|
87
|
+
cy.get('.pf-c-select__menu');
|
|
88
|
+
});
|
|
89
|
+
it('onChange called', function () {
|
|
90
|
+
var ocSpy = cy.spy().as('ocSpy');
|
|
91
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(ConditionalFilter_1.default, { items: config, onChange: ocSpy }));
|
|
92
|
+
cy.get('.pf-c-dropdown').click();
|
|
93
|
+
cy.get('.pf-c-dropdown__menu').children().eq(2).click();
|
|
94
|
+
cy.get('@ocSpy').should('have.been.called');
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
//# sourceMappingURL=ConditionalFilter.spec.ct.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.spec.ct.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,107 @@
|
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var react_1 = require("@cypress/react");
|
|
19
|
+
var GroupFilter_1 = __importDefault(require("./GroupFilter"));
|
|
20
|
+
describe('GroupFilter component', function () {
|
|
21
|
+
var config = {
|
|
22
|
+
groups: [
|
|
23
|
+
{
|
|
24
|
+
label: 'Group1',
|
|
25
|
+
items: [
|
|
26
|
+
{
|
|
27
|
+
label: 'Item11',
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
label: 'Item12',
|
|
31
|
+
},
|
|
32
|
+
],
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
label: 'Group2',
|
|
36
|
+
type: 'radio',
|
|
37
|
+
items: [
|
|
38
|
+
{
|
|
39
|
+
label: 'Item21',
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
label: 'Item22',
|
|
43
|
+
},
|
|
44
|
+
],
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
label: 'Group3',
|
|
48
|
+
type: 'checkbox',
|
|
49
|
+
items: [
|
|
50
|
+
{
|
|
51
|
+
label: 'Item31',
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
label: 'Item32',
|
|
55
|
+
},
|
|
56
|
+
],
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
label: 'Group4',
|
|
60
|
+
groupSelectable: true,
|
|
61
|
+
items: [
|
|
62
|
+
{
|
|
63
|
+
label: 'Item41',
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
label: 'Item42',
|
|
67
|
+
},
|
|
68
|
+
],
|
|
69
|
+
},
|
|
70
|
+
],
|
|
71
|
+
items: [
|
|
72
|
+
{
|
|
73
|
+
label: 'Group5',
|
|
74
|
+
type: 'treeView',
|
|
75
|
+
children: [
|
|
76
|
+
{
|
|
77
|
+
label: 'Item51',
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
label: 'Item52',
|
|
81
|
+
},
|
|
82
|
+
],
|
|
83
|
+
},
|
|
84
|
+
],
|
|
85
|
+
};
|
|
86
|
+
it('renders empty', function () {
|
|
87
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(GroupFilter_1.default, {}));
|
|
88
|
+
cy.get('.pf-c-menu-toggle');
|
|
89
|
+
});
|
|
90
|
+
it('renders with placeholder', function () {
|
|
91
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(GroupFilter_1.default, { placeholder: "foo" }));
|
|
92
|
+
cy.get('.pf-c-menu-toggle__text').should('contain', 'foo');
|
|
93
|
+
});
|
|
94
|
+
it('renders with data', function () {
|
|
95
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(GroupFilter_1.default, __assign({}, config, { showMoreTitle: "hello", onShowMore: function () { return undefined; } })));
|
|
96
|
+
cy.get('.pf-c-menu-toggle__controls').click();
|
|
97
|
+
cy.get('.pf-c-menu__item').should('have.length', 11);
|
|
98
|
+
});
|
|
99
|
+
it('onChange called', function () {
|
|
100
|
+
var ocSpy = cy.spy().as('ocSpy');
|
|
101
|
+
(0, react_1.mount)((0, jsx_runtime_1.jsx)(GroupFilter_1.default, __assign({}, config, { onChange: ocSpy })));
|
|
102
|
+
cy.get('.pf-c-menu-toggle__controls').click();
|
|
103
|
+
cy.get('.pf-c-menu__item').eq(5).click();
|
|
104
|
+
cy.get('@ocSpy').should('have.been.called');
|
|
105
|
+
});
|
|
106
|
+
});
|
|
107
|
+
//# sourceMappingURL=GroupFilter.spec.ct.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GroupFilter.spec.ct.js","sourceRoot":"","sources":["../src/ConditionalFilter/GroupFilter.spec.ct.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,wCAAuC;AAEvC,8DAAkC;AAElC,QAAQ,CAAC,uBAAuB,EAAE;IAChC,IAAM,MAAM,GAAG;QACb,MAAM,EAAE;YACN;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;YACD;gBACE,KAAK,EAAE,QAAQ;gBACf,eAAe,EAAE,IAAI;gBACrB,KAAK,EAAE;oBACL;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;SACF;QACD,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,QAAQ;gBACf,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE;oBACR;wBACE,KAAK,EAAE,QAAQ;qBAChB;oBACD;wBACE,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;SACF;KACF,CAAC;IAEF,EAAE,CAAC,eAAe,EAAE;QAClB,IAAA,aAAK,EAAC,uBAAC,qBAAK,KAAG,CAAC,CAAC;QACjB,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE;QAC7B,IAAA,aAAK,EAAC,uBAAC,qBAAK,IAAC,WAAW,EAAC,KAAK,GAAG,CAAC,CAAC;QACnC,EAAE,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE;QACtB,IAAA,aAAK,EAAC,uBAAC,qBAAK,eAAK,MAAM,IAAE,aAAa,EAAC,OAAO,EAAC,UAAU,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS,IAAI,CAAC,CAAC;QAChF,EAAE,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9C,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QACnC,IAAA,aAAK,EAAC,uBAAC,qBAAK,eAAK,MAAM,IAAE,QAAQ,EAAE,KAAK,IAAI,CAAC,CAAC;QAC9C,EAAE,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9C,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACzC,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|