@redhat-cloud-services/frontend-components 3.8.9 → 3.8.12

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.
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { EmptyStateProps } from '@patternfly/react-core';
3
3
  import './error-state.scss';
4
- export interface ErrorStateProps extends EmptyStateProps {
4
+ export interface ErrorStateProps extends Omit<EmptyStateProps, 'children'> {
5
5
  errorTitle?: string;
6
6
  errorDescription?: React.ReactNode;
7
7
  }
@@ -32,16 +32,15 @@ var react_icons_3 = require("@patternfly/react-icons");
32
32
  var react_icons_4 = require("@patternfly/react-icons");
33
33
  var react_core_1 = require("@patternfly/react-core");
34
34
  var react_1 = __importDefault(require("react"));
35
- var classnames_1 = __importDefault(require("classnames"));
36
35
  var VALUE_TO_STATE = {
37
- 1: { icon: react_1.default.createElement(react_icons_1.AngleDoubleDownIcon, null), text: 'Low' },
38
- 2: { icon: react_1.default.createElement(react_icons_4.EqualsIcon, null), text: 'Moderate' },
39
- 3: { icon: react_1.default.createElement(react_icons_2.AngleDoubleUpIcon, null), text: 'Important' },
40
- 4: { icon: react_1.default.createElement(react_icons_3.CriticalRiskIcon, null), text: 'Critical' },
36
+ 1: { icon: react_1.default.createElement(react_icons_1.AngleDoubleDownIcon, null), text: 'Low', color: 'blue' },
37
+ 2: { icon: react_1.default.createElement(react_icons_4.EqualsIcon, null), text: 'Moderate', color: undefined },
38
+ 3: { icon: react_1.default.createElement(react_icons_2.AngleDoubleUpIcon, null), text: 'Important', color: 'orange' },
39
+ 4: { icon: react_1.default.createElement(react_icons_3.CriticalRiskIcon, null), text: 'Critical', color: 'red' },
41
40
  };
42
41
  var InsightsLabel = function (_a) {
43
42
  var _b = _a.value, value = _b === void 0 ? 1 : _b, text = _a.text, hideIcon = _a.hideIcon, className = _a.className, rest = _a.rest, props = __rest(_a, ["value", "text", "hideIcon", "className", "rest"]);
44
- return (react_1.default.createElement(react_core_1.Label, __assign({}, rest, props, { className: (0, classnames_1.default)(className, "ins-c-label-".concat(value)), icon: !hideIcon && VALUE_TO_STATE[value].icon }), text || VALUE_TO_STATE[value].text));
43
+ return (react_1.default.createElement(react_core_1.Label, __assign({}, rest, props, { className: value === 2 ? 'ins-c-label-2' : '', color: VALUE_TO_STATE[value].color, icon: !hideIcon && VALUE_TO_STATE[value].icon }), text || VALUE_TO_STATE[value].text));
45
44
  };
46
45
  exports.default = InsightsLabel;
47
46
  //# sourceMappingURL=InsightsLabel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InsightsLabel.js","sourceRoot":"","sources":["../src/InsightsLabel/InsightsLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yBAAuB;AAEvB,uDAA8D;AAC9D,uDAA4D;AAC5D,uDAA2D;AAC3D,uDAAqD;AACrD,qDAA2D;AAC3D,gDAA0B;AAC1B,0DAAoC;AAQpC,IAAM,cAAc,GAA8B;IAChD,CAAC,EAAE,EAAE,IAAI,EAAE,8BAAC,iCAAmB,OAAG,EAAE,IAAI,EAAE,KAAK,EAAE;IACjD,CAAC,EAAE,EAAE,IAAI,EAAE,8BAAC,wBAAU,OAAG,EAAE,IAAI,EAAE,UAAU,EAAE;IAC7C,CAAC,EAAE,EAAE,IAAI,EAAE,8BAAC,+BAAiB,OAAG,EAAE,IAAI,EAAE,WAAW,EAAE;IACrD,CAAC,EAAE,EAAE,IAAI,EAAE,8BAAC,8BAAgB,OAAG,EAAE,IAAI,EAAE,UAAU,EAAE;CACpD,CAAC;AAaF,IAAM,aAAa,GAAgD,UAAC,EAAwD;IAAtD,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAtD,kDAAwD,CAAF;IACxH,OAAO,CACL,8BAAC,kBAAK,eAAK,IAAI,EAAM,KAAK,IAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,sBAAe,KAAK,CAAE,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,KAChI,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAC7B,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"InsightsLabel.js","sourceRoot":"","sources":["../src/InsightsLabel/InsightsLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yBAAuB;AAEvB,uDAA8D;AAC9D,uDAA4D;AAC5D,uDAA2D;AAC3D,uDAAqD;AACrD,qDAA2D;AAC3D,gDAA0B;AAS1B,IAAM,cAAc,GAA8B;IAChD,CAAC,EAAE,EAAE,IAAI,EAAE,8BAAC,iCAAmB,OAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;IAChE,CAAC,EAAE,EAAE,IAAI,EAAE,8BAAC,wBAAU,OAAG,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;IAC/D,CAAC,EAAE,EAAE,IAAI,EAAE,8BAAC,+BAAiB,OAAG,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACtE,CAAC,EAAE,EAAE,IAAI,EAAE,8BAAC,8BAAgB,OAAG,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;CAClE,CAAC;AAaF,IAAM,aAAa,GAAgD,UAAC,EAAwD;IAAtD,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAtD,kDAAwD,CAAF;IACxH,OAAO,CACL,8BAAC,kBAAK,eACA,IAAI,EACJ,KAAK,IACT,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,KAAK,EAClC,IAAI,EAAE,CAAC,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,KAE5C,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAC7B,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
@@ -1,36 +1,8 @@
1
1
  .pf-c-label {
2
- --ins-c-label--red-bg: #faeae8;
3
- --inc-c-label--content-red: var(--pf-global--palette--red-300);
4
- --inc-c-label--icon-red: var(--pf-global--palette--red-200);
5
- --ins-c-label--orange-bg: #FFF5EC;
6
- --inc-c-label--content-orange: #773D00;
7
- --inc-c-label--icon-orange: var(--pf-global--palette--orange-300);
8
2
  --ins-c-label--gold-bg: #fdf7e7;
9
3
  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
10
4
  --inc-c-label--icon-gold: #F4C145;
11
- --ins-c-label--blue-bg: var(--pf-global--palette--blue-50);
12
- --inc-c-label--content-blue: var(--pf-global--palette--blue-600);
13
- --inc-c-label--icon-blue: var(--pf-global--palette--blue-300);
14
- }
15
-
16
- .ins-c-label-4.pf-c-label {
17
- background-color: var(--ins-c-label--red-bg);
18
- }
19
- .ins-c-label-4.pf-c-label .pf-c-label__content {
20
- color: var(--inc-c-label--content-red);
21
- }
22
- .ins-c-label-4.pf-c-label .pf-c-label__content .pf-c-label__icon {
23
- color: var(--inc-c-label--icon-red);
24
- }
25
-
26
- .ins-c-label-3.pf-c-label {
27
- background-color: var(--ins-c-label--orange-bg);
28
- }
29
- .ins-c-label-3.pf-c-label .pf-c-label__content {
30
- color: var(--inc-c-label--content-orange);
31
- }
32
- .ins-c-label-3.pf-c-label .pf-c-label__content .pf-c-label__icon {
33
- color: var(--inc-c-label--icon-orange);
5
+ --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
34
6
  }
35
7
 
36
8
  .ins-c-label-2.pf-c-label {
@@ -43,12 +15,6 @@
43
15
  color: var(--inc-c-label--icon-gold);
44
16
  }
45
17
 
46
- .ins-c-label-1.pf-c-label {
47
- background-color: var(--ins-c-label--blue-bg);
48
- }
49
- .ins-c-label-1.pf-c-label .pf-c-label__content {
50
- color: var(--inc-c-label--content-blue);
51
- }
52
- .ins-c-label-1.pf-c-label .pf-c-label__content .pf-c-label__icon {
53
- color: var(--inc-c-label--icon-blue);
18
+ .ins-c-label-2.pf-c-label .pf-c-label__content::before {
19
+ border: 1px solid var(--inc-c-label--border-gold);
54
20
  }
@@ -1,36 +1,8 @@
1
1
  .pf-c-label {
2
- --ins-c-label--red-bg: #faeae8;
3
- --inc-c-label--content-red: var(--pf-global--palette--red-300);
4
- --inc-c-label--icon-red: var(--pf-global--palette--red-200);
5
- --ins-c-label--orange-bg: #FFF5EC;
6
- --inc-c-label--content-orange: #773D00;
7
- --inc-c-label--icon-orange: var(--pf-global--palette--orange-300);
8
2
  --ins-c-label--gold-bg: #fdf7e7;
9
3
  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
10
4
  --inc-c-label--icon-gold: #F4C145;
11
- --ins-c-label--blue-bg: var(--pf-global--palette--blue-50);
12
- --inc-c-label--content-blue: var(--pf-global--palette--blue-600);
13
- --inc-c-label--icon-blue: var(--pf-global--palette--blue-300);
14
- }
15
-
16
- .ins-c-label-4.pf-c-label {
17
- background-color: var(--ins-c-label--red-bg);
18
- .pf-c-label__content {
19
- color: var(--inc-c-label--content-red);
20
- .pf-c-label__icon {
21
- color: var(--inc-c-label--icon-red);
22
- }
23
- }
24
- }
25
-
26
- .ins-c-label-3.pf-c-label {
27
- background-color: var(--ins-c-label--orange-bg);
28
- .pf-c-label__content {
29
- color: var(--inc-c-label--content-orange);
30
- .pf-c-label__icon {
31
- color: var(--inc-c-label--icon-orange);
32
- }
33
- }
5
+ --inc-c-label--border-gold: var(--pf-global--palette--gold-100)
34
6
  }
35
7
 
36
8
  .ins-c-label-2.pf-c-label {
@@ -42,13 +14,6 @@
42
14
  }
43
15
  }
44
16
  }
45
-
46
- .ins-c-label-1.pf-c-label {
47
- background-color: var(--ins-c-label--blue-bg);
48
- .pf-c-label__content {
49
- color: var(--inc-c-label--content-blue);
50
- .pf-c-label__icon {
51
- color: var(--inc-c-label--icon-blue);
52
- }
53
- }
54
- }
17
+ .ins-c-label-2.pf-c-label {.pf-c-label__content::before {
18
+ border: 1px solid var(--inc-c-label--border-gold);
19
+ }}
package/README.md CHANGED
@@ -139,7 +139,6 @@ transform: (importName) =>`@redhat-cloud-services/frontend-components/esm/${FECM
139
139
  * [table](doc/table.md)
140
140
  * [truncate](doc/truncate.md)
141
141
  * [tableToolbar](doc/tableToolbar.md)
142
- * [wizard](doc/wizard.md)
143
142
  * [pagination](doc/pagination.md)
144
143
  * [treeview-table](doc/treeview-table.md)
145
144
  * [section](doc/section.md)
@@ -27,16 +27,15 @@ import { CriticalRiskIcon } from '@patternfly/react-icons';
27
27
  import { EqualsIcon } from '@patternfly/react-icons';
28
28
  import { Label } from '@patternfly/react-core';
29
29
  import React from 'react';
30
- import classNames from 'classnames';
31
30
  var VALUE_TO_STATE = {
32
- 1: { icon: React.createElement(AngleDoubleDownIcon, null), text: 'Low' },
33
- 2: { icon: React.createElement(EqualsIcon, null), text: 'Moderate' },
34
- 3: { icon: React.createElement(AngleDoubleUpIcon, null), text: 'Important' },
35
- 4: { icon: React.createElement(CriticalRiskIcon, null), text: 'Critical' },
31
+ 1: { icon: React.createElement(AngleDoubleDownIcon, null), text: 'Low', color: 'blue' },
32
+ 2: { icon: React.createElement(EqualsIcon, null), text: 'Moderate', color: undefined },
33
+ 3: { icon: React.createElement(AngleDoubleUpIcon, null), text: 'Important', color: 'orange' },
34
+ 4: { icon: React.createElement(CriticalRiskIcon, null), text: 'Critical', color: 'red' },
36
35
  };
37
36
  var InsightsLabel = function (_a) {
38
37
  var _b = _a.value, value = _b === void 0 ? 1 : _b, text = _a.text, hideIcon = _a.hideIcon, className = _a.className, rest = _a.rest, props = __rest(_a, ["value", "text", "hideIcon", "className", "rest"]);
39
- return (React.createElement(Label, __assign({}, rest, props, { className: classNames(className, "ins-c-label-".concat(value)), icon: !hideIcon && VALUE_TO_STATE[value].icon }), text || VALUE_TO_STATE[value].text));
38
+ return (React.createElement(Label, __assign({}, rest, props, { className: value === 2 ? 'ins-c-label-2' : '', color: VALUE_TO_STATE[value].color, icon: !hideIcon && VALUE_TO_STATE[value].icon }), text || VALUE_TO_STATE[value].text));
40
39
  };
41
40
  export default InsightsLabel;
42
41
  //# sourceMappingURL=InsightsLabel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InsightsLabel.js","sourceRoot":"","sources":["../../src/InsightsLabel/InsightsLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAc,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,IAAM,cAAc,GAA8B;IAChD,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAC,mBAAmB,OAAG,EAAE,IAAI,EAAE,KAAK,EAAE;IACjD,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAC,UAAU,OAAG,EAAE,IAAI,EAAE,UAAU,EAAE;IAC7C,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAC,iBAAiB,OAAG,EAAE,IAAI,EAAE,WAAW,EAAE;IACrD,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAC,gBAAgB,OAAG,EAAE,IAAI,EAAE,UAAU,EAAE;CACpD,CAAC;AAaF,IAAM,aAAa,GAAgD,UAAC,EAAwD;IAAtD,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAtD,kDAAwD,CAAF;IACxH,OAAO,CACL,oBAAC,KAAK,eAAK,IAAI,EAAM,KAAK,IAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,sBAAe,KAAK,CAAE,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,KAChI,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAC7B,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"InsightsLabel.js","sourceRoot":"","sources":["../../src/InsightsLabel/InsightsLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,eAAe,CAAC;AAEvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAc,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,IAAM,cAAc,GAA8B;IAChD,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAC,mBAAmB,OAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;IAChE,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAC,UAAU,OAAG,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;IAC/D,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAC,iBAAiB,OAAG,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACtE,CAAC,EAAE,EAAE,IAAI,EAAE,oBAAC,gBAAgB,OAAG,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;CAClE,CAAC;AAaF,IAAM,aAAa,GAAgD,UAAC,EAAwD;IAAtD,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAtD,kDAAwD,CAAF;IACxH,OAAO,CACL,oBAAC,KAAK,eACA,IAAI,EACJ,KAAK,IACT,SAAS,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,EAC7C,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,KAAK,EAClC,IAAI,EAAE,CAAC,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,KAE5C,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAC7B,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,36 +1,8 @@
1
1
  .pf-c-label {
2
- --ins-c-label--red-bg: #faeae8;
3
- --inc-c-label--content-red: var(--pf-global--palette--red-300);
4
- --inc-c-label--icon-red: var(--pf-global--palette--red-200);
5
- --ins-c-label--orange-bg: #FFF5EC;
6
- --inc-c-label--content-orange: #773D00;
7
- --inc-c-label--icon-orange: var(--pf-global--palette--orange-300);
8
2
  --ins-c-label--gold-bg: #fdf7e7;
9
3
  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
10
4
  --inc-c-label--icon-gold: #F4C145;
11
- --ins-c-label--blue-bg: var(--pf-global--palette--blue-50);
12
- --inc-c-label--content-blue: var(--pf-global--palette--blue-600);
13
- --inc-c-label--icon-blue: var(--pf-global--palette--blue-300);
14
- }
15
-
16
- .ins-c-label-4.pf-c-label {
17
- background-color: var(--ins-c-label--red-bg);
18
- }
19
- .ins-c-label-4.pf-c-label .pf-c-label__content {
20
- color: var(--inc-c-label--content-red);
21
- }
22
- .ins-c-label-4.pf-c-label .pf-c-label__content .pf-c-label__icon {
23
- color: var(--inc-c-label--icon-red);
24
- }
25
-
26
- .ins-c-label-3.pf-c-label {
27
- background-color: var(--ins-c-label--orange-bg);
28
- }
29
- .ins-c-label-3.pf-c-label .pf-c-label__content {
30
- color: var(--inc-c-label--content-orange);
31
- }
32
- .ins-c-label-3.pf-c-label .pf-c-label__content .pf-c-label__icon {
33
- color: var(--inc-c-label--icon-orange);
5
+ --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
34
6
  }
35
7
 
36
8
  .ins-c-label-2.pf-c-label {
@@ -43,12 +15,6 @@
43
15
  color: var(--inc-c-label--icon-gold);
44
16
  }
45
17
 
46
- .ins-c-label-1.pf-c-label {
47
- background-color: var(--ins-c-label--blue-bg);
48
- }
49
- .ins-c-label-1.pf-c-label .pf-c-label__content {
50
- color: var(--inc-c-label--content-blue);
51
- }
52
- .ins-c-label-1.pf-c-label .pf-c-label__content .pf-c-label__icon {
53
- color: var(--inc-c-label--icon-blue);
18
+ .ins-c-label-2.pf-c-label .pf-c-label__content::before {
19
+ border: 1px solid var(--inc-c-label--border-gold);
54
20
  }
@@ -1,36 +1,8 @@
1
1
  .pf-c-label {
2
- --ins-c-label--red-bg: #faeae8;
3
- --inc-c-label--content-red: var(--pf-global--palette--red-300);
4
- --inc-c-label--icon-red: var(--pf-global--palette--red-200);
5
- --ins-c-label--orange-bg: #FFF5EC;
6
- --inc-c-label--content-orange: #773D00;
7
- --inc-c-label--icon-orange: var(--pf-global--palette--orange-300);
8
2
  --ins-c-label--gold-bg: #fdf7e7;
9
3
  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
10
4
  --inc-c-label--icon-gold: #F4C145;
11
- --ins-c-label--blue-bg: var(--pf-global--palette--blue-50);
12
- --inc-c-label--content-blue: var(--pf-global--palette--blue-600);
13
- --inc-c-label--icon-blue: var(--pf-global--palette--blue-300);
14
- }
15
-
16
- .ins-c-label-4.pf-c-label {
17
- background-color: var(--ins-c-label--red-bg);
18
- .pf-c-label__content {
19
- color: var(--inc-c-label--content-red);
20
- .pf-c-label__icon {
21
- color: var(--inc-c-label--icon-red);
22
- }
23
- }
24
- }
25
-
26
- .ins-c-label-3.pf-c-label {
27
- background-color: var(--ins-c-label--orange-bg);
28
- .pf-c-label__content {
29
- color: var(--inc-c-label--content-orange);
30
- .pf-c-label__icon {
31
- color: var(--inc-c-label--icon-orange);
32
- }
33
- }
5
+ --inc-c-label--border-gold: var(--pf-global--palette--gold-100)
34
6
  }
35
7
 
36
8
  .ins-c-label-2.pf-c-label {
@@ -42,13 +14,6 @@
42
14
  }
43
15
  }
44
16
  }
45
-
46
- .ins-c-label-1.pf-c-label {
47
- background-color: var(--ins-c-label--blue-bg);
48
- .pf-c-label__content {
49
- color: var(--inc-c-label--content-blue);
50
- .pf-c-label__icon {
51
- color: var(--inc-c-label--icon-blue);
52
- }
53
- }
54
- }
17
+ .ins-c-label-2.pf-c-label {.pf-c-label__content::before {
18
+ border: 1px solid var(--inc-c-label--border-gold);
19
+ }}
package/esm/index.css CHANGED
@@ -238,38 +238,10 @@ i.ins-battery svg {
238
238
  }
239
239
 
240
240
  .pf-c-label {
241
- --ins-c-label--red-bg: #faeae8;
242
- --inc-c-label--content-red: var(--pf-global--palette--red-300);
243
- --inc-c-label--icon-red: var(--pf-global--palette--red-200);
244
- --ins-c-label--orange-bg: #FFF5EC;
245
- --inc-c-label--content-orange: #773D00;
246
- --inc-c-label--icon-orange: var(--pf-global--palette--orange-300);
247
241
  --ins-c-label--gold-bg: #fdf7e7;
248
242
  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
249
243
  --inc-c-label--icon-gold: #F4C145;
250
- --ins-c-label--blue-bg: var(--pf-global--palette--blue-50);
251
- --inc-c-label--content-blue: var(--pf-global--palette--blue-600);
252
- --inc-c-label--icon-blue: var(--pf-global--palette--blue-300);
253
- }
254
-
255
- .ins-c-label-4.pf-c-label {
256
- background-color: var(--ins-c-label--red-bg);
257
- }
258
- .ins-c-label-4.pf-c-label .pf-c-label__content {
259
- color: var(--inc-c-label--content-red);
260
- }
261
- .ins-c-label-4.pf-c-label .pf-c-label__content .pf-c-label__icon {
262
- color: var(--inc-c-label--icon-red);
263
- }
264
-
265
- .ins-c-label-3.pf-c-label {
266
- background-color: var(--ins-c-label--orange-bg);
267
- }
268
- .ins-c-label-3.pf-c-label .pf-c-label__content {
269
- color: var(--inc-c-label--content-orange);
270
- }
271
- .ins-c-label-3.pf-c-label .pf-c-label__content .pf-c-label__icon {
272
- color: var(--inc-c-label--icon-orange);
244
+ --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
273
245
  }
274
246
 
275
247
  .ins-c-label-2.pf-c-label {
@@ -282,14 +254,8 @@ i.ins-battery svg {
282
254
  color: var(--inc-c-label--icon-gold);
283
255
  }
284
256
 
285
- .ins-c-label-1.pf-c-label {
286
- background-color: var(--ins-c-label--blue-bg);
287
- }
288
- .ins-c-label-1.pf-c-label .pf-c-label__content {
289
- color: var(--inc-c-label--content-blue);
290
- }
291
- .ins-c-label-1.pf-c-label .pf-c-label__content .pf-c-label__icon {
292
- color: var(--inc-c-label--icon-blue);
257
+ .ins-c-label-2.pf-c-label .pf-c-label__content::before {
258
+ border: 1px solid var(--inc-c-label--border-gold);
293
259
  }
294
260
 
295
261
  .Icon404 {
@@ -1882,12 +1848,4 @@ button.ins-c-tag-count {
1882
1848
 
1883
1849
  .ins-c-empty-state__unavailable svg {
1884
1850
  color: var(--pf-global--danger-color--100);
1885
- }
1886
-
1887
- .pf-c-modal-box.ins-c-wizard {
1888
- min-height: 75vh;
1889
- min-width: 75vw;
1890
- }
1891
- .pf-c-modal-box.ins-c-wizard .pf-c-modal-box__body {
1892
- max-height: none;
1893
1851
  }
package/esm/index.js CHANGED
@@ -13,7 +13,6 @@ export * from './TabLayout';
13
13
  export * from './Dark';
14
14
  export * from './PageHeader';
15
15
  export * from './Truncate';
16
- export * from './Wizard';
17
16
  export * from './DownloadButton';
18
17
  export * from './Reboot';
19
18
  export * from './Skeleton';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC"}
package/esm/index.scss CHANGED
@@ -28,4 +28,3 @@
28
28
  @import './TreeTable/styles.scss';
29
29
  @import './Truncate/truncate.scss';
30
30
  @import './Unavailable/Unavailable.scss';
31
- @import './Wizard/wizard.scss';
package/index.css CHANGED
@@ -238,38 +238,10 @@ i.ins-battery svg {
238
238
  }
239
239
 
240
240
  .pf-c-label {
241
- --ins-c-label--red-bg: #faeae8;
242
- --inc-c-label--content-red: var(--pf-global--palette--red-300);
243
- --inc-c-label--icon-red: var(--pf-global--palette--red-200);
244
- --ins-c-label--orange-bg: #FFF5EC;
245
- --inc-c-label--content-orange: #773D00;
246
- --inc-c-label--icon-orange: var(--pf-global--palette--orange-300);
247
241
  --ins-c-label--gold-bg: #fdf7e7;
248
242
  --inc-c-label--content-gold: var(--pf-global--palette--gold-700);
249
243
  --inc-c-label--icon-gold: #F4C145;
250
- --ins-c-label--blue-bg: var(--pf-global--palette--blue-50);
251
- --inc-c-label--content-blue: var(--pf-global--palette--blue-600);
252
- --inc-c-label--icon-blue: var(--pf-global--palette--blue-300);
253
- }
254
-
255
- .ins-c-label-4.pf-c-label {
256
- background-color: var(--ins-c-label--red-bg);
257
- }
258
- .ins-c-label-4.pf-c-label .pf-c-label__content {
259
- color: var(--inc-c-label--content-red);
260
- }
261
- .ins-c-label-4.pf-c-label .pf-c-label__content .pf-c-label__icon {
262
- color: var(--inc-c-label--icon-red);
263
- }
264
-
265
- .ins-c-label-3.pf-c-label {
266
- background-color: var(--ins-c-label--orange-bg);
267
- }
268
- .ins-c-label-3.pf-c-label .pf-c-label__content {
269
- color: var(--inc-c-label--content-orange);
270
- }
271
- .ins-c-label-3.pf-c-label .pf-c-label__content .pf-c-label__icon {
272
- color: var(--inc-c-label--icon-orange);
244
+ --inc-c-label--border-gold: var(--pf-global--palette--gold-100) ;
273
245
  }
274
246
 
275
247
  .ins-c-label-2.pf-c-label {
@@ -282,14 +254,8 @@ i.ins-battery svg {
282
254
  color: var(--inc-c-label--icon-gold);
283
255
  }
284
256
 
285
- .ins-c-label-1.pf-c-label {
286
- background-color: var(--ins-c-label--blue-bg);
287
- }
288
- .ins-c-label-1.pf-c-label .pf-c-label__content {
289
- color: var(--inc-c-label--content-blue);
290
- }
291
- .ins-c-label-1.pf-c-label .pf-c-label__content .pf-c-label__icon {
292
- color: var(--inc-c-label--icon-blue);
257
+ .ins-c-label-2.pf-c-label .pf-c-label__content::before {
258
+ border: 1px solid var(--inc-c-label--border-gold);
293
259
  }
294
260
 
295
261
  .Icon404 {
@@ -1882,12 +1848,4 @@ button.ins-c-tag-count {
1882
1848
 
1883
1849
  .ins-c-empty-state__unavailable svg {
1884
1850
  color: var(--pf-global--danger-color--100);
1885
- }
1886
-
1887
- .pf-c-modal-box.ins-c-wizard {
1888
- min-height: 75vh;
1889
- min-width: 75vw;
1890
- }
1891
- .pf-c-modal-box.ins-c-wizard .pf-c-modal-box__body {
1892
- max-height: none;
1893
1851
  }
package/index.d.ts CHANGED
@@ -21,7 +21,6 @@ export * from './TabLayout';
21
21
  export * from './Dark';
22
22
  export * from './PageHeader';
23
23
  export * from './Truncate';
24
- export * from './Wizard';
25
24
  export * from './DownloadButton';
26
25
  export * from './Reboot';
27
26
  export * from './Skeleton';
package/index.js CHANGED
@@ -25,7 +25,6 @@ __exportStar(require("./TabLayout"), exports);
25
25
  __exportStar(require("./Dark"), exports);
26
26
  __exportStar(require("./PageHeader"), exports);
27
27
  __exportStar(require("./Truncate"), exports);
28
- __exportStar(require("./Wizard"), exports);
29
28
  __exportStar(require("./DownloadButton"), exports);
30
29
  __exportStar(require("./Reboot"), exports);
31
30
  __exportStar(require("./Skeleton"), exports);
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAQA,oDAAkC;AAClC,4CAA0B;AAC1B,4CAA0B;AAC1B,yCAAuB;AACvB,+CAA6B;AAC7B,sDAAoC;AACpC,0CAAwB;AACxB,kDAAgC;AAChC,4CAA0B;AAC1B,gDAA8B;AAC9B,2CAAyB;AACzB,8CAA4B;AAC5B,yCAAuB;AACvB,+CAA6B;AAC7B,6CAA2B;AAC3B,2CAAyB;AACzB,mDAAiC;AACjC,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,4CAA0B;AAC1B,4CAA0B;AAC1B,kDAAgC;AAChC,kDAAgC;AAChC,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,6CAA2B;AAC3B,6CAA2B;AAC3B,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,mDAAiC;AACjC,yCAAuB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAQA,oDAAkC;AAClC,4CAA0B;AAC1B,4CAA0B;AAC1B,yCAAuB;AACvB,+CAA6B;AAC7B,sDAAoC;AACpC,0CAAwB;AACxB,kDAAgC;AAChC,4CAA0B;AAC1B,gDAA8B;AAC9B,2CAAyB;AACzB,8CAA4B;AAC5B,yCAAuB;AACvB,+CAA6B;AAC7B,6CAA2B;AAC3B,mDAAiC;AACjC,2CAAyB;AACzB,6CAA2B;AAC3B,kDAAgC;AAChC,iDAA+B;AAC/B,+CAA6B;AAC7B,4CAA0B;AAC1B,4CAA0B;AAC1B,kDAAgC;AAChC,kDAAgC;AAChC,gDAA8B;AAC9B,+CAA6B;AAC7B,sDAAoC;AACpC,6CAA2B;AAC3B,6CAA2B;AAC3B,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,gDAA8B;AAC9B,gDAA8B;AAC9B,mDAAiC;AACjC,yCAAuB"}
package/index.scss CHANGED
@@ -28,4 +28,3 @@
28
28
  @import './TreeTable/styles.scss';
29
29
  @import './Truncate/truncate.scss';
30
30
  @import './Unavailable/Unavailable.scss';
31
- @import './Wizard/wizard.scss';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redhat-cloud-services/frontend-components",
3
- "version": "3.8.9",
3
+ "version": "3.8.12",
4
4
  "description": "Common components for RedHat Cloud Services project.",
5
5
  "main": "index.js",
6
6
  "module": "esm/index.js",
@@ -1,31 +0,0 @@
1
- export default Wizard;
2
- declare class Wizard extends React.Component<any, any, any> {
3
- constructor(props: any);
4
- constructor(props: any, context: any);
5
- handleNextModalStep: () => void;
6
- handlePreviousModalStep: () => void;
7
- handleOnClose: (submit: any) => void;
8
- handleKeyPress: (event: any) => void;
9
- }
10
- declare namespace Wizard {
11
- namespace propTypes {
12
- const isValidated: PropTypes.Requireable<boolean>;
13
- const isLarge: PropTypes.Requireable<boolean>;
14
- const title: PropTypes.Requireable<string>;
15
- const className: PropTypes.Requireable<string>;
16
- const confirmAction: PropTypes.Requireable<string>;
17
- const isOpen: PropTypes.Requireable<any>;
18
- const content: PropTypes.Requireable<any[]>;
19
- const onClose: PropTypes.Requireable<(...args: any[]) => any>;
20
- }
21
- namespace defaultProps {
22
- export function onClose_1(f: any): any;
23
- export { onClose_1 as onClose };
24
- const isValidated_1: boolean;
25
- export { isValidated_1 as isValidated };
26
- const confirmAction_1: string;
27
- export { confirmAction_1 as confirmAction };
28
- }
29
- }
30
- import React from "react";
31
- import PropTypes from "prop-types";
package/Wizard/Wizard.js DELETED
@@ -1,136 +0,0 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- if (typeof b !== "function" && b !== null)
11
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
- extendStatics(d, b);
13
- function __() { this.constructor = d; }
14
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
- };
16
- })();
17
- var __assign = (this && this.__assign) || function () {
18
- __assign = Object.assign || function(t) {
19
- for (var s, i = 1, n = arguments.length; i < n; i++) {
20
- s = arguments[i];
21
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
22
- t[p] = s[p];
23
- }
24
- return t;
25
- };
26
- return __assign.apply(this, arguments);
27
- };
28
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
29
- if (k2 === undefined) k2 = k;
30
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
31
- }) : (function(o, m, k, k2) {
32
- if (k2 === undefined) k2 = k;
33
- o[k2] = m[k];
34
- }));
35
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
36
- Object.defineProperty(o, "default", { enumerable: true, value: v });
37
- }) : function(o, v) {
38
- o["default"] = v;
39
- });
40
- var __importStar = (this && this.__importStar) || function (mod) {
41
- if (mod && mod.__esModule) return mod;
42
- var result = {};
43
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
44
- __setModuleDefault(result, mod);
45
- return result;
46
- };
47
- var __rest = (this && this.__rest) || function (s, e) {
48
- var t = {};
49
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
50
- t[p] = s[p];
51
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
52
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
53
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
54
- t[p[i]] = s[p[i]];
55
- }
56
- return t;
57
- };
58
- var __importDefault = (this && this.__importDefault) || function (mod) {
59
- return (mod && mod.__esModule) ? mod : { "default": mod };
60
- };
61
- Object.defineProperty(exports, "__esModule", { value: true });
62
- var react_1 = __importStar(require("react"));
63
- var prop_types_1 = __importDefault(require("prop-types"));
64
- var classnames_1 = __importDefault(require("classnames"));
65
- var react_core_1 = require("@patternfly/react-core");
66
- require("./wizard.css");
67
- var Wizard = (function (_super) {
68
- __extends(Wizard, _super);
69
- function Wizard() {
70
- var _this = _super !== null && _super.apply(this, arguments) || this;
71
- _this.state = {
72
- currentStep: 0,
73
- };
74
- _this.handleNextModalStep = function () {
75
- _this.setState(function (_a) {
76
- var currentStep = _a.currentStep;
77
- return ({
78
- currentStep: currentStep + 1,
79
- });
80
- });
81
- };
82
- _this.handlePreviousModalStep = function () {
83
- _this.setState(function (_a) {
84
- var currentStep = _a.currentStep;
85
- return ({
86
- currentStep: currentStep - 1,
87
- });
88
- });
89
- };
90
- _this.handleOnClose = function (submit) {
91
- var result = _this.props.onClose(submit);
92
- if (result === false) {
93
- return;
94
- }
95
- _this.setState({ currentStep: 0 });
96
- };
97
- _this.handleKeyPress = function (event) {
98
- if (event.key === 'Enter' && _this.props.isValidated === true) {
99
- _this.handleNextModalStep();
100
- }
101
- };
102
- return _this;
103
- }
104
- Wizard.prototype.render = function () {
105
- var _this = this;
106
- 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"]);
107
- var wizardClasses = (0, classnames_1.default)('ins-c-wizard', className);
108
- var renderModalActions = [
109
- this.state.currentStep < this.props.content.length - 1 ? (react_1.default.createElement(react_core_1.Button, { key: "Next", action: "next", variant: "primary", isDisabled: !isValidated, onClick: this.handleNextModalStep }, "Next")) : (react_1.default.createElement(react_core_1.Button, { key: "confirm", action: "confirm", variant: "primary", isDisabled: !isValidated, onClick: function () { return _this.handleOnClose(true); } }, confirmAction)),
110
- this.state.currentStep !== 0 && (react_1.default.createElement(react_core_1.Button, { key: "back", action: "back", variant: "secondary", onClick: this.handlePreviousModalStep },
111
- ' ',
112
- "Back",
113
- ' ')),
114
- react_1.default.createElement(react_core_1.Button, { key: "cancel", action: "cancel", variant: "secondary", onClick: function () { return _this.handleOnClose(false); } }, "Cancel"),
115
- ];
116
- return (react_1.default.createElement(react_core_1.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]));
117
- };
118
- return Wizard;
119
- }(react_1.Component));
120
- Wizard.propTypes = {
121
- isValidated: prop_types_1.default.bool,
122
- isLarge: prop_types_1.default.bool,
123
- title: prop_types_1.default.string,
124
- className: prop_types_1.default.string,
125
- confirmAction: prop_types_1.default.string,
126
- isOpen: prop_types_1.default.any,
127
- content: prop_types_1.default.array,
128
- onClose: prop_types_1.default.func,
129
- };
130
- Wizard.defaultProps = {
131
- onClose: function (f) { return f; },
132
- isValidated: true,
133
- confirmAction: 'Confirm',
134
- };
135
- exports.default = Wizard;
136
- //# sourceMappingURL=Wizard.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../src/Wizard/Wizard.js"],"names":[],"mappings":"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"}
package/Wizard/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { default, default as Wizard } from "./Wizard";
package/Wizard/index.js DELETED
@@ -1,11 +0,0 @@
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.Wizard = exports.default = void 0;
7
- var Wizard_1 = require("./Wizard");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Wizard_1).default; } });
9
- var Wizard_2 = require("./Wizard");
10
- Object.defineProperty(exports, "Wizard", { enumerable: true, get: function () { return __importDefault(Wizard_2).default; } });
11
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Wizard/index.js"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA;AAChB,mCAA6C;AAApC,iHAAA,OAAO,OAAU"}
@@ -1 +0,0 @@
1
- {"main":"index.js","module":"../esm/Wizard/index.js","typings":"index.d.ts"}
package/Wizard/wizard.css DELETED
@@ -1,7 +0,0 @@
1
- .pf-c-modal-box.ins-c-wizard {
2
- min-height: 75vh;
3
- min-width: 75vw;
4
- }
5
- .pf-c-modal-box.ins-c-wizard .pf-c-modal-box__body {
6
- max-height: none;
7
- }
@@ -1,7 +0,0 @@
1
- .pf-c-modal-box.ins-c-wizard {
2
- min-height: 75vh;
3
- min-width: 75vw;
4
-
5
- // Style override, this max-height is actually set above by the overall wizard height
6
- .pf-c-modal-box__body { max-height: none; }
7
- }
@@ -1,112 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"Wizard.js","sourceRoot":"","sources":["../../src/Wizard/Wizard.js"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- export { default } from './Wizard';
2
- export { default as Wizard } from './Wizard';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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"}
@@ -1,7 +0,0 @@
1
- .pf-c-modal-box.ins-c-wizard {
2
- min-height: 75vh;
3
- min-width: 75vw;
4
- }
5
- .pf-c-modal-box.ins-c-wizard .pf-c-modal-box__body {
6
- max-height: none;
7
- }
@@ -1,7 +0,0 @@
1
- .pf-c-modal-box.ins-c-wizard {
2
- min-height: 75vh;
3
- min-width: 75vw;
4
-
5
- // Style override, this max-height is actually set above by the overall wizard height
6
- .pf-c-modal-box__body { max-height: none; }
7
- }