@widergy/energy-ui 3.70.0 → 3.71.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [3.71.0](https://github.com/widergy/energy-ui/compare/v3.70.0...v3.71.0) (2025-05-05)
+
+
+### Features
+
+* add hide amount ([#605](https://github.com/widergy/energy-ui/issues/605)) ([cd7a226](https://github.com/widergy/energy-ui/commit/cd7a22622e0f7b5c924f9190b2f500fb5e567747))
+
 # [3.70.0](https://github.com/widergy/energy-ui/compare/v3.69.7...v3.70.0) (2025-05-05)
 
 

package/dist/components/UTConsumptionBar/README.MD

@@ -0,0 +1,28 @@
+# UTConsumptionBar
+
+## Description
+
+`UTConsumptionBar` is a dynamic and customizable component designed to visually represent different consumption levels within a continuous bar. It allows users to easily identify their current consumption relative to predefined thresholds, including subsidy limits or critical consumption points.
+This component is ideal for displaying energy usage, resource consumption, or similar progressive metrics in a clear and user-friendly way.
+
+## Props
+
+| Name          | Type           | Default | Description                                                                                                                                                           |
+| ------------- | -------------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| categoryLines | object         |         | Defines the segments or categories shown in the bar, including their labels.                                                                                          |
+| classes       | object         |         | Custom class names to apply to different elements of the `UTConsumptionBar`.                                                                                          |
+| hideAmount    | bool           |         | If `true`, hides the numeric total value (e.g., cost of consumption) displayed on the bar, while keeping the current consumption value and visual indicators visible. |
+| values        | arrayOf(shape) | false   | Array of indicators or key values to be displayed on the bar.                                                                                                         |
+|               |
+
+### Values Object
+
+The `values` prop is an array of objects, each representing an indicator:
+
+| Name     | Type   | Description                                                  |
+| -------- | ------ | ------------------------------------------------------------ |
+| position | string | Position or reference point of the indicator within the bar. |
+| subtitle | string | A subtitle providing additional context for the indicator.   |
+| title    | string | The main title describing the indicator.                     |
+| total    | number | The total value associated with this indicator.              |
+| value    | number | The current value for this indicator.                        |

package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js

@@ -16,7 +16,8 @@ const ConsumptionBarIndicator = _ref => {
     value,
     unit = 'kWh',
     total,
-    classes
+    classes,
+    hideAmount
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _stylesModule.default.indicator,
@@ -31,7 +32,7 @@ const ConsumptionBarIndicator = _ref => {
     className: _stylesModule.default.alignCenter,
     colorTheme: "information",
     weight: "bold"
-  }, "".concat(Math.round(value), " ").concat(unit)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+  }, "".concat(Math.round(value), " ").concat(unit)), !hideAmount && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
     className: _stylesModule.default.lightGray,
     colorTheme: "gray",
     weight: "bold"
@@ -39,9 +40,10 @@ const ConsumptionBarIndicator = _ref => {
 };
 ConsumptionBarIndicator.propTypes = {
   classes: _propTypes.object,
+  hideAmount: _propTypes.bool,
   left: _propTypes.number,
-  value: _propTypes.number,
+  total: _propTypes.number,
   unit: _propTypes.string,
-  total: _propTypes.number
+  value: _propTypes.number
 };
 var _default = exports.default = ConsumptionBarIndicator;

package/dist/components/UTConsumptionBar/index.js

@@ -16,10 +16,10 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const UTConsumptionBar = _ref => {
   let {
-    small,
-    values,
     categoryLines,
-    classes
+    classes,
+    hideAmount = false,
+    values
   } = _ref;
   const widthRef = (0, _react.useRef)();
   const [showLabel, setShowLabel] = (0, _react.useState)(true);
@@ -92,9 +92,9 @@ const UTConsumptionBar = _ref => {
   })), categoryLines.rates.map(renderCategoryLines), downIndicators.map(indicator => /*#__PURE__*/_react.default.createElement(_ConsumptionBarIndicator.default, {
     classes: classes,
     className: _stylesModule.default.indicator,
+    hideAmount: hideAmount,
     key: indicator.title,
     left: getIndicatorPosition(indicator.value),
-    small: small,
     total: indicator.total,
     unit: indicator.title,
     value: indicator.value
@@ -105,7 +105,7 @@ const UTConsumptionBar = _ref => {
 UTConsumptionBar.propTypes = {
   categoryLines: _propTypes.object,
   classes: _propTypes.object,
-  small: _propTypes.bool,
+  hideAmount: _propTypes.bool,
   values: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     position: _propTypes.string,
     subtitle: _propTypes.string,

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

@@ -77,7 +77,7 @@
   background-color: $gray-3;
   height: 23px;
   min-width: 26px;
-  width: 26px;
+  width: 15%;
 }
 
 .colorizedLine {

package/package.json

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