@widergy/energy-ui 3.16.4 → 3.17.0
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,17 @@
|
|
|
1
|
+
# [3.17.0](https://github.com/widergy/energy-ui/compare/v3.16.5...v3.17.0) (2024-08-21)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* topbar adjustments ([#474](https://github.com/widergy/energy-ui/issues/474)) ([a420d61](https://github.com/widergy/energy-ui/commit/a420d61f824a674fb36363c68b58c03def94d406))
|
|
7
|
+
|
|
8
|
+
## [3.16.5](https://github.com/widergy/energy-ui/compare/v3.16.4...v3.16.5) (2024-08-20)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* minor fix ([#477](https://github.com/widergy/energy-ui/issues/477)) ([7e0f79a](https://github.com/widergy/energy-ui/commit/7e0f79aa45cbd19dbafc954eeb51a3a7c3cb7fc5))
|
|
14
|
+
|
|
1
15
|
## [3.16.4](https://github.com/widergy/energy-ui/compare/v3.16.3...v3.16.4) (2024-08-20)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -23,14 +23,14 @@ const getIconProps = _ref => {
|
|
|
23
23
|
if (!Icon) return {};
|
|
24
24
|
const actionColorName = _constants.COLORS_MAPPER[colorTheme] || _constants.COLORS_MAPPER[_constants.DEFAULT_PROPS.colorTheme];
|
|
25
25
|
return {
|
|
26
|
-
IconComponent: _componentUtils.isUTIcon ? _UTIcon.default : Icon,
|
|
26
|
+
IconComponent: (0, _componentUtils.isUTIcon)(Icon) ? _UTIcon.default : Icon,
|
|
27
27
|
className: `
|
|
28
28
|
${_stylesModule.default.baseIcon}
|
|
29
29
|
${className}
|
|
30
30
|
${hasContent ? _stylesModule.default.icon : _stylesModule.default[`iconOnly${(0, _componentUtils.capitalize)(size)}`]}
|
|
31
31
|
${hideTextOnResponsive ? _stylesModule.default[`adaptableIcon${(0, _componentUtils.capitalize)(size)}`] : ''}
|
|
32
32
|
`,
|
|
33
|
-
...(_componentUtils.isUTIcon ? {
|
|
33
|
+
...((0, _componentUtils.isUTIcon)(Icon) ? {
|
|
34
34
|
colorTheme: variant === _constants.VARIANTS_NAMES.filled ? actionColorName === _constants.COLORS_MAPPER.negative ? _Palette.COLOR_THEMES.neutral : _Palette.COLOR_THEMES.light : actionColorName,
|
|
35
35
|
name: Icon
|
|
36
36
|
} : {})
|
|
@@ -33,6 +33,7 @@ const UTTopbar = _ref => {
|
|
|
33
33
|
enableNotifications = false,
|
|
34
34
|
handleClick,
|
|
35
35
|
handleMenu,
|
|
36
|
+
isMobileOrTablet = false,
|
|
36
37
|
isMobileSize,
|
|
37
38
|
justAvatar,
|
|
38
39
|
MenuComponent,
|
|
@@ -47,9 +48,10 @@ const UTTopbar = _ref => {
|
|
|
47
48
|
UTMenu
|
|
48
49
|
} = _ref;
|
|
49
50
|
const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
|
|
51
|
+
const showSideBarMenu = handleMenu && (isMobileSize || isMobileOrTablet);
|
|
50
52
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
51
|
-
className: `${_stylesModule.default.container} ${classes.container}`
|
|
52
|
-
},
|
|
53
|
+
className: `${_stylesModule.default.container} ${showSideBarMenu && _stylesModule.default.containerWithMenu} ${classes.container}`
|
|
54
|
+
}, showSideBarMenu && /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
53
55
|
onClick: handleMenu,
|
|
54
56
|
className: classes.menuIcon
|
|
55
57
|
}), (0, _array.isEmpty)(breadcrumbs) ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
|
|
@@ -68,7 +70,7 @@ const UTTopbar = _ref => {
|
|
|
68
70
|
}, breadcrumbs[breadcrumbs.length - 1].label)) : /*#__PURE__*/_react.default.createElement(_UTBreadcrumbs.default, _extends({
|
|
69
71
|
breadcrumbs: breadcrumbs
|
|
70
72
|
}, breadcrumbsProps)), /*#__PURE__*/_react.default.createElement("div", {
|
|
71
|
-
className: _stylesModule.default.rightSection
|
|
73
|
+
className: `${_stylesModule.default.rightSection} ${showSideBarMenu && _stylesModule.default.rightSectionWithMenu}`
|
|
72
74
|
}, children, enableNotifications && /*#__PURE__*/_react.default.createElement(_Notifications.default, {
|
|
73
75
|
classes: classes,
|
|
74
76
|
IconActive: notificationIconActive,
|
|
@@ -96,6 +98,7 @@ UTTopbar.propTypes = {
|
|
|
96
98
|
enableNotifications: _propTypes.bool,
|
|
97
99
|
handleClick: _propTypes.func,
|
|
98
100
|
handleMenu: _propTypes.func,
|
|
101
|
+
isMobileOrTablet: _propTypes.bool,
|
|
99
102
|
isMobileSize: _propTypes.bool,
|
|
100
103
|
justAvatar: _propTypes.bool,
|
|
101
104
|
MenuComponent: _propTypes.node,
|
|
@@ -6,6 +6,10 @@
|
|
|
6
6
|
width: 100%;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
.containerWithMenu {
|
|
10
|
+
justify-content: unset !important;
|
|
11
|
+
}
|
|
12
|
+
|
|
9
13
|
.mobileTitle {
|
|
10
14
|
display: none;
|
|
11
15
|
}
|
|
@@ -16,6 +20,11 @@
|
|
|
16
20
|
height: 100%;
|
|
17
21
|
}
|
|
18
22
|
|
|
23
|
+
.rightSectionWithMenu {
|
|
24
|
+
justify-content: flex-end;
|
|
25
|
+
width: 100%;
|
|
26
|
+
}
|
|
27
|
+
|
|
19
28
|
.showLastBreadcrumbContainer {
|
|
20
29
|
align-items: center;
|
|
21
30
|
display: flex;
|