@widergy/energy-ui 2.7.2 → 2.7.3
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,10 @@
|
|
|
1
|
+
## [2.7.3](https://github.com/widergy/energy-ui/compare/v2.7.2...v2.7.3) (2023-09-14)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* added disabled for menu items ([#379](https://github.com/widergy/energy-ui/issues/379)) ([8f49580](https://github.com/widergy/energy-ui/commit/8f49580a3e5ec14516d768015f580562d82f9f3b))
|
|
7
|
+
|
|
1
8
|
## [2.7.2](https://github.com/widergy/energy-ui/compare/v2.7.1...v2.7.2) (2023-09-12)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -134,19 +134,21 @@ var UTMenu = function UTMenu(_ref) {
|
|
|
134
134
|
if (contextData.clickCallback) contextData.clickCallback();
|
|
135
135
|
};
|
|
136
136
|
return ItemComponent ? withMenuItem ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({
|
|
137
|
-
key: item.key,
|
|
138
|
-
onClick: handleClick,
|
|
139
137
|
className: "".concat(classes.menuItemContainer, " ").concat(item.menuItemClassName),
|
|
140
|
-
|
|
138
|
+
disabled: item.disabled,
|
|
139
|
+
divider: withDivider && index < lastItem,
|
|
140
|
+
key: item.key,
|
|
141
|
+
onClick: handleClick
|
|
141
142
|
}, menuItemProps), /*#__PURE__*/_react.default.createElement(ItemComponent, _extends({
|
|
142
143
|
className: classes.menuItem
|
|
143
144
|
}, itemProps, item))) : /*#__PURE__*/_react.default.createElement(ItemComponent, _extends({
|
|
144
145
|
className: classes.menuItem
|
|
145
146
|
}, itemProps, item)) : /*#__PURE__*/_react.default.createElement(_MenuItem.default, _extends({
|
|
146
|
-
key: item.key,
|
|
147
|
-
onClick: handleClick,
|
|
148
147
|
className: "".concat(classes.menuItemContainer, " ").concat(item.menuItemClassName),
|
|
149
|
-
|
|
148
|
+
disabled: item.disabled,
|
|
149
|
+
divider: withDivider && index < lastItem,
|
|
150
|
+
key: item.key,
|
|
151
|
+
onClick: handleClick
|
|
150
152
|
}, menuItemProps), iconBefore && item.Icon && /*#__PURE__*/_react.default.createElement(item.Icon, _extends({
|
|
151
153
|
className: classes.menuItemIcon
|
|
152
154
|
}, itemIconProps)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
|
|
@@ -6,53 +6,54 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
|
|
7
7
|
var _styles = require("@material-ui/core/styles");
|
|
8
8
|
var retrieveStyle = function retrieveStyle(_ref) {
|
|
9
|
-
var _theme$UTMenu, _theme$UTMenu2, _theme$UTMenu3, _theme$UTMenu4, _theme$UTMenu5, _theme$UTMenu6, _theme$UTMenu7, _theme$UTMenu8, _theme$UTMenu9, _theme$UTMenu10, _theme$UTMenu11, _theme$UTMenu12, _theme$UTMenu13, _theme$UTMenu14, _theme$UTMenu15, _theme$UTMenu16, _theme$UTMenu17, _theme$UTMenu18;
|
|
9
|
+
var _theme$UTMenu, _theme$UTMenu2, _theme$UTMenu3, _theme$UTMenu4, _theme$UTMenu5, _theme$UTMenu6, _theme$UTMenu7, _theme$UTMenu8, _theme$UTMenu9, _theme$UTMenu10, _theme$UTMenu11, _theme$UTMenu12, _theme$UTMenu13, _theme$UTMenu14, _theme$UTMenu15, _theme$UTMenu16, _theme$UTMenu17, _theme$UTMenu18, _theme$UTMenu19;
|
|
10
10
|
var theme = _ref.theme;
|
|
11
11
|
return {
|
|
12
12
|
paper: {
|
|
13
13
|
padding: theme === null || theme === void 0 || (_theme$UTMenu = theme.UTMenu) === null || _theme$UTMenu === void 0 || (_theme$UTMenu = _theme$UTMenu.paper) === null || _theme$UTMenu === void 0 ? void 0 : _theme$UTMenu.padding,
|
|
14
|
-
borderRadius: theme === null || theme === void 0 || (_theme$UTMenu2 = theme.UTMenu) === null || _theme$UTMenu2 === void 0 || (_theme$UTMenu2 = _theme$UTMenu2.paper) === null || _theme$UTMenu2 === void 0 ? void 0 : _theme$UTMenu2.borderRadius
|
|
14
|
+
borderRadius: theme === null || theme === void 0 || (_theme$UTMenu2 = theme.UTMenu) === null || _theme$UTMenu2 === void 0 || (_theme$UTMenu2 = _theme$UTMenu2.paper) === null || _theme$UTMenu2 === void 0 ? void 0 : _theme$UTMenu2.borderRadius,
|
|
15
|
+
boxShadow: theme === null || theme === void 0 || (_theme$UTMenu3 = theme.UTMenu) === null || _theme$UTMenu3 === void 0 || (_theme$UTMenu3 = _theme$UTMenu3.paper) === null || _theme$UTMenu3 === void 0 ? void 0 : _theme$UTMenu3.boxShadow
|
|
15
16
|
},
|
|
16
17
|
menuList: {
|
|
17
|
-
borderRadius: theme === null || theme === void 0 || (_theme$
|
|
18
|
-
padding: theme === null || theme === void 0 || (_theme$
|
|
19
|
-
outline: theme === null || theme === void 0 || (_theme$
|
|
20
|
-
width: theme === null || theme === void 0 || (_theme$
|
|
18
|
+
borderRadius: theme === null || theme === void 0 || (_theme$UTMenu4 = theme.UTMenu) === null || _theme$UTMenu4 === void 0 || (_theme$UTMenu4 = _theme$UTMenu4.menuList) === null || _theme$UTMenu4 === void 0 ? void 0 : _theme$UTMenu4.borderRadius,
|
|
19
|
+
padding: theme === null || theme === void 0 || (_theme$UTMenu5 = theme.UTMenu) === null || _theme$UTMenu5 === void 0 || (_theme$UTMenu5 = _theme$UTMenu5.menuList) === null || _theme$UTMenu5 === void 0 ? void 0 : _theme$UTMenu5.padding,
|
|
20
|
+
outline: theme === null || theme === void 0 || (_theme$UTMenu6 = theme.UTMenu) === null || _theme$UTMenu6 === void 0 || (_theme$UTMenu6 = _theme$UTMenu6.menuList) === null || _theme$UTMenu6 === void 0 ? void 0 : _theme$UTMenu6.outline,
|
|
21
|
+
width: theme === null || theme === void 0 || (_theme$UTMenu7 = theme.UTMenu) === null || _theme$UTMenu7 === void 0 || (_theme$UTMenu7 = _theme$UTMenu7.menuList) === null || _theme$UTMenu7 === void 0 ? void 0 : _theme$UTMenu7.width
|
|
21
22
|
},
|
|
22
23
|
menuItem: {
|
|
23
|
-
fontSize: theme === null || theme === void 0 || (_theme$
|
|
24
|
-
color: theme === null || theme === void 0 || (_theme$
|
|
25
|
-
backgroundColor: theme === null || theme === void 0 || (_theme$
|
|
24
|
+
fontSize: theme === null || theme === void 0 || (_theme$UTMenu8 = theme.UTMenu) === null || _theme$UTMenu8 === void 0 || (_theme$UTMenu8 = _theme$UTMenu8.menuItem) === null || _theme$UTMenu8 === void 0 ? void 0 : _theme$UTMenu8.fontSize,
|
|
25
|
+
color: theme === null || theme === void 0 || (_theme$UTMenu9 = theme.UTMenu) === null || _theme$UTMenu9 === void 0 || (_theme$UTMenu9 = _theme$UTMenu9.menuItem) === null || _theme$UTMenu9 === void 0 ? void 0 : _theme$UTMenu9.color,
|
|
26
|
+
backgroundColor: theme === null || theme === void 0 || (_theme$UTMenu10 = theme.UTMenu) === null || _theme$UTMenu10 === void 0 || (_theme$UTMenu10 = _theme$UTMenu10.menuItem) === null || _theme$UTMenu10 === void 0 ? void 0 : _theme$UTMenu10.backgroundColor
|
|
26
27
|
},
|
|
27
28
|
popper: {
|
|
28
29
|
zIndex: 9999,
|
|
29
|
-
margin: theme === null || theme === void 0 || (_theme$
|
|
30
|
+
margin: theme === null || theme === void 0 || (_theme$UTMenu11 = theme.UTMenu) === null || _theme$UTMenu11 === void 0 || (_theme$UTMenu11 = _theme$UTMenu11.popper) === null || _theme$UTMenu11 === void 0 ? void 0 : _theme$UTMenu11.margin
|
|
30
31
|
},
|
|
31
32
|
menuItemIcon: {
|
|
32
|
-
height: theme === null || theme === void 0 || (_theme$
|
|
33
|
-
color: theme === null || theme === void 0 || (_theme$
|
|
34
|
-
fontSize: theme === null || theme === void 0 || (_theme$
|
|
35
|
-
margin: theme === null || theme === void 0 || (_theme$
|
|
36
|
-
width: theme === null || theme === void 0 || (_theme$
|
|
33
|
+
height: theme === null || theme === void 0 || (_theme$UTMenu12 = theme.UTMenu) === null || _theme$UTMenu12 === void 0 || (_theme$UTMenu12 = _theme$UTMenu12.menuItemIcon) === null || _theme$UTMenu12 === void 0 ? void 0 : _theme$UTMenu12.height,
|
|
34
|
+
color: theme === null || theme === void 0 || (_theme$UTMenu13 = theme.UTMenu) === null || _theme$UTMenu13 === void 0 || (_theme$UTMenu13 = _theme$UTMenu13.menuItemIcon) === null || _theme$UTMenu13 === void 0 ? void 0 : _theme$UTMenu13.color,
|
|
35
|
+
fontSize: theme === null || theme === void 0 || (_theme$UTMenu14 = theme.UTMenu) === null || _theme$UTMenu14 === void 0 || (_theme$UTMenu14 = _theme$UTMenu14.menuItemIcon) === null || _theme$UTMenu14 === void 0 ? void 0 : _theme$UTMenu14.fontSize,
|
|
36
|
+
margin: theme === null || theme === void 0 || (_theme$UTMenu15 = theme.UTMenu) === null || _theme$UTMenu15 === void 0 || (_theme$UTMenu15 = _theme$UTMenu15.menuItemIcon) === null || _theme$UTMenu15 === void 0 ? void 0 : _theme$UTMenu15.margin,
|
|
37
|
+
width: theme === null || theme === void 0 || (_theme$UTMenu16 = theme.UTMenu) === null || _theme$UTMenu16 === void 0 || (_theme$UTMenu16 = _theme$UTMenu16.menuItemIcon) === null || _theme$UTMenu16 === void 0 ? void 0 : _theme$UTMenu16.width
|
|
37
38
|
},
|
|
38
39
|
menuItemContainer: {
|
|
39
|
-
padding: theme === null || theme === void 0 || (_theme$
|
|
40
|
-
position: theme === null || theme === void 0 || (_theme$
|
|
40
|
+
padding: theme === null || theme === void 0 || (_theme$UTMenu17 = theme.UTMenu) === null || _theme$UTMenu17 === void 0 || (_theme$UTMenu17 = _theme$UTMenu17.menuItemContainer) === null || _theme$UTMenu17 === void 0 ? void 0 : _theme$UTMenu17.padding,
|
|
41
|
+
position: theme === null || theme === void 0 || (_theme$UTMenu18 = theme.UTMenu) === null || _theme$UTMenu18 === void 0 || (_theme$UTMenu18 = _theme$UTMenu18.menuItemContainer) === null || _theme$UTMenu18 === void 0 ? void 0 : _theme$UTMenu18.position
|
|
41
42
|
},
|
|
42
43
|
scrollBar: {
|
|
43
|
-
maxHeight: theme === null || theme === void 0 || (_theme$
|
|
44
|
+
maxHeight: theme === null || theme === void 0 || (_theme$UTMenu19 = theme.UTMenu) === null || _theme$UTMenu19 === void 0 || (_theme$UTMenu19 = _theme$UTMenu19.scrollBar) === null || _theme$UTMenu19 === void 0 ? void 0 : _theme$UTMenu19.maxHeight
|
|
44
45
|
}
|
|
45
46
|
};
|
|
46
47
|
};
|
|
47
48
|
exports.retrieveStyle = retrieveStyle;
|
|
48
49
|
var retrieveMuiTheme = function retrieveMuiTheme(theme) {
|
|
49
|
-
var _theme$
|
|
50
|
+
var _theme$UTMenu20, _theme$UTMenu21;
|
|
50
51
|
return (0, _styles.createTheme)({
|
|
51
52
|
overrides: {
|
|
52
53
|
MuiListItem: {
|
|
53
54
|
divider: {
|
|
54
|
-
borderBottomColor: theme === null || theme === void 0 || (_theme$
|
|
55
|
-
borderBottomWidth: theme === null || theme === void 0 || (_theme$
|
|
55
|
+
borderBottomColor: theme === null || theme === void 0 || (_theme$UTMenu20 = theme.UTMenu) === null || _theme$UTMenu20 === void 0 || (_theme$UTMenu20 = _theme$UTMenu20.divider) === null || _theme$UTMenu20 === void 0 ? void 0 : _theme$UTMenu20.color,
|
|
56
|
+
borderBottomWidth: theme === null || theme === void 0 || (_theme$UTMenu21 = theme.UTMenu) === null || _theme$UTMenu21 === void 0 || (_theme$UTMenu21 = _theme$UTMenu21.divider) === null || _theme$UTMenu21 === void 0 ? void 0 : _theme$UTMenu21.width
|
|
56
57
|
}
|
|
57
58
|
}
|
|
58
59
|
}
|
|
@@ -85,6 +85,10 @@ var ActionIcons = function ActionIcons(_ref) {
|
|
|
85
85
|
};
|
|
86
86
|
var visibleMenuItems = menuItems.filter(function (menuItem) {
|
|
87
87
|
return !menuItem.isVisible || menuItem.isVisible(rowData);
|
|
88
|
+
}).map(function (menuItem) {
|
|
89
|
+
return _objectSpread(_objectSpread({}, menuItem), {}, {
|
|
90
|
+
disabled: menuItem.isDisabled && menuItem.isDisabled(rowData)
|
|
91
|
+
});
|
|
88
92
|
});
|
|
89
93
|
var getDisabledTooltip = function getDisabledTooltip() {
|
|
90
94
|
return typeof disabledTooltip === 'function' ? disabledTooltip(rowData) : disabledTooltip;
|