@widergy/energy-ui 3.18.6 → 3.18.7
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/CHANGELOG.md +8 -0
- package/dist/components/UTHeader/index.js +1 -1
- package/dist/components/UTWorkflowContainer/versions/V1/components/NavActions/index.js +7 -5
- package/dist/components/UTWorkflowContainer/versions/V1/components/NavActions/styles.module.scss +4 -0
- package/dist/components/UTWorkflowContainer/versions/V1/index.js +6 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
## [3.18.7](https://github.com/widergy/energy-ui/compare/v3.18.6...v3.18.7) (2024-09-16)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* some fixes ([630acb0](https://github.com/widergy/energy-ui/commit/630acb07c221dd3281cbf64ebbc6f553bfbbfa64))
|
|
7
|
+
* styles workflow ([6f2ff98](https://github.com/widergy/energy-ui/commit/6f2ff987fb8fb444d63b6bdf3d08719d3ddea4fd))
|
|
8
|
+
|
|
1
9
|
## [3.18.6](https://github.com/widergy/energy-ui/compare/v3.18.5...v3.18.6) (2024-09-09)
|
|
2
10
|
|
|
3
11
|
|
|
@@ -102,7 +102,7 @@ const UTHeader = _ref => {
|
|
|
102
102
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
103
103
|
className: `${_stylesModule.default.header} ${banner?.text && _stylesModule.default.bottomPadding}`
|
|
104
104
|
}, tagline && !isLastStep && Tagline, /*#__PURE__*/_react.default.createElement("div", {
|
|
105
|
-
className: _stylesModule.default.titles
|
|
105
|
+
className: `${_stylesModule.default.titles} ${classes.titles}`
|
|
106
106
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
107
107
|
className: _stylesModule.default.titleAndActionsContainer
|
|
108
108
|
}, TitleIcon && /*#__PURE__*/_react.default.createElement(TitleIcon, {
|
|
@@ -20,6 +20,7 @@ const NavActions = _ref => {
|
|
|
20
20
|
backButton = {},
|
|
21
21
|
checkbox,
|
|
22
22
|
currentStep,
|
|
23
|
+
forceResponsive,
|
|
23
24
|
nextButton = {},
|
|
24
25
|
primaryAction,
|
|
25
26
|
secondaryAction
|
|
@@ -34,7 +35,7 @@ const NavActions = _ref => {
|
|
|
34
35
|
className: `${_stylesModule.default.actionsGroup} ${!isBackButtonHidden && _stylesModule.default.actionsGroupResponsive}`
|
|
35
36
|
}, !isBackButtonHidden && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
|
|
36
37
|
classNames: {
|
|
37
|
-
root: _stylesModule.default.navAction
|
|
38
|
+
root: `${_stylesModule.default.navAction} ${backButton.classes} ${forceResponsive && _stylesModule.default.navActionResponsive}`
|
|
38
39
|
},
|
|
39
40
|
colorTheme: "secondary",
|
|
40
41
|
disabled: backButton.disabled,
|
|
@@ -45,7 +46,7 @@ const NavActions = _ref => {
|
|
|
45
46
|
variant: "text"
|
|
46
47
|
}, backButton.label || _constants.BACK), secondaryAction && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
|
|
47
48
|
classNames: {
|
|
48
|
-
root: _stylesModule.default.navAction
|
|
49
|
+
root: `${_stylesModule.default.navAction} ${forceResponsive && _stylesModule.default.navActionResponsive}`
|
|
49
50
|
},
|
|
50
51
|
colorTheme: secondaryAction.colorTheme || 'primary',
|
|
51
52
|
disabled: secondaryAction.disabled,
|
|
@@ -56,10 +57,10 @@ const NavActions = _ref => {
|
|
|
56
57
|
}, secondaryAction.label), checkbox && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement("div", {
|
|
57
58
|
className: _stylesModule.default.checkboxContainer
|
|
58
59
|
}, /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, checkbox))), /*#__PURE__*/_react.default.createElement("div", {
|
|
59
|
-
className: `${_stylesModule.default.actionsGroup} ${isMobileOrTablet && _stylesModule.default.actionsGroupResponsive}`
|
|
60
|
+
className: `${_stylesModule.default.actionsGroup} ${(isMobileOrTablet || forceResponsive) && _stylesModule.default.actionsGroupResponsive}`
|
|
60
61
|
}, primaryAction && !isMobileOrTablet && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
|
|
61
62
|
classNames: {
|
|
62
|
-
root: _stylesModule.default.navAction
|
|
63
|
+
root: `${_stylesModule.default.navAction} ${forceResponsive && _stylesModule.default.navActionResponsive}`
|
|
63
64
|
},
|
|
64
65
|
colorTheme: primaryAction.colorTheme || 'primary',
|
|
65
66
|
disabled: primaryAction.disabled,
|
|
@@ -69,7 +70,7 @@ const NavActions = _ref => {
|
|
|
69
70
|
variant: primaryAction.variant || 'semitransparent'
|
|
70
71
|
}, primaryAction.label), !nextButton.isHidden && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
|
|
71
72
|
classNames: {
|
|
72
|
-
root: _stylesModule.default.navAction
|
|
73
|
+
root: `${_stylesModule.default.navAction} ${nextButton.classes} ${forceResponsive && _stylesModule.default.navActionResponsive}`
|
|
73
74
|
},
|
|
74
75
|
colorTheme: "primary",
|
|
75
76
|
disabled: nextButton.disabled,
|
|
@@ -85,6 +86,7 @@ NavActions.propTypes = {
|
|
|
85
86
|
text: _propTypes.string
|
|
86
87
|
}),
|
|
87
88
|
currentStep: _propTypes.number,
|
|
89
|
+
forceResponsive: _propTypes.bool,
|
|
88
90
|
nextButton: _types.buttonTypes,
|
|
89
91
|
primaryAction: _types.buttonTypes,
|
|
90
92
|
secondaryAction: _types.buttonTypes,
|
|
@@ -32,8 +32,9 @@ const UTWorkflowContainer = _ref => {
|
|
|
32
32
|
classNames,
|
|
33
33
|
currentStage,
|
|
34
34
|
currentStep = 1,
|
|
35
|
-
|
|
35
|
+
forceResponsive = false,
|
|
36
36
|
headerActions,
|
|
37
|
+
helpText,
|
|
37
38
|
nextButton,
|
|
38
39
|
onExit,
|
|
39
40
|
primaryAction,
|
|
@@ -72,7 +73,8 @@ const UTWorkflowContainer = _ref => {
|
|
|
72
73
|
actions: [...(headerActions || []), ...(isMobileOrTablet ? [primaryAction, secondaryAction].filter(action => action) : [])],
|
|
73
74
|
banner: title && banner,
|
|
74
75
|
classNames: {
|
|
75
|
-
outerContainer: `${_stylesModule.default.headerContainer} ${classes.headerContainer}
|
|
76
|
+
outerContainer: `${_stylesModule.default.headerContainer} ${classes.headerContainer}`,
|
|
77
|
+
titles: classes.titles
|
|
76
78
|
},
|
|
77
79
|
helpText: title && helpText,
|
|
78
80
|
isLastStep: isNavHidden,
|
|
@@ -103,6 +105,7 @@ const UTWorkflowContainer = _ref => {
|
|
|
103
105
|
backButton: backButton,
|
|
104
106
|
checkbox: checkbox,
|
|
105
107
|
currentStep: currentStep,
|
|
108
|
+
forceResponsive: forceResponsive,
|
|
106
109
|
nextButton: nextButton,
|
|
107
110
|
primaryAction: primaryAction,
|
|
108
111
|
secondaryAction: secondaryAction,
|
|
@@ -125,6 +128,7 @@ UTWorkflowContainer.propTypes = {
|
|
|
125
128
|
currentStep: _propTypes.number,
|
|
126
129
|
helpText: _propTypes.string,
|
|
127
130
|
headerActions: (0, _propTypes.arrayOf)(_types.buttonTypes),
|
|
131
|
+
forceResponsive: _propTypes.bool,
|
|
128
132
|
nextButton: _types.buttonTypes,
|
|
129
133
|
onExit: _propTypes.func,
|
|
130
134
|
primaryAction: _types.buttonTypes,
|