@eohjsc/react-native-smart-city 0.4.57 → 0.4.58

package/package.json

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

package/src/screens/Device/__test__/detail.test.js

@@ -56,6 +56,7 @@ const navContextValue = {
   isFocused: () => false,
   addListener: jest.fn(() => jest.fn()),
 };
+
 const wrapComponent = (state, account, route) => (
   <SCProvider initState={state}>
     <NavigationContext.Provider

package/src/screens/Device/__test__/sensorDisplayItem.test.js

@@ -16,6 +16,12 @@ import Compass from '../../../commons/Device/WindDirection/Compass';
 import DeviceAlertStatus from '../../../commons/Device/DeviceAlertStatus';
 import MockAdapter from 'axios-mock-adapter';
 import api from '../../../utils/Apis/axios';
+import CurrentRainSensor from '../../../commons/Device/RainningSensor/CurrentRainSensor';
+
+jest.mock('../../../iot/states', () => ({
+  useConfigGlobalState: () => [{}, null],
+  getConfigGlobalState: () => 'en',
+}));
 
 new MockAdapter(api.axiosInstance);
 
@@ -102,6 +108,7 @@ describe('Test SensorDisplayItem', () => {
     const actionGroup = instance.findAllByType(ActionGroup);
     expect(actionGroup).toHaveLength(1);
   });
+
   it('render camera', async () => {
     const item = {
       id: 10452,
@@ -304,4 +311,106 @@ describe('Test SensorDisplayItem', () => {
     const flatListItems = instance.findAllByType(DeviceAlertStatus);
     expect(flatListItems).toHaveLength(1);
   });
+
+  const _testCircleMini = async (item, expectProps) => {
+    const sensor = {
+      name: 'Sensor name',
+      is_managed_by_backend: false,
+    };
+
+    await act(async () => {
+      tree = await renderer.create(wrapComponent({ item, sensor }));
+    });
+    const instance = tree.root;
+
+    const currentRainSensor = instance.findByType(CurrentRainSensor);
+    expect(currentRainSensor.props).toEqual(expectProps);
+  };
+
+  it('render circle_mini', async () => {
+    const globalStates = require('../../../iot/states');
+    globalStates.useConfigGlobalState = () => [{ 99: { value: 1 } }, null];
+
+    const item = {
+      id: 10452,
+      order: 0,
+      template: 'circle_mini',
+      type: 'circle_mini',
+      configuration: {
+        config: {
+          id: 99,
+          title: '1',
+          color: 'blue',
+        },
+      },
+      is_configuration_ready: true,
+    };
+
+    await _testCircleMini(item, {
+      data: [
+        {
+          id: 99,
+          title: '1',
+          color: 'blue',
+          value: 1,
+          evaluate: {
+            color: null,
+            text: '--',
+          },
+        },
+      ],
+      isWidgetOrder: undefined,
+    });
+  });
+
+  it('render circle_mini without config value', async () => {
+    const globalStates = require('../../../iot/states');
+    globalStates.useConfigGlobalState = () => [{ 2: { value: 1 } }, null];
+
+    const item = {
+      id: 10452,
+      order: 0,
+      template: 'circle_mini',
+      type: 'circle_mini',
+      configuration: {
+        config: {
+          id: 99,
+          title: '1',
+          color: 'blue',
+        },
+      },
+      is_configuration_ready: true,
+    };
+
+    await _testCircleMini(item, {
+      data: [
+        {
+          id: 99,
+          title: '1',
+          color: 'blue',
+          value: null,
+          evaluate: null,
+        },
+      ],
+      isWidgetOrder: undefined,
+    });
+  });
+
+  it('render circle_mini without config id', async () => {
+    const item = {
+      id: 10452,
+      order: 0,
+      template: 'circle_mini',
+      type: 'circle_mini',
+      configuration: {
+        config: null,
+      },
+      is_configuration_ready: true,
+    };
+
+    await _testCircleMini(item, {
+      data: undefined,
+      isWidgetOrder: undefined,
+    });
+  });
 });

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

@@ -46,6 +46,13 @@ export const SensorDisplayItem = ({
 
   const evaluateValue = useEvaluateValue();
 
+  const checkConfigValue = (configValue) => {
+    if (configValue === null || configValue === undefined) {
+      return false;
+    }
+    return true;
+  };
+
   const getData = useCallback(() => {
     if (!item.configuration) {
       return;
@@ -83,6 +90,34 @@ export const SensorDisplayItem = ({
     value_evaluation,
   ]);
 
+  const getDataCircleMini = useCallback(() => {
+    if (!item?.configuration?.config?.id) {
+      return;
+    }
+
+    const config = item.configuration.config;
+    const configValue = configValues[config.id]?.value;
+    const configEvaluate = evaluate[config.id] || {};
+
+    const hasConfigValue = checkConfigValue(configValue);
+
+    let value = {
+      id: config.id,
+      value: hasConfigValue ? configValue : null,
+      evaluate: hasConfigValue
+        ? evaluateValue(configValue, value_evaluation) || configEvaluate
+        : null,
+    };
+
+    return [{ ...config, ...value }].filter(Boolean);
+  }, [
+    configValues,
+    evaluate,
+    evaluateValue,
+    item.configuration,
+    value_evaluation,
+  ]);
+
   const doAction = useCallback(
     async (action, data) => {
       if (processing) {
@@ -156,6 +191,13 @@ export const SensorDisplayItem = ({
           isWidgetOrder={isWidgetOrder}
         />
       );
+    case 'circle_mini':
+      return (
+        <CurrentRainSensor
+          data={getDataCircleMini(item)}
+          isWidgetOrder={isWidgetOrder}
+        />
+      );
     case 'value':
       switch (type || template) {
         case 'circle':