@eohjsc/react-native-smart-city 0.4.90 → 0.4.92

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.4.90",
+  "version": "0.4.92",
   "description": "TODO",
   "main": "index.js",
   "files": [

package/src/commons/Device/ProgressBar/index.js

@@ -10,12 +10,23 @@ import styles from './styles';
 const ProgressBar = memo(({ data = [], item, isWidgetOrder }) => {
   const t = useTranslations();
 
+  const minValue = useMemo(() => {
+    return Number(item?.configuration?.min_value) || 0;
+  }, [item?.configuration?.min_value]);
   const maxValue = useMemo(() => {
     return Number(item?.configuration?.max_value) || 60;
   }, [item?.configuration?.max_value]);
-  const { value = 0, measure, unit } = data.length ? data[0] : {};
-  const percent = value / maxValue; // a number between 0 and 1
+
+  let { value = 0, measure, unit } = data.length ? data[0] : {};
   const isNotValue = ['', null, undefined, NaN].includes(value);
+
+  if (isNotValue) {
+    value = minValue;
+  }
+
+  const distance = maxValue - minValue;
+  const percent = (value - minValue) / distance;
+
   return (
     <View style={(isWidgetOrder && styles.wrapOrderItem) || styles.container}>
       <Text size={16} style={styles.textLabel}>

package/src/commons/Device/WindSpeed/Anemometer/index.js

@@ -1,19 +1,19 @@
 import React, { memo, useCallback, useMemo, useState } from 'react';
-import Svg, { Path, Text, Circle } from 'react-native-svg';
-import { View, StyleSheet, Text as ReactText } from 'react-native';
+import { Text as ReactText, StyleSheet, View } from 'react-native';
+import Svg, { Circle, Path, Text } from 'react-native-svg';
 
+import { Colors, Fonts } from '../../../../configs';
+import AccessibilityLabel from '../../../../configs/AccessibilityLabel';
 import {
   drawArc,
   polarToCartesian,
 } from '../../../UnitSummary/AirQuality/SegmentedRoundDisplay/helper';
-import { Colors, Fonts } from '../../../../configs';
-import AccessibilityLabel from '../../../../configs/AccessibilityLabel';
 
 const { PI } = Math;
 
 const Anemometer = memo(
   ({
-    data = [],
+    data = [{ value: 0 }],
     width = 240,
     size = 170,
     strokeWidth = 16,
@@ -29,11 +29,19 @@ const Anemometer = memo(
       y: size / 2,
     };
 
+    const minValue = useMemo(() => {
+      return Number(item?.configuration?.min_value) || 0;
+    }, [item?.configuration?.min_value]);
+
     const maxValue = useMemo(() => {
       return Number(item?.configuration?.max_value) || 60;
     }, [item?.configuration?.max_value]);
 
-    const value = data.length && data[0]?.value ? data[0].value : 0;
+    const configValue = data.length && data[0]?.value;
+
+    const isValidValue = ![null, undefined, NaN].includes(configValue);
+    const value = isValidValue ? configValue : minValue;
+
     const measure = data.length ? data[0].unit || data[0].measure : 'm/s';
 
     const radius = (size - strokeWidth) / 2;
@@ -44,7 +52,10 @@ const Anemometer = memo(
     const strokeLength = (strokeAngle * circumference) / 360 - 1;
     const strokeDasharrayBg = `${strokeLength} 1`;
     const arc = circumference * 0.75;
-    const offset = arc - (value / maxValue) * arc;
+
+    const total = minValue + maxValue;
+    const distance = maxValue - minValue;
+    const offset = arc - (((value || 0) - minValue) / distance) * arc;
 
     const textAngles = useCallback(() => {
       let arr = [];
@@ -67,7 +78,7 @@ const Anemometer = memo(
               fontFamily={Fonts.Regular}
               key={i.toString()}
             >
-              {(i / numberOfSection) * maxValue}
+              {minValue}
             </Text>
           );
         }
@@ -88,7 +99,7 @@ const Anemometer = memo(
               textAnchor="middle"
               fontFamily={Fonts.Regular}
             >
-              {(i / numberOfSection) * maxValue}
+              {0.5 * total}
             </Text>
           );
         }
@@ -116,13 +127,15 @@ const Anemometer = memo(
       }
       return arr;
     }, [
+      size,
       numberOfSection,
+      width,
       startAngle,
       strokeAngle,
-      size,
-      width,
-      maxValue,
       txtColor,
+      minValue,
+      total,
+      maxValue,
     ]);
 
     // eslint-disable-next-line no-shadow
@@ -188,9 +201,11 @@ const Anemometer = memo(
               onPressOut={handleShowToolTip(false)}
               accessibilityLabel={AccessibilityLabel.GAUGE_VALUE}
             >
-              {value.toString().length > 10
-                ? value.toString().substring(0, 10) + '...'
-                : value}
+              {isValidValue
+                ? value.toString().length > 10
+                  ? value.toString().substring(0, 10) + '...'
+                  : value
+                : '--'}
             </Text>
           </Svg>
           {isShowToolTip && (

package/src/screens/Automate/ScriptDetail/index.js

@@ -218,7 +218,7 @@ const ScriptDetail = ({ route }) => {
         onGoBack={goBack}
       >
         <View style={styles.wrapContent}>
-          {!!can_edit && !!enableScript && (
+          {!!can_edit && (
             <View style={styles.row}>
               <Text type="H3" semibold>
                 {t('enable_this_script')}

package/src/screens/Device/components/SensorDisplayItem.js

@@ -1,26 +1,26 @@
 import React, { useCallback, useState } from 'react';
 import { View } from 'react-native';
 import ActionGroup from '../../../commons/ActionGroup';
-import { AccessibilityLabel } from '../../../configs/Constants';
-import { DetailHistoryChart } from './DetailHistoryChart';
-import CurrentRainSensor from '../../../commons/Device/RainningSensor/CurrentRainSensor';
-import PMSensorIndicator from '../../../commons/Device/PMSensor/PMSensorIndicator';
-import Anemometer from '../../../commons/Device/WindSpeed/Anemometer';
-import styles from '../styles';
-import Compass from '../../../commons/Device/WindDirection/Compass';
 import DeviceAlertStatus from '../../../commons/Device/DeviceAlertStatus';
-import FlatListItems from '../../../commons/Device/FlatListItems';
-import ListQualityIndicator from '../../../commons/Device/WaterQualitySensor/ListQualityIndicator';
-import EmergencyDetail from '../../../commons/Device/Emergency/EmergencyDetail';
 import EmergencyButton from '../../../commons/Device/Emergency/EmergencyButton';
+import EmergencyDetail from '../../../commons/Device/Emergency/EmergencyDetail';
+import FlatListItems from '../../../commons/Device/FlatListItems';
 import FooterInfo from '../../../commons/Device/FooterInfo';
+import PMSensorIndicator from '../../../commons/Device/PMSensor/PMSensorIndicator';
+import ProgressBar from '../../../commons/Device/ProgressBar';
+import CurrentRainSensor from '../../../commons/Device/RainningSensor/CurrentRainSensor';
+import ListQualityIndicator from '../../../commons/Device/WaterQualitySensor/ListQualityIndicator';
+import Compass from '../../../commons/Device/WindDirection/Compass';
+import Anemometer from '../../../commons/Device/WindSpeed/Anemometer';
 import MediaPlayerDetail from '../../../commons/MediaPlayerDetail';
-import SmartIr from '../../../screens/SmartIr';
+import { AccessibilityLabel } from '../../../configs/Constants';
 import { useSCContextSelector } from '../../../context';
 import { useRemoteControl } from '../../../hooks/IoT';
 import { useConfigGlobalState } from '../../../iot/states';
+import SmartIr from '../../../screens/SmartIr';
 import { useEvaluateValue } from '../hooks/useEvaluateValue';
-import ProgressBar from '../../../commons/Device/ProgressBar';
+import styles from '../styles';
+import { DetailHistoryChart } from './DetailHistoryChart';
 import VisualChart from './VisualChart';
 
 export const SensorDisplayItem = ({