@redhat-cloud-services/frontend-components 3.9.25 → 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 +2 -2
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,eAAe,CAAC;AAEvB;IAAqB,0BAAS;IAA9B;QAAA,qEA6EC;QA5EC,WAAK,GAAG;YACN,WAAW,EAAE,CAAC;SACf,CAAC;QAEF,yBAAmB,GAAG;YACpB,KAAI,CAAC,QAAQ,CAAC,UAAC,EAAe;oBAAb,WAAW,iBAAA;gBAAO,OAAA,CAAC;oBAClC,WAAW,EAAE,WAAW,GAAG,CAAC;iBAC7B,CAAC;YAFiC,CAEjC,CAAC,CAAC;QACN,CAAC,CAAC;QAEF,6BAAuB,GAAG;YACxB,KAAI,CAAC,QAAQ,CAAC,UAAC,EAAe;oBAAb,WAAW,iBAAA;gBAAO,OAAA,CAAC;oBAClC,WAAW,EAAE,WAAW,GAAG,CAAC;iBAC7B,CAAC;YAFiC,CAEjC,CAAC,CAAC;QACN,CAAC,CAAC;QAGF,mBAAa,GAAG,UAAC,MAAM;YACrB,IAAM,MAAM,GAAG,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAE1C,IAAI,MAAM,KAAK,KAAK,EAAE;gBACpB,OAAO;aACR;YAED,KAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,oBAAc,GAAG,UAAC,KAAK;YACrB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAI,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,EAAE;gBAC5D,KAAI,CAAC,mBAAmB,EAAE,CAAC;aAC5B;QACH,CAAC,CAAC;;IA6CJ,CAAC;IA3CC,uBAAM,GAAN;QAAA,iBA0CC;QAzCC,IAAM,KAA8E,IAAI,CAAC,KAAK,EAAtF,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,aAAa,mBAAA,EAAK,KAAK,cAAzE,2EAA2E,CAAa,CAAC;QAE/F,IAAM,aAAa,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QAE5D,IAAM,kBAAkB,GAAG;YAEzB,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvD,oBAAC,MAAM,IAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,mBAAmB,WAErG,CACV,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IAAC,GAAG,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAxB,CAAwB,IACvH,aAAa,CACP,CACV;YAED,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,IAAI,CAC9B,oBAAC,MAAM,IAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,CAAC,uBAAuB;gBACvF,GAAG;;gBACC,GAAG,CACD,CACV;YACD,oBAAC,MAAM,IAAC,GAAG,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAzB,CAAyB,aAExF;SACV,CAAC;QAEF,OAAO,CACL,oBAAC,KAAK,eACA,KAAK,IACT,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAzB,CAAyB,EACxC,OAAO,EAAE,kBAAkB,KAE1B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CACrC,CACT,CAAC;IACJ,CAAC;IACH,aAAC;AAAD,CAAC,AA7ED,CAAqB,SAAS,GA6E7B;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,MAAM,EAAE,SAAS,CAAC,GAAG;IACrB,OAAO,EAAE,SAAS,CAAC,KAAK;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC;IACjB,WAAW,EAAE,IAAI;IACjB,aAAa,EAAE,SAAS;CACzB,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redhat-cloud-services/frontend-components",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.26",
|
|
4
4
|
"description": "Common components for RedHat Cloud Services project.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"sanitize-html": "^2.7.2",
|
|
52
52
|
"@scalprum/core": "^0.2.3",
|
|
53
53
|
"@scalprum/react-core": "^0.2.4",
|
|
54
|
-
"@redhat-cloud-services/types": "^0.0.
|
|
54
|
+
"@redhat-cloud-services/types": "^0.0.17"
|
|
55
55
|
},
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@patternfly/patternfly": "^4.217.0",
|