@miot-rn/car-component 1.0.4 → 1.0.5

package/dist/components/carInfoHeader/index.d.ts

@@ -7,6 +7,7 @@ import { ParkingStatus } from './parkingStatus';
 export interface SingleRangeData {
     currentRange?: number | string | null;
     totalRange: number;
+    currentSoc: number;
     unit: string;
     color?: string;
 }

package/dist/components/carInfoHeader/index.js

@@ -65,6 +65,7 @@ export const CarInfoHeader = props => {
   }) : singleRangeData ? /*#__PURE__*/React.createElement(SingleRangeIndicator, {
     currentRange: singleRangeData.currentRange,
     totalRange: singleRangeData.totalRange,
+    currentSoc: singleRangeData.currentSoc,
     unit: singleRangeData.unit,
     color: singleRangeData.color
   }) : null), /*#__PURE__*/React.createElement(View, {

package/dist/components/carInfoHeader/singleRangeIndicator.d.ts

@@ -3,9 +3,10 @@ import { StyleProp, ViewStyle } from 'react-native';
 interface SingleRangeIndicatorProps {
     currentRange?: number | string | null;
     totalRange?: number;
+    currentSoc?: number;
     unit?: string;
     color?: string;
     style?: StyleProp<ViewStyle>;
 }
-export declare const SingleRangeIndicator: ({ currentRange, totalRange, unit, color, style, }: SingleRangeIndicatorProps) => React.JSX.Element;
+export declare const SingleRangeIndicator: ({ currentRange, totalRange, currentSoc, unit, color, style, }: SingleRangeIndicatorProps) => React.JSX.Element;
 export {};

package/dist/components/carInfoHeader/singleRangeIndicator.js

@@ -6,14 +6,14 @@ import { RangeProgressBar } from "./rangeProgressBar";
 export const SingleRangeIndicator = ({
   currentRange,
   totalRange = 100,
+  currentSoc = 0,
   unit = 'km',
   color,
   style
 }) => {
   const hasValue = currentRange != null && currentRange !== '';
-  const numericRange = typeof currentRange === 'number' ? currentRange : 0;
   const displayValue = hasValue ? typeof currentRange === 'number' ? Math.round(currentRange) : currentRange : '--';
-  const progress = hasValue && typeof currentRange === 'number' && totalRange > 0 ? Math.min(numericRange / totalRange, 1) : 0;
+  const progress = totalRange > 0 ? Math.min(currentSoc / totalRange, 1) : 0;
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
   }, /*#__PURE__*/React.createElement(View, {

package/dist/hooks/useSingleRangeData.d.ts

@@ -2,6 +2,7 @@ import { Spec } from '../types';
 export interface RangeDisplayData {
     currentRange: number | string | null;
     totalRange: number;
+    currentSoc: number;
     unit: string;
     color: string;
 }

package/dist/hooks/useSingleRangeData.js

@@ -40,6 +40,7 @@ export const useSingleRangeData = ({
       return {
         currentRange: null,
         totalRange: 100,
+        currentSoc: 0,
         unit: '%',
         color: colorToken.accentGreenContent
       };
@@ -57,12 +58,15 @@ export const useSingleRangeData = ({
     } else if (getValueBySpecDescription(specPowerBatteryPropertiesLowSocWarning, 'Level1 Warning') === lowSocWarning) {
       color = colorToken.accentYellowFill;
     }
+    const totalRange = specPowerBatteryPropertiesBatterySoCDisplay?.prop?.['value-range']?.[1] || 100;
+    const currentSoc = batterySoCDisplay || 0;
 
     // 1. Battery SOC percentage
     if (getValueBySpecDescription(specPowerBatteryPropertiesDCDRangeSOCTypeDisplay, 'SOC') === dcdType) {
       return {
         currentRange: batterySoCDisplay,
-        totalRange: specPowerBatteryPropertiesBatterySoCDisplay?.prop?.['value-range']?.[1] || 100,
+        totalRange,
+        currentSoc,
         unit: '%',
         color
       };
@@ -72,7 +76,8 @@ export const useSingleRangeData = ({
     if (getValueBySpecDescription(specPowerBatteryPropertiesDCDRangeSOCTypeDisplay, 'CLTCRange') === dcdType) {
       return {
         currentRange: cltcEstimatedRange,
-        totalRange: specPowerBatteryPropertiesCLTCEstimatedRange?.prop?.['value-range']?.[1] || 100,
+        totalRange,
+        currentSoc,
         unit: distanceUnit,
         color
       };
@@ -82,14 +87,16 @@ export const useSingleRangeData = ({
     if (getValueBySpecDescription(specPowerBatteryPropertiesDCDRangeSOCTypeDisplay, 'MiRange') === dcdType) {
       return {
         currentRange: batteryEstimatedMileage,
-        totalRange: specPowerBatteryPropertiesBatteryEstimatedMileage?.prop?.['value-range']?.[1] || 100,
+        totalRange,
+        currentSoc,
         unit: distanceUnit,
         color
       };
     }
     return {
       currentRange: null,
-      totalRange: 100,
+      totalRange,
+      currentSoc,
       unit: '%',
       color: colorToken.accentGreenContent
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miot-rn/car-component",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "./dist/index.js",
   "publishConfig": {
     "access": "public"
@@ -23,5 +23,5 @@
     "react-native": "^0.61.0",
     "react-native-svg": "9.5.3"
   },
-  "gitHead": "fca543751a7f8e62f9b52737ed8c56134b5fc096"
+  "gitHead": "4c8ede30130f3562da326ae8af9112d8cba4fb5a"
 }