@widergy/energy-ui 2.1.5 → 2.1.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 +17 -0
- package/dist/components/UTBreadcrumbs/index.js +2 -1
- package/dist/components/UTCheckList/index.js +1 -1
- package/dist/components/UTWorkflowContainer/index.js +14 -14
- package/dist/components/UTWorkflowContainer/styles.module.scss +10 -1
- package/dist/components/UTWorkflowContainer/theme.js +2 -16
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,20 @@
|
|
|
1
|
+
## [2.1.7](https://github.com/widergy/energy-ui/compare/v2.1.6...v2.1.7) (2023-03-10)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* no newline at the end of file ([8c183bc](https://github.com/widergy/energy-ui/commit/8c183bc7628d98af62978547649f45e3434a274d))
|
|
7
|
+
* removes lock ([759b0ac](https://github.com/widergy/energy-ui/commit/759b0ac4fac83a52e08b06f00515ea22a9656704))
|
|
8
|
+
* updated hooks version ([d439bde](https://github.com/widergy/energy-ui/commit/d439bde289267937bcc109bd980146d06715d613))
|
|
9
|
+
* updates energy hooks min version ([aee9706](https://github.com/widergy/energy-ui/commit/aee970614cf0ee84e693852f02faae184741f492))
|
|
10
|
+
|
|
11
|
+
## [2.1.6](https://github.com/widergy/energy-ui/compare/v2.1.5...v2.1.6) (2023-02-28)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* fixes on breadcrumbs + workflow ([#348](https://github.com/widergy/energy-ui/issues/348)) ([ad25521](https://github.com/widergy/energy-ui/commit/ad255216b7379c29c73b1bc8a0404e4185cd7309))
|
|
17
|
+
|
|
1
18
|
## [2.1.5](https://github.com/widergy/energy-ui/compare/v2.1.4...v2.1.5) (2023-02-24)
|
|
2
19
|
|
|
3
20
|
|
|
@@ -93,7 +93,8 @@ var UTBreadcrumbs = function UTBreadcrumbs(_ref) {
|
|
|
93
93
|
var itemsBeforeCollapse = getItemsBeforeCollapse(containerRef);
|
|
94
94
|
return [].concat(_toConsumableArray(prevContent.slice(0, itemsBeforeCollapse)), [{
|
|
95
95
|
label: elipsis,
|
|
96
|
-
menuItems: prevContent.slice(itemsBeforeCollapse, prevContent.length - 1)
|
|
96
|
+
menuItems: prevContent.slice(itemsBeforeCollapse, prevContent.length - 1),
|
|
97
|
+
buttonColorTheme: prevContent[0].buttonColorTheme
|
|
97
98
|
}, prevContent[prevContent.length - 1]]);
|
|
98
99
|
});
|
|
99
100
|
}
|
|
@@ -120,7 +120,7 @@ var UTCheckList = function UTCheckList(_ref) {
|
|
|
120
120
|
className: "".concat(_stylesModule.default.rows, " ").concat(classes.rowContainerClassName)
|
|
121
121
|
}, list.map(function (item) {
|
|
122
122
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
123
|
-
className: "".concat(_stylesModule.default.row, "
|
|
123
|
+
className: "\n ".concat(_stylesModule.default.row, "\n ").concat(withCheckRow && classes.checkRowContainer, "\n ").concat(!(0, _array.isEmpty)(input.value) && !!input.value.find(function (val) {
|
|
124
124
|
return val === item[valueKey];
|
|
125
125
|
}) && classes.customRowRootChecked, " "),
|
|
126
126
|
key: item[valueKey]
|
|
@@ -112,33 +112,33 @@ var UTWorkflowContainer = function UTWorkflowContainer(_ref) {
|
|
|
112
112
|
}, TitleIcon && /*#__PURE__*/_react.default.createElement(TitleIcon, {
|
|
113
113
|
className: classes.titleIcon
|
|
114
114
|
}), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
115
|
-
className: classes.title,
|
|
116
115
|
variant: "title2",
|
|
117
116
|
weight: "medium",
|
|
118
117
|
withMarkdown: true
|
|
119
118
|
}, title)), subtitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
120
|
-
className:
|
|
119
|
+
className: _stylesModule.default.subtitle,
|
|
120
|
+
colorTheme: "gray",
|
|
121
121
|
withMarkdown: true
|
|
122
122
|
}, subtitle)), children));
|
|
123
123
|
};
|
|
124
124
|
UTWorkflowContainer.propTypes = {
|
|
125
|
-
|
|
125
|
+
actionsPosition: _propTypes.bool,
|
|
126
|
+
backButton: _types.buttonTypes,
|
|
127
|
+
children: _propTypes.element,
|
|
128
|
+
classes: (0, _propTypes.objectOf)(_propTypes.string),
|
|
129
|
+
classNames: (0, _propTypes.objectOf)(_propTypes.string),
|
|
126
130
|
currentStep: _propTypes.number.isRequired,
|
|
127
|
-
|
|
128
|
-
onExit: _propTypes.func,
|
|
131
|
+
extraActions: _propTypes.element,
|
|
129
132
|
hideStepCounter: _propTypes.bool,
|
|
130
|
-
classes: (0, _propTypes.objectOf)(_propTypes.string),
|
|
131
133
|
nextButton: _types.buttonTypes,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
+
onExit: _propTypes.func,
|
|
135
|
+
smallButtons: _propTypes.bool,
|
|
136
|
+
stepCounter: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element]),
|
|
137
|
+
stepsCount: _propTypes.number,
|
|
138
|
+
subtitle: _propTypes.string,
|
|
134
139
|
title: _propTypes.string,
|
|
135
140
|
TitleIcon: _propTypes.element,
|
|
136
|
-
|
|
137
|
-
smallButtons: _propTypes.bool,
|
|
138
|
-
classNames: (0, _propTypes.objectOf)(_propTypes.string),
|
|
139
|
-
withIcon: _propTypes.bool,
|
|
140
|
-
actionsPosition: _propTypes.bool,
|
|
141
|
-
extraActions: _propTypes.element
|
|
141
|
+
withIcon: _propTypes.bool
|
|
142
142
|
};
|
|
143
143
|
var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTWorkflowContainer);
|
|
144
144
|
exports.default = _default;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
align-items: center;
|
|
8
8
|
display: flex;
|
|
9
9
|
justify-content: center;
|
|
10
|
-
padding:
|
|
10
|
+
padding: 16px 0 24px;
|
|
11
11
|
position: relative;
|
|
12
12
|
width: 100%;
|
|
13
13
|
}
|
|
@@ -19,6 +19,15 @@
|
|
|
19
19
|
.titleAndTitleIconContainer {
|
|
20
20
|
align-items: center;
|
|
21
21
|
display: flex;
|
|
22
|
+
text-align: center;
|
|
23
|
+
|
|
24
|
+
& +.subtitle {
|
|
25
|
+
margin-top: 8px;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.subtitle {
|
|
30
|
+
text-align: center;
|
|
22
31
|
}
|
|
23
32
|
|
|
24
33
|
.backButton {
|
|
@@ -13,7 +13,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
13
13
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
14
14
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
15
15
|
var retrieveStyle = function retrieveStyle(_ref) {
|
|
16
|
-
var _container, _theme$UTWorkflowCont, _theme$UTWorkflowCont2, _theme$UTWorkflowCont3, _theme$UTWorkflowCont4, _theme$UTWorkflowCont5, _theme$UTWorkflowCont6, _theme$UTWorkflowCont7, _theme$UTWorkflowCont8, _theme$UTWorkflowCont9
|
|
16
|
+
var _container, _theme$UTWorkflowCont, _theme$UTWorkflowCont2, _theme$UTWorkflowCont3, _theme$UTWorkflowCont4, _theme$UTWorkflowCont5, _theme$UTWorkflowCont6, _theme$UTWorkflowCont7, _theme$UTWorkflowCont8, _theme$UTWorkflowCont9;
|
|
17
17
|
var theme = _ref.theme;
|
|
18
18
|
var mobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'mobile']);
|
|
19
19
|
var tabletMobile = (0, _seamlessImmutable.getIn)(theme, ['Media', 'tabletMobile']);
|
|
@@ -82,13 +82,6 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
82
82
|
}, tabletMobile, {
|
|
83
83
|
minWidth: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont4 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont4 === void 0 ? void 0 : (_theme$UTWorkflowCont5 = _theme$UTWorkflowCont4.nextButton) === null || _theme$UTWorkflowCont5 === void 0 ? void 0 : (_theme$UTWorkflowCont6 = _theme$UTWorkflowCont5.tabletMobile) === null || _theme$UTWorkflowCont6 === void 0 ? void 0 : _theme$UTWorkflowCont6.minWidth) || '1px')
|
|
84
84
|
}),
|
|
85
|
-
title: _defineProperty({
|
|
86
|
-
color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'color']),
|
|
87
|
-
margin: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont7 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont7 === void 0 ? void 0 : (_theme$UTWorkflowCont8 = _theme$UTWorkflowCont7.title) === null || _theme$UTWorkflowCont8 === void 0 ? void 0 : _theme$UTWorkflowCont8.margin) || '0 0 2px 0'),
|
|
88
|
-
marginBottom: (0, _classesUtils.withImportant)(theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont9 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont9 === void 0 ? void 0 : (_theme$UTWorkflowCont10 = _theme$UTWorkflowCont9.title) === null || _theme$UTWorkflowCont10 === void 0 ? void 0 : _theme$UTWorkflowCont10.marginBottom)
|
|
89
|
-
}, tabletMobile, {
|
|
90
|
-
marginTop: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'tabletMobile', 'marginTop'])
|
|
91
|
-
}),
|
|
92
85
|
titleIcon: {
|
|
93
86
|
color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'titleIcon', 'color']),
|
|
94
87
|
height: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'titleIcon', 'height']),
|
|
@@ -96,13 +89,6 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
96
89
|
width: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'titleIcon', 'width']),
|
|
97
90
|
marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'title', 'marginBottom'])
|
|
98
91
|
},
|
|
99
|
-
subtitle: {
|
|
100
|
-
color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', 'color']),
|
|
101
|
-
margin: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont11 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont11 === void 0 ? void 0 : (_theme$UTWorkflowCont12 = _theme$UTWorkflowCont11.subtitle) === null || _theme$UTWorkflowCont12 === void 0 ? void 0 : _theme$UTWorkflowCont12.margin) || '0 0 10px 0'),
|
|
102
|
-
'& > a': {
|
|
103
|
-
color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'subtitle', '& > a', 'color'])
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
92
|
stepCounter: _defineProperty({
|
|
107
93
|
alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'stepCounter', 'alignItems']),
|
|
108
94
|
color: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'stepCounter', 'color']),
|
|
@@ -118,7 +104,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
|
|
|
118
104
|
justifyContent: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'justifyContent']),
|
|
119
105
|
margin: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'padding'], '0'),
|
|
120
106
|
minHeight: (0, _seamlessImmutable.getIn)(theme, ['UTWorkflowContainer', 'bottomActions', 'container', 'minHeight'], '90px'),
|
|
121
|
-
padding: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$
|
|
107
|
+
padding: (0, _classesUtils.withImportant)((theme === null || theme === void 0 ? void 0 : (_theme$UTWorkflowCont7 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont7 === void 0 ? void 0 : (_theme$UTWorkflowCont8 = _theme$UTWorkflowCont7.bottomActions) === null || _theme$UTWorkflowCont8 === void 0 ? void 0 : (_theme$UTWorkflowCont9 = _theme$UTWorkflowCont8.container) === null || _theme$UTWorkflowCont9 === void 0 ? void 0 : _theme$UTWorkflowCont9.padding) || 0)
|
|
122
108
|
}
|
|
123
109
|
};
|
|
124
110
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@widergy/energy-ui",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.7",
|
|
4
4
|
"description": "Widergy Web Components",
|
|
5
5
|
"author": "widergy",
|
|
6
6
|
"license": "MIT",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"@material-ui/pickers": "^3.3.10",
|
|
31
31
|
"@tippy.js/react": "^3.0.0",
|
|
32
32
|
"@trainline/react-skeletor": "^1.0.2",
|
|
33
|
-
"@widergy/energy-hooks": "^1.0.
|
|
33
|
+
"@widergy/energy-hooks": "^1.0.4",
|
|
34
34
|
"@widergy/web-utils": ">=1.0.0",
|
|
35
35
|
"autoprefixer": "^9.5.0",
|
|
36
36
|
"babel-plugin-inline-react-svg": "^1.1.0",
|