@widergy/mobile-ui 1.42.0 → 1.43.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.43.0](https://github.com/widergy/mobile-ui/compare/v1.42.0...v1.43.0) (2025-05-05)
+
+
+### Features
+
+* [UGENSA-1749] hide amount in rate chart ([#426](https://github.com/widergy/mobile-ui/issues/426)) ([53bf273](https://github.com/widergy/mobile-ui/commit/53bf273e688d4c06849381e854a93908d2f9fcdf))
+
 # [1.42.0](https://github.com/widergy/mobile-ui/compare/v1.41.0...v1.42.0) (2025-04-30)
 
 

package/lib/components/RateChart/components/CategoryButton/index.js

@@ -1,11 +1,12 @@
 import React from 'react';
 import { arrayOf, bool, object, string } from 'prop-types';
 import { Linking, View } from 'react-native';
+import { isEmpty } from 'lodash';
 
 import UTButton from '../../../UTButton';
 
 const CategoryButton = ({ category, texts, showCategory, categoryButtonUrl = '' }) => {
-  const handleOpenUrl = () => Linking.openURL(categoryButtonUrl);
+  const handleOpenUrl = () => (!isEmpty(categoryButtonUrl) ? Linking.openURL(categoryButtonUrl) : {});
 
   return (
     <View>

package/lib/components/RateChart/components/RateStagesGraph/components/Indicator/index.js

@@ -1,5 +1,5 @@
 import React, { Fragment, useState } from 'react';
-import { number, string, arrayOf, shape, any } from 'prop-types';
+import { number, string, arrayOf, shape, any, bool } from 'prop-types';
 import { View } from 'react-native';
 
 import Magnitude from '../../../Magnitude';
@@ -10,13 +10,14 @@ import styles, { ICON_SIZE } from './styles';
 import { getIndicatorPosition, getTextPosition, getTotalRange } from './utils';
 
 const Indicator = ({
-  consumptionValue,
-  consumptionUnit,
-  amountValue,
   amountUnit,
+  amountValue,
+  consumptionLimit,
+  consumptionUnit,
+  consumptionValue,
   rateStages,
   texts,
-  consumptionLimit
+  withoutAmountValue
 }) => {
   const { indicatorLabel } = texts || {};
   const [surfaceWidth, setSurfaceWidth] = useState(0);
@@ -63,7 +64,7 @@ const Indicator = ({
           unity={consumptionUnit}
           iconProps={{ height: ICON_SIZE, width: ICON_SIZE }}
         />
-        {consumptionValue > 0 && (
+        {!withoutAmountValue && consumptionValue > 0 && (
           <Magnitude
             semibold
             value={amountValue}
@@ -102,13 +103,14 @@ const Indicator = ({
 };
 
 Indicator.propTypes = {
-  consumptionValue: number,
-  consumptionUnit: string,
-  amountValue: string,
   amountUnit: number,
+  amountValue: string,
+  consumptionLimit: number,
+  consumptionUnit: string,
+  consumptionValue: number,
   rateStages: arrayOf(shape(any)),
   texts: arrayOf(shape(any)),
-  consumptionLimit: number
+  withoutAmountValue: bool
 };
 
 export default Indicator;

package/lib/components/RateChart/components/RateStagesGraph/index.js

@@ -9,14 +9,15 @@ import styles from './styles';
 import Indicator from './components/Indicator';
 
 const RateStagesGraph = ({
-  consumptionValue,
-  consumptionUnit,
-  amountValue,
   amountUnit,
+  amountValue,
+  consumptionLimit,
+  consumptionUnit,
+  consumptionValue,
   rateStages,
   texts,
-  withoutStages,
-  consumptionLimit
+  withoutAmountValue,
+  withoutStages
 }) => (
   <View style={styles.container}>
     <Bars rateStages={rateStages} withoutStages={withoutStages} />
@@ -28,18 +29,20 @@ const RateStagesGraph = ({
       amountUnit={amountUnit}
       rateStages={rateStages}
       texts={texts}
+      withoutAmountValue={withoutAmountValue}
     />
   </View>
 );
 
 RateStagesGraph.propTypes = {
-  consumptionValue: number,
+  amountUnit: string,
+  amountValue: number,
   consumptionLimit: number,
   consumptionUnit: string,
-  amountValue: number,
-  amountUnit: string,
+  consumptionValue: number,
   rateStages: rateStagesTypes,
   texts: arrayOf(shape(any)),
+  withoutAmountValue: bool,
   withoutStages: bool
 };
 

package/lib/components/RateChart/index.js

@@ -7,19 +7,20 @@ import RateStagesGraph from './components/RateStagesGraph';
 import styles from './styles';
 
 const RateChart = ({
-  consumptionValue,
-  consumptionUnit,
-  amountValue,
   amountUnit,
+  amountValue,
   category,
+  categoryButtonUrl,
+  consumptionLimit,
+  consumptionUnit,
+  consumptionValue,
   rate,
   rateStages,
-  texts,
-  withoutStages,
   showCategory,
   showCategoryButton,
-  categoryButtonUrl,
-  consumptionLimit
+  texts,
+  withoutAmountValue = false,
+  withoutStages
 }) => {
   const consumptionValueCorrected = consumptionValue && Math.round(consumptionValue);
 
@@ -45,6 +46,7 @@ const RateChart = ({
             rateStages={rateStages}
             texts={texts}
             withoutStages={withoutStages}
+            withoutAmountValue={withoutAmountValue}
           />
         )}
       </View>
@@ -53,19 +55,20 @@ const RateChart = ({
 };
 
 RateChart.propTypes = {
-  consumptionValue: number,
-  consumptionUnit: string,
-  amountValue: number,
   amountUnit: string,
+  amountValue: number,
   category: string,
-  rate: string,
+  categoryButtonUrl: string,
   consumptionLimit: number,
+  consumptionUnit: string,
+  consumptionValue: number,
+  rate: string,
   rateStages: arrayOf(shape(any)),
-  texts: arrayOf(shape(any)),
-  withoutStages: bool,
   showCategory: bool,
   showCategoryButton: bool,
-  categoryButtonUrl: string
+  texts: arrayOf(shape(any)),
+  withoutAmountValue: bool,
+  withoutStages: bool
 };
 
 export default RateChart;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "1.42.0",
+  "version": "1.43.0",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [