@widergy/energy-ui 2.5.2 → 2.5.4

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [2.5.4](https://github.com/widergy/energy-ui/compare/v2.5.3...v2.5.4) (2023-08-31)
+
+
+### Bug Fixes
+
+* add overflow control capabilities ([b1c20ba](https://github.com/widergy/energy-ui/commit/b1c20ba52e697689661353c361cab04986bfdcf8))
+* conflict solving ([7f7a930](https://github.com/widergy/energy-ui/commit/7f7a930486eee58a0fa7407b61325ab7de939f79))
+
+## [2.5.3](https://github.com/widergy/energy-ui/compare/v2.5.2...v2.5.3) (2023-08-31)
+
+
+### Bug Fixes
+
+* add a function to remove size event listener ([6e36b9f](https://github.com/widergy/energy-ui/commit/6e36b9f81c9a11c20bed41c72152de34502bbf90))
+
 ## [2.5.2](https://github.com/widergy/energy-ui/compare/v2.5.1...v2.5.2) (2023-08-30)
 
 

package/dist/components/UTBreadcrumbs/index.js

@@ -41,6 +41,8 @@ var UTBreadcrumbs = function UTBreadcrumbs(_ref) {
     elipsis = _ref$elipsis === void 0 ? _constants.DEFAULT_ELIPSIS : _ref$elipsis,
     _ref$elipsisWidthEsti = _ref.elipsisWidthEstimate,
     elipsisWidthEstimate = _ref$elipsisWidthEsti === void 0 ? _constants.DEFAULT_ELIPSIS_WIDTH_ESTIMATE : _ref$elipsisWidthEsti,
+    _ref$firstItemOverflo = _ref.firstItemOverflow,
+    firstItemOverflow = _ref$firstItemOverflo === void 0 ? false : _ref$firstItemOverflo,
     _ref$menuProps = _ref.menuProps,
     menuProps = _ref$menuProps === void 0 ? {} : _ref$menuProps,
     onRedirect = _ref.onRedirect,
@@ -147,16 +149,19 @@ var UTBreadcrumbs = function UTBreadcrumbs(_ref) {
       });else onRedirect(route);
     };
     var isLast = index === content.length - 1;
+    var overflowControl = index === 0 && firstItemOverflow;
     var colorThemesDefinition = buttonColorTheme ? _constants.COMPONENTS_THEME_PROPS[_constants.COLOR_THEMES_MAPPER[buttonColorTheme]] : _constants.COMPONENTS_THEME_PROPS[colorTheme];
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.section,
+      className: "".concat(_stylesModule.default.section, " ").concat(overflowControl && _stylesModule.default.firstItem),
       key: "".concat(route, "-").concat(label)
     }, !route && !menuItems || disableMenu ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
       className: _stylesModule.default.label,
       weight: "medium"
     }, colorThemesDefinition.label), label) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
       classNames: {
-        root: itemClassName
+        root: itemClassName,
+        childrenContainer: overflowControl ? _stylesModule.default.buttonContainer : null,
+        text: overflowControl ? _stylesModule.default.ellipsis : null
       },
       onClick: handleClick,
       size: "small",
@@ -183,6 +188,7 @@ UTBreadcrumbs.propTypes = {
   disableMenu: _propTypes.bool,
   elipsis: _propTypes.string,
   elipsisWidthEstimate: _propTypes.number,
+  firstItemOverflow: _propTypes.bool,
   onRedirect: _propTypes.func,
   menuProps: _propTypes.object,
   separator: _propTypes.string

package/dist/components/UTBreadcrumbs/styles.module.scss

@@ -15,6 +15,18 @@
   pointer-events: none;
 }
 
+.firstItem {
+  overflow: hidden;
+}
+
+.buttonContainer {
+  max-width: 100%;
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .label {
   padding: 4px 8px;
 }

package/dist/components/UTConsumptionBar/index.js

@@ -40,9 +40,10 @@ var UTConsumptionBar = function UTConsumptionBar(_ref) {
   };
   (0, _react.useEffect)(function () {
     window.addEventListener('resize', handleSetShowLabel);
-  });
-  (0, _react.useEffect)(function () {
     handleSetShowLabel();
+    return function () {
+      return window.removeEventListener('resize', handleSetShowLabel);
+    };
   }, []);
   var downIndicators = values.filter(function (value) {
     return value.position === _constants.DOWN;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "2.5.2",
+  "version": "2.5.4",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",