@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 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, " ").concat(withCheckRow && classes.checkRowContainer, " ").concat(!!input.value.find(function (val) {
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: classes.subtitle,
119
+ className: _stylesModule.default.subtitle,
120
+ colorTheme: "gray",
121
121
  withMarkdown: true
122
122
  }, subtitle)), children));
123
123
  };
124
124
  UTWorkflowContainer.propTypes = {
125
- stepsCount: _propTypes.number,
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
- stepCounter: (0, _propTypes.oneOfType)([_propTypes.func, _propTypes.element]),
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
- backButton: _types.buttonTypes,
133
- children: _propTypes.element,
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
- subtitle: _propTypes.string,
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: 10px 0;
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, _theme$UTWorkflowCont10, _theme$UTWorkflowCont11, _theme$UTWorkflowCont12, _theme$UTWorkflowCont13, _theme$UTWorkflowCont14, _theme$UTWorkflowCont15;
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$UTWorkflowCont13 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont13 === void 0 ? void 0 : (_theme$UTWorkflowCont14 = _theme$UTWorkflowCont13.bottomActions) === null || _theme$UTWorkflowCont14 === void 0 ? void 0 : (_theme$UTWorkflowCont15 = _theme$UTWorkflowCont14.container) === null || _theme$UTWorkflowCont15 === void 0 ? void 0 : _theme$UTWorkflowCont15.padding) || 0)
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.5",
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.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",