@redhat-cloud-services/frontend-components 3.9.27 → 3.9.28
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/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/Main/Main.d.ts +4 -20
- package/Main/Main.js +11 -62
- package/Main/Main.js.map +1 -1
- package/README.md +0 -1
- 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/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/Main/Main.js +8 -59
- package/esm/Main/Main.js.map +1 -1
- 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 +1 -1
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import propTypes from 'prop-types';
|
|
25
|
+
import { Pagination, PaginationVariant } from '@patternfly/react-core';
|
|
26
|
+
import { Table, TableBody, TableHeader } from '@patternfly/react-table';
|
|
27
|
+
import PrimaryToolbar from '../PrimaryToolbar';
|
|
28
|
+
import TableToolbar from '../TableToolbar';
|
|
29
|
+
import useTableTools from '@redhat-cloud-services/frontend-components-utilities/useTableTools';
|
|
30
|
+
var TableToolsTable = function (_a) {
|
|
31
|
+
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.columns, columns = _c === void 0 ? [] : _c, _d = _a.filters, filters = _d === void 0 ? [] : _d, _e = _a.options, options = _e === void 0 ? {} : _e, toolbarPropsProp = _a.toolbarProps, tableHeaderProps = _a.tableHeaderProps, tableBodyProps = _a.tableBodyProps, tableToolbarProps = _a.tableToolbarProps, paginationProps = _a.paginationProps, columnManagerProps = _a.columnManagerProps, tablePropsRest = __rest(_a, ["items", "columns", "filters", "options", "toolbarProps", "tableHeaderProps", "tableBodyProps", "tableToolbarProps", "paginationProps", "columnManagerProps"]);
|
|
32
|
+
var _f = useTableTools(items, columns, __assign({ filters: filters, toolbarProps: toolbarPropsProp, tableProps: tablePropsRest }, options)), toolbarProps = _f.toolbarProps, tableProps = _f.tableProps, ColumnManager = _f.ColumnManager;
|
|
33
|
+
return (React.createElement(React.Fragment, null,
|
|
34
|
+
React.createElement(PrimaryToolbar, __assign({}, toolbarProps)),
|
|
35
|
+
React.createElement(Table, __assign({}, tableProps),
|
|
36
|
+
React.createElement(TableHeader, __assign({}, tableHeaderProps)),
|
|
37
|
+
React.createElement(TableBody, __assign({}, tableBodyProps))),
|
|
38
|
+
React.createElement(TableToolbar, __assign({ isFooter: true }, tableToolbarProps),
|
|
39
|
+
React.createElement(Pagination, __assign({ variant: PaginationVariant.bottom }, toolbarProps.pagination, paginationProps))),
|
|
40
|
+
ColumnManager && React.createElement(ColumnManager, __assign({}, columnManagerProps))));
|
|
41
|
+
};
|
|
42
|
+
TableToolsTable.propTypes = {
|
|
43
|
+
items: propTypes.array.isRequired,
|
|
44
|
+
columns: propTypes.arrayOf(propTypes.shape({
|
|
45
|
+
title: propTypes.node,
|
|
46
|
+
transforms: propTypes.array,
|
|
47
|
+
sortByProperty: propTypes.string,
|
|
48
|
+
sortByArray: propTypes.array,
|
|
49
|
+
sortByFunction: propTypes.func,
|
|
50
|
+
renderFunc: propTypes.func,
|
|
51
|
+
})).isRequired,
|
|
52
|
+
filters: propTypes.object,
|
|
53
|
+
options: propTypes.object,
|
|
54
|
+
toolbarProps: propTypes.object,
|
|
55
|
+
tableHeaderProps: propTypes.object,
|
|
56
|
+
tableBodyProps: propTypes.object,
|
|
57
|
+
tableToolbarProps: propTypes.object,
|
|
58
|
+
paginationProps: propTypes.object,
|
|
59
|
+
columnManagerProps: propTypes.object,
|
|
60
|
+
};
|
|
61
|
+
export default TableToolsTable;
|
|
62
|
+
//# sourceMappingURL=TableToolsTable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableToolsTable.js","sourceRoot":"","sources":["../../src/TableToolsTable/TableToolsTable.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,aAAa,MAAM,oEAAoE,CAAC;AAE/F,IAAM,eAAe,GAAG,UAAC,EAYxB;IAXC,IAAA,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACE,gBAAgB,kBAAA,EAC9B,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EACf,cAAc,cAXM,8JAYxB,CADkB;IAEX,IAAA,KAA8C,aAAa,CAAC,KAAK,EAAE,OAAO,aAC9E,OAAO,SAAA,EACP,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,cAAc,IACvB,OAAO,EACV,EALM,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,aAAa,mBAK7C,CAAC;IAEH,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;QACb,oBAAC,cAAc,eAAK,YAAY,EAAI;QAEpC,oBAAC,KAAK,eAAK,UAAU;YACnB,oBAAC,WAAW,eAAK,gBAAgB,EAAI;YACrC,oBAAC,SAAS,eAAK,cAAc,EAAI,CAC3B;QAER,oBAAC,YAAY,aAAC,QAAQ,UAAK,iBAAiB;YAC1C,oBAAC,UAAU,aAAC,OAAO,EAAE,iBAAiB,CAAC,MAAM,IAAM,YAAY,CAAC,UAAU,EAAM,eAAe,EAAI,CACtF;QAEd,aAAa,IAAI,oBAAC,aAAa,eAAK,kBAAkB,EAAI,CAC5C,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,UAAU;IACjC,OAAO,EAAE,SAAS,CAAC,OAAO,CACxB,SAAS,CAAC,KAAK,CAAC;QACd,KAAK,EAAE,SAAS,CAAC,IAAI;QACrB,UAAU,EAAE,SAAS,CAAC,KAAK;QAC3B,cAAc,EAAE,SAAS,CAAC,MAAM;QAChC,WAAW,EAAE,SAAS,CAAC,KAAK;QAC5B,cAAc,EAAE,SAAS,CAAC,IAAI;QAC9B,UAAU,EAAE,SAAS,CAAC,IAAI;KAC3B,CAAC,CACH,CAAC,UAAU;IACZ,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,OAAO,EAAE,SAAS,CAAC,MAAM;IACzB,YAAY,EAAE,SAAS,CAAC,MAAM;IAC9B,gBAAgB,EAAE,SAAS,CAAC,MAAM;IAClC,cAAc,EAAE,SAAS,CAAC,MAAM;IAChC,iBAAiB,EAAE,SAAS,CAAC,MAAM;IACnC,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,kBAAkB,EAAE,SAAS,CAAC,MAAM;CACrC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { severityLevels } from './items';
|
|
2
|
+
export default [
|
|
3
|
+
{
|
|
4
|
+
title: 'ID',
|
|
5
|
+
sortByProperty: 'id',
|
|
6
|
+
exportKey: 'id',
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
title: 'Name',
|
|
10
|
+
sortByProperty: 'name',
|
|
11
|
+
exportKey: 'name',
|
|
12
|
+
renderFunc: function (_a, _b, item) { return item.name; },
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
title: 'Another Name column',
|
|
16
|
+
sortByProperty: 'name',
|
|
17
|
+
exportKey: 'name',
|
|
18
|
+
renderExport: function (name) { return "".concat(name, " via export render"); },
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
title: 'Description',
|
|
22
|
+
sortByProperty: 'description',
|
|
23
|
+
renderExport: function (item) { return "".concat(item.name, " description rendered for export"); },
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
title: 'Severity sorted by function',
|
|
27
|
+
sortByFunction: function (item) { return item.name; },
|
|
28
|
+
exportKey: 'severity',
|
|
29
|
+
renderFunc: function (_a, _b, item) { return item.severity; },
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
title: 'Severity by Array',
|
|
33
|
+
sortByProperty: 'severity',
|
|
34
|
+
sortByArray: severityLevels,
|
|
35
|
+
exportKey: 'severity',
|
|
36
|
+
renderFunc: function (_a, _b, item) { return item.severity; },
|
|
37
|
+
},
|
|
38
|
+
];
|
|
39
|
+
//# sourceMappingURL=columns.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"columns.js","sourceRoot":"","sources":["../../../src/TableToolsTable/__fixtures__/columns.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAe;IACb;QACE,KAAK,EAAE,IAAI;QACX,cAAc,EAAE,IAAI;QACpB,SAAS,EAAE,IAAI;KAChB;IACD;QACE,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,UAAC,EAAE,EAAE,EAAE,EAAE,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,EAAT,CAAS;KACxC;IACD;QACE,KAAK,EAAE,qBAAqB;QAC5B,cAAc,EAAE,MAAM;QACtB,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,UAAC,IAAI,IAAK,OAAA,UAAG,IAAI,uBAAoB,EAA3B,CAA2B;KACpD;IACD;QACE,KAAK,EAAE,aAAa;QACpB,cAAc,EAAE,aAAa;QAC7B,YAAY,EAAE,UAAC,IAAI,IAAK,OAAA,UAAG,IAAI,CAAC,IAAI,qCAAkC,EAA9C,CAA8C;KACvE;IACD;QACE,KAAK,EAAE,6BAA6B;QACpC,cAAc,EAAE,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,IAAI,EAAT,CAAS;QACnC,SAAS,EAAE,UAAU;QACrB,UAAU,EAAE,UAAC,EAAE,EAAE,EAAE,EAAE,IAAI,IAAK,OAAA,IAAI,CAAC,QAAQ,EAAb,CAAa;KAC5C;IACD;QACE,KAAK,EAAE,mBAAmB;QAC1B,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,UAAU;QACrB,UAAU,EAAE,UAAC,EAAE,EAAE,EAAE,EAAE,IAAI,IAAK,OAAA,IAAI,CAAC,QAAQ,EAAb,CAAa;KAC5C;CACF,CAAC"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
export var exampleFilters = [
|
|
2
|
+
{
|
|
3
|
+
type: 'text',
|
|
4
|
+
label: 'Name',
|
|
5
|
+
filterString: function (value) { return "name ~ ".concat(value); },
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
type: 'checkbox',
|
|
9
|
+
label: 'Compliant',
|
|
10
|
+
filterString: function (value) { return "compliant = ".concat(value); },
|
|
11
|
+
items: [
|
|
12
|
+
{ label: 'Compliant', value: 'true' },
|
|
13
|
+
{ label: 'Non-compliant', value: 'false' },
|
|
14
|
+
],
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
type: 'checkbox',
|
|
18
|
+
label: 'Systems meeting compliance',
|
|
19
|
+
filterString: function (value) {
|
|
20
|
+
var scoreRange = value.split('-');
|
|
21
|
+
return "compliance_score >= ".concat(scoreRange[0], " and compliance_score <= ").concat(scoreRange[1]);
|
|
22
|
+
},
|
|
23
|
+
items: [
|
|
24
|
+
{ label: '90 - 100%', value: '90-100' },
|
|
25
|
+
{ label: '70 - 89%', value: '70-89' },
|
|
26
|
+
{ label: '50 - 69%', value: '50-69' },
|
|
27
|
+
{ label: 'Less than 50%', value: '0-49' },
|
|
28
|
+
],
|
|
29
|
+
},
|
|
30
|
+
];
|
|
31
|
+
export default [
|
|
32
|
+
{
|
|
33
|
+
type: 'text',
|
|
34
|
+
label: 'Name',
|
|
35
|
+
filter: function (items, value) { return items.filter(function (item) { return item === null || item === void 0 ? void 0 : item.name.includes(value); }); },
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
type: 'hidden',
|
|
39
|
+
label: 'Hidden filter',
|
|
40
|
+
filter: function (items) { return items; },
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
type: 'checkbox',
|
|
44
|
+
label: 'Checkbox Filter',
|
|
45
|
+
items: ['OPTION 1', 'OPTION 2', 'OPTION 3'].map(function (option) { return ({
|
|
46
|
+
label: option,
|
|
47
|
+
value: option,
|
|
48
|
+
}); }),
|
|
49
|
+
filter: function (items) { return items; },
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
type: 'radio',
|
|
53
|
+
label: 'Radio Filter',
|
|
54
|
+
items: ['OPTION 1', 'OPTION 2', 'OPTION 3'].map(function (option) { return ({
|
|
55
|
+
label: option,
|
|
56
|
+
value: option,
|
|
57
|
+
}); }),
|
|
58
|
+
filter: function (items) { return items; },
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
type: 'UNKNOWNTYPE',
|
|
62
|
+
label: 'Invalid Filter',
|
|
63
|
+
items: ['OPTION 1', 'OPTION 2', 'OPTION 3'].map(function (option) { return ({
|
|
64
|
+
label: option,
|
|
65
|
+
value: option,
|
|
66
|
+
}); }),
|
|
67
|
+
filter: function (items) { return items; },
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
type: 'group',
|
|
71
|
+
label: 'Filter group',
|
|
72
|
+
items: [
|
|
73
|
+
{
|
|
74
|
+
label: 'Parent 1',
|
|
75
|
+
value: 1,
|
|
76
|
+
items: [
|
|
77
|
+
{ label: 'Child 1', value: 1 },
|
|
78
|
+
{ label: 'Child 2', value: 2 },
|
|
79
|
+
],
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
label: 'Parent 2',
|
|
83
|
+
value: 2,
|
|
84
|
+
items: [
|
|
85
|
+
{ label: 'Parent 2 Child 1', value: 1 },
|
|
86
|
+
{ label: 'Parent 2 Child 2', value: 2 },
|
|
87
|
+
],
|
|
88
|
+
},
|
|
89
|
+
],
|
|
90
|
+
filter: function () { return []; },
|
|
91
|
+
},
|
|
92
|
+
];
|
|
93
|
+
//# sourceMappingURL=filters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/TableToolsTable/__fixtures__/filters.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
2
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
3
|
+
if (ar || !(i in from)) {
|
|
4
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
5
|
+
ar[i] = from[i];
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
|
+
};
|
|
10
|
+
export var severityLevels = ['high', 'medium', 'low', 'unknown'];
|
|
11
|
+
export default (function (count) {
|
|
12
|
+
var currentCount = 0;
|
|
13
|
+
return __spreadArray([], new Array(count > 0 ? count : 1), true).map(function () {
|
|
14
|
+
currentCount++;
|
|
15
|
+
return {
|
|
16
|
+
id: currentCount,
|
|
17
|
+
severity: severityLevels[currentCount % 4],
|
|
18
|
+
name: 'TEST ITEM #' + currentCount,
|
|
19
|
+
description: 'DESCRIPTION',
|
|
20
|
+
};
|
|
21
|
+
})
|
|
22
|
+
.sort();
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=items.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"items.js","sourceRoot":"","sources":["../../../src/TableToolsTable/__fixtures__/items.js"],"names":[],"mappings":";;;;;;;;;AAAA,MAAM,CAAC,IAAM,cAAc,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;AAEnE,gBAAe,UAAC,KAAK;IACnB,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,OAAO,kBAAI,IAAI,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QACxC,GAAG,CAAC;QACH,YAAY,EAAE,CAAC;QACf,OAAO;YACL,EAAE,EAAE,YAAY;YAChB,QAAQ,EAAE,cAAc,CAAC,YAAY,GAAG,CAAC,CAAC;YAC1C,IAAI,EAAE,aAAa,GAAG,YAAY;YAClC,WAAW,EAAE,aAAa;SAC3B,CAAC;IACJ,CAAC,CAAC;SACD,IAAI,EAAE,CAAC;AACZ,CAAC,EAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TableToolsTable/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { render } from '@testing-library/react';
|
|
2
|
+
import { queryByText } from '@testing-library/dom';
|
|
3
|
+
import userEvent from '@testing-library/user-event';
|
|
4
|
+
var toggleFilterDropDown = function (container) {
|
|
5
|
+
var filterToggle = container.querySelector('button.pf-c-dropdown__toggle');
|
|
6
|
+
userEvent.click(filterToggle);
|
|
7
|
+
};
|
|
8
|
+
var clickFilter = function (filterButton) {
|
|
9
|
+
userEvent.click(filterButton);
|
|
10
|
+
};
|
|
11
|
+
var queryFilterButton = function (toolbar, query) {
|
|
12
|
+
return queryByText(toolbar.querySelector('.ins-c-conditional-filter'), query, {
|
|
13
|
+
selector: 'button',
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
var validateAndOpenFilterSelectable = function (toolbar, filter) {
|
|
17
|
+
var currentFilter = queryFilterButton(toolbar, filter.label);
|
|
18
|
+
if (currentFilter) {
|
|
19
|
+
clickFilter(currentFilter);
|
|
20
|
+
}
|
|
21
|
+
return !!currentFilter;
|
|
22
|
+
};
|
|
23
|
+
var filterValidations = {
|
|
24
|
+
group: function (toolbar, filter) {
|
|
25
|
+
console.log("Not validating ".concat(filter.label, " of type ").concat(filter.type));
|
|
26
|
+
return true;
|
|
27
|
+
var selectable = validateAndOpenFilterSelectable(toolbar, filter);
|
|
28
|
+
var filterDropDownToggle = toolbar.querySelector('.pf-c-select__toggle');
|
|
29
|
+
userEvent.click(filterDropDownToggle);
|
|
30
|
+
var selectMenu = toolbar.querySelector('.pf-c-select__menu');
|
|
31
|
+
var randomIndex = Math.floor(Math.random() * filter.items.length);
|
|
32
|
+
var testItem = queryByText(selectMenu, filter.items[randomIndex].label);
|
|
33
|
+
var testChildItem = queryByText(selectMenu, filter.items[randomIndex].items[0].label);
|
|
34
|
+
return (selectable &&
|
|
35
|
+
!!filterDropDownToggle &&
|
|
36
|
+
!!selectMenu &&
|
|
37
|
+
!!testItem &&
|
|
38
|
+
!!testChildItem);
|
|
39
|
+
},
|
|
40
|
+
checkbox: function (toolbar, filter) {
|
|
41
|
+
var selectable = validateAndOpenFilterSelectable(toolbar, filter);
|
|
42
|
+
var filterDropDownToggle = toolbar.querySelector('.pf-c-select__toggle');
|
|
43
|
+
userEvent.click(filterDropDownToggle);
|
|
44
|
+
var selectMenu = toolbar.querySelector('.pf-c-select__menu');
|
|
45
|
+
var randomIndex = Math.floor(Math.random() * filter.items.length);
|
|
46
|
+
var testItem = queryByText(selectMenu, filter.items[randomIndex].label);
|
|
47
|
+
return selectable && !!filterDropDownToggle && !!selectMenu && !!testItem;
|
|
48
|
+
},
|
|
49
|
+
radio: function (toolbar, filter) {
|
|
50
|
+
var selectable = validateAndOpenFilterSelectable(toolbar, filter);
|
|
51
|
+
return selectable;
|
|
52
|
+
},
|
|
53
|
+
text: function (toolbar, filter) {
|
|
54
|
+
validateAndOpenFilterSelectable(toolbar, filter);
|
|
55
|
+
var textInput = toolbar.querySelector("input");
|
|
56
|
+
return !!textInput;
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
var validateFilter = function (container, filter, validator) {
|
|
60
|
+
var toolbar = container.querySelector('#ins-primary-data-toolbar');
|
|
61
|
+
return validator(toolbar, filter);
|
|
62
|
+
};
|
|
63
|
+
var filterHelpers = {
|
|
64
|
+
toHaveFiltersFor: function (component, filters) {
|
|
65
|
+
var pass = true;
|
|
66
|
+
var currentFilter;
|
|
67
|
+
var singleFilter = filters.length === 1;
|
|
68
|
+
filters.every(function (filter) {
|
|
69
|
+
var container = render(component).container;
|
|
70
|
+
currentFilter = filter;
|
|
71
|
+
if (!singleFilter) {
|
|
72
|
+
toggleFilterDropDown(container);
|
|
73
|
+
}
|
|
74
|
+
var validator = filterValidations[filter.type];
|
|
75
|
+
if (validator) {
|
|
76
|
+
var filterValidation = validateFilter(container, filter, validator);
|
|
77
|
+
pass = filterValidation;
|
|
78
|
+
return pass;
|
|
79
|
+
}
|
|
80
|
+
else {
|
|
81
|
+
console.log("No test validator for ".concat(filter.label, " of type ").concat(filter.type));
|
|
82
|
+
return true;
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
return {
|
|
86
|
+
message: function () { return "No filter rendered for ".concat(currentFilter.label, " of type ").concat(currentFilter.type); },
|
|
87
|
+
pass: pass,
|
|
88
|
+
};
|
|
89
|
+
},
|
|
90
|
+
};
|
|
91
|
+
export default filterHelpers;
|
|
92
|
+
//# sourceMappingURL=testHelpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"testHelpers.js","sourceRoot":"","sources":["../../src/TableToolsTable/testHelpers.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
if (typeof b !== "function" && b !== null)
|
|
10
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
+
extendStatics(d, b);
|
|
12
|
+
function __() { this.constructor = d; }
|
|
13
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
+
};
|
|
15
|
+
})();
|
|
16
|
+
var __assign = (this && this.__assign) || function () {
|
|
17
|
+
__assign = Object.assign || function(t) {
|
|
18
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
+
s = arguments[i];
|
|
20
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
+
t[p] = s[p];
|
|
22
|
+
}
|
|
23
|
+
return t;
|
|
24
|
+
};
|
|
25
|
+
return __assign.apply(this, arguments);
|
|
26
|
+
};
|
|
27
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
28
|
+
var t = {};
|
|
29
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
30
|
+
t[p] = s[p];
|
|
31
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
+
t[p[i]] = s[p[i]];
|
|
35
|
+
}
|
|
36
|
+
return t;
|
|
37
|
+
};
|
|
38
|
+
import React, { Component } from 'react';
|
|
39
|
+
import PropTypes from 'prop-types';
|
|
40
|
+
import classNames from 'classnames';
|
|
41
|
+
import { Modal, Button } from '@patternfly/react-core';
|
|
42
|
+
import '../Wizard/wizard.css';
|
|
43
|
+
var Wizard = (function (_super) {
|
|
44
|
+
__extends(Wizard, _super);
|
|
45
|
+
function Wizard() {
|
|
46
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
47
|
+
_this.state = {
|
|
48
|
+
currentStep: 0,
|
|
49
|
+
};
|
|
50
|
+
_this.handleNextModalStep = function () {
|
|
51
|
+
_this.setState(function (_a) {
|
|
52
|
+
var currentStep = _a.currentStep;
|
|
53
|
+
return ({
|
|
54
|
+
currentStep: currentStep + 1,
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
_this.handlePreviousModalStep = function () {
|
|
59
|
+
_this.setState(function (_a) {
|
|
60
|
+
var currentStep = _a.currentStep;
|
|
61
|
+
return ({
|
|
62
|
+
currentStep: currentStep - 1,
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
_this.handleOnClose = function (submit) {
|
|
67
|
+
var result = _this.props.onClose(submit);
|
|
68
|
+
if (result === false) {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
_this.setState({ currentStep: 0 });
|
|
72
|
+
};
|
|
73
|
+
_this.handleKeyPress = function (event) {
|
|
74
|
+
if (event.key === 'Enter' && _this.props.isValidated === true) {
|
|
75
|
+
_this.handleNextModalStep();
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
return _this;
|
|
79
|
+
}
|
|
80
|
+
Wizard.prototype.render = function () {
|
|
81
|
+
var _this = this;
|
|
82
|
+
var _a = this.props, isLarge = _a.isLarge, title = _a.title, className = _a.className, isOpen = _a.isOpen, isValidated = _a.isValidated, confirmAction = _a.confirmAction, props = __rest(_a, ["isLarge", "title", "className", "isOpen", "isValidated", "confirmAction"]);
|
|
83
|
+
var wizardClasses = classNames('ins-c-wizard', className);
|
|
84
|
+
var renderModalActions = [
|
|
85
|
+
this.state.currentStep < this.props.content.length - 1 ? (React.createElement(Button, { key: "Next", action: "next", variant: "primary", isDisabled: !isValidated, onClick: this.handleNextModalStep }, "Next")) : (React.createElement(Button, { key: "confirm", action: "confirm", variant: "primary", isDisabled: !isValidated, onClick: function () { return _this.handleOnClose(true); } }, confirmAction)),
|
|
86
|
+
this.state.currentStep !== 0 && (React.createElement(Button, { key: "back", action: "back", variant: "secondary", onClick: this.handlePreviousModalStep },
|
|
87
|
+
' ',
|
|
88
|
+
"Back",
|
|
89
|
+
' ')),
|
|
90
|
+
React.createElement(Button, { key: "cancel", action: "cancel", variant: "secondary", onClick: function () { return _this.handleOnClose(false); } }, "Cancel"),
|
|
91
|
+
];
|
|
92
|
+
return (React.createElement(Modal, __assign({}, props, { onKeyPress: this.handleKeyPress, variant: "large", title: title, className: wizardClasses, isOpen: isOpen, onClose: function () { return _this.handleOnClose(false); }, actions: renderModalActions }), this.props.content[this.state.currentStep]));
|
|
93
|
+
};
|
|
94
|
+
return Wizard;
|
|
95
|
+
}(Component));
|
|
96
|
+
Wizard.propTypes = {
|
|
97
|
+
isValidated: PropTypes.bool,
|
|
98
|
+
isLarge: PropTypes.bool,
|
|
99
|
+
title: PropTypes.string,
|
|
100
|
+
className: PropTypes.string,
|
|
101
|
+
confirmAction: PropTypes.string,
|
|
102
|
+
isOpen: PropTypes.any,
|
|
103
|
+
content: PropTypes.array,
|
|
104
|
+
onClose: PropTypes.func,
|
|
105
|
+
};
|
|
106
|
+
Wizard.defaultProps = {
|
|
107
|
+
onClose: function (f) { return f; },
|
|
108
|
+
isValidated: true,
|
|
109
|
+
confirmAction: 'Confirm',
|
|
110
|
+
};
|
|
111
|
+
export default Wizard;
|
|
112
|
+
//# sourceMappingURL=Wizard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../src/Wizard/Wizard.js"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Wizard/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
|