@widergy/energy-ui 3.100.2 → 3.100.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
|
+
## [3.100.3](https://github.com/widergy/energy-ui/compare/v3.100.2...v3.100.3) (2025-08-25)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* [SFPE-405] add title tooltip ([#675](https://github.com/widergy/energy-ui/issues/675)) ([42c9cc5](https://github.com/widergy/energy-ui/commit/42c9cc5afe5fd8b2f39158de1a3ae78f0767463b))
|
|
7
|
+
|
|
1
8
|
## [3.100.2](https://github.com/widergy/energy-ui/compare/v3.100.1...v3.100.2) (2025-08-20)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.SPACING = exports.PADDING = exports.ORIENTATION = exports.ACTION_TYPE = void 0;
|
|
6
|
+
exports.TOOLTIP_PROPS = exports.SPACING = exports.PADDING = exports.ORIENTATION = exports.ACTION_TYPE = void 0;
|
|
7
7
|
const ORIENTATION = exports.ORIENTATION = {
|
|
8
8
|
HORIZONTAL: 'horizontal',
|
|
9
9
|
VERTICAL: 'vertical'
|
|
@@ -19,4 +19,8 @@ const SPACING = exports.SPACING = {
|
|
|
19
19
|
const ACTION_TYPE = exports.ACTION_TYPE = {
|
|
20
20
|
SWITCH: 'switch',
|
|
21
21
|
BUTTON: 'button'
|
|
22
|
+
};
|
|
23
|
+
const TOOLTIP_PROPS = exports.TOOLTIP_PROPS = {
|
|
24
|
+
appendTo: () => document.body,
|
|
25
|
+
interactive: false
|
|
22
26
|
};
|
|
@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
|
|
10
10
|
var _isString = _interopRequireDefault(require("lodash/isString"));
|
|
11
11
|
var _isFinite = _interopRequireDefault(require("lodash/isFinite"));
|
|
12
|
+
var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
|
|
12
13
|
var _UTBadge = _interopRequireDefault(require("../UTBadge"));
|
|
13
14
|
var _UTLabel = _interopRequireDefault(require("../UTLabel"));
|
|
14
15
|
var _WithTheme = _interopRequireDefault(require("../WithTheme"));
|
|
@@ -64,6 +65,11 @@ const UTDataElement = _ref => {
|
|
|
64
65
|
const IconComponent = (0, _componentUtils.isUTIcon)(Icon) ? _UTIcon.default : Icon;
|
|
65
66
|
const DataComponent = (0, _componentUtils.isUTLabel)(Data) ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, dataProps, Data) : Data;
|
|
66
67
|
const showBadge = forceShowBadge || (0, _isString.default)(badge) && !(0, _isEmpty.default)(badge) || (0, _isFinite.default)(badge);
|
|
68
|
+
const {
|
|
69
|
+
tooltip: titleTooltip
|
|
70
|
+
} = titleProps || {};
|
|
71
|
+
const withTitleTooltip = (0, _isString.default)(titleTooltip) && !(0, _isEmpty.default)(titleTooltip);
|
|
72
|
+
const TitleWrapper = withTitleTooltip ? _UTTooltip.default : _react.Fragment;
|
|
67
73
|
const contentClasses = "".concat(classes.content, " ").concat(_stylesModule.default["spacing".concat((0, _componentUtils.capitalize)(spacing))]);
|
|
68
74
|
const infoClasses = "".concat(classes.info, " ").concat(orientation === _constants.ORIENTATION.VERTICAL && classes.vertical);
|
|
69
75
|
const iconCollapseButtonClasses = "".concat(classes.iconCollapseButton, " ").concat(isCollapsed && classes.collapsed);
|
|
@@ -81,9 +87,12 @@ const UTDataElement = _ref => {
|
|
|
81
87
|
className: classes.topInfo
|
|
82
88
|
}, prefix && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
|
|
83
89
|
colorTheme: "gray"
|
|
84
|
-
}, prefixProps), prefix), title && /*#__PURE__*/_react.default.createElement(
|
|
90
|
+
}, prefixProps), prefix), title && /*#__PURE__*/_react.default.createElement(TitleWrapper, withTitleTooltip ? {
|
|
91
|
+
tippyProps: _constants.TOOLTIP_PROPS,
|
|
92
|
+
content: titleTooltip
|
|
93
|
+
} : {}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
|
|
85
94
|
colorTheme: "gray"
|
|
86
|
-
}, titleProps), title), showBadge && /*#__PURE__*/_react.default.createElement(_UTBadge.default, _extends({
|
|
95
|
+
}, titleProps), title))), showBadge && /*#__PURE__*/_react.default.createElement(_UTBadge.default, _extends({
|
|
87
96
|
colorTheme: "accent",
|
|
88
97
|
className: classes.badge
|
|
89
98
|
}, badgeProps), forceShowBadge ? null : badge)), DataComponent && DataComponent), action && /*#__PURE__*/_react.default.createElement(_MainAction.default, _extends({
|