@eohjsc/react-native-smart-city 0.3.85 → 0.3.86

package/src/commons/Device/WindSpeed/__test__/Anemometer.test.js

@@ -2,6 +2,7 @@ import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import { Text } from 'react-native-svg';
 import Anemometer from '../Anemometer';
+import AccessibilityLabel from '../../../../configs/AccessibilityLabel';
 
 describe('Test Anemometer', () => {
   let wrapper;
@@ -16,7 +17,7 @@ describe('Test Anemometer', () => {
     });
     const instance = wrapper.root;
     const text = instance.findAllByType(Text);
-    expect(text.length).toBe(7);
+    expect(text.length).toBe(5);
   });
   it('render Anemometer data null', async () => {
     let data = [];
@@ -25,6 +26,92 @@ describe('Test Anemometer', () => {
     });
     const instance = wrapper.root;
     const text = instance.findAllByType(Text);
-    expect(text.length).toBe(7);
+    expect(text.length).toBe(5);
+  });
+
+  it('test render value font size length < 4', async () => {
+    let data = [
+      {
+        value: 123,
+      },
+    ];
+    await act(async () => {
+      wrapper = renderer.create(<Anemometer data={data} maxValue={1} />);
+    });
+    let instance = wrapper.root;
+    const text = instance.findAllByType(Text);
+    expect(text.length).toBe(5);
+    expect(text[0].props.fontSize).toEqual(56);
+  });
+
+  it('test render value font size length < 7', async () => {
+    let data = [
+      {
+        value: 123456,
+      },
+    ];
+    await act(async () => {
+      wrapper = renderer.create(<Anemometer data={data} maxValue={1} />);
+    });
+    let instance = wrapper.root;
+    const text = instance.findAllByType(Text);
+    expect(text.length).toBe(5);
+    expect(text[0].props.fontSize).toEqual(35);
+  });
+
+  it('test render value font size length < 10', async () => {
+    let data = [
+      {
+        value: 123456789,
+      },
+    ];
+    await act(async () => {
+      wrapper = renderer.create(<Anemometer data={data} maxValue={1} />);
+    });
+    let instance = wrapper.root;
+    const text = instance.findAllByType(Text);
+    expect(text.length).toBe(5);
+    expect(text[0].props.fontSize).toEqual(26);
+  });
+
+  it('test render toolTipTranslateX', async () => {
+    let data = [
+      {
+        value: 123456,
+      },
+    ];
+    await act(async () => {
+      wrapper = renderer.create(<Anemometer data={data} maxValue={1} />);
+    });
+    let instance = wrapper.root;
+    const text = instance.findAllByType(Text);
+    await act(async () => {
+      text[0].props.onPressIn();
+    });
+    const view = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.WRAP_TOOL_TIP,
+    });
+    expect(view.props.style.transform[0].translateX).toEqual(-40);
+  });
+
+  it('test render toolTipTranslateX long value', async () => {
+    let data = [
+      {
+        value: 123456789,
+      },
+    ];
+    await act(async () => {
+      wrapper = renderer.create(<Anemometer data={data} maxValue={1} />);
+    });
+    let instance = wrapper.root;
+    const text = instance.findAllByType(Text);
+    expect(text).toHaveLength(5);
+    await act(async () => {
+      text[0].props.onPressIn();
+    });
+    const view = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.WRAP_TOOL_TIP,
+    });
+    expect(view.props.style.transform[0].translateX).toEqual(-50);
   });
 });

package/src/commons/ModalPopupCT/index.js

@@ -71,6 +71,15 @@ const ModalPopupCT = ({
                   disabled={false}
                   value={isChecked}
                   onValueChange={setIsChecked}
+                  lineWidth={3}
+                  boxType="square"
+                  onTintColor={Colors.Primary}
+                  onFillColor={Colors.Primary}
+                  onCheckColor={Colors.White}
+                  tintColor={Colors.Gray14}
+                  onAnimationType="bounce"
+                  offAnimationType="bounce"
+                  style={styles.checkbox}
                 />
               </View>
               <TouchableOpacity
@@ -91,7 +100,12 @@ const ModalPopupCT = ({
               onPress={onPressCancel}
               style={styles.buttonCancel}
             >
-              <Text type="H4" bold color={Colors.Gray9}>
+              <Text
+                type="H4"
+                bold
+                color={Colors.Gray9}
+                style={styles.paddingBottom3}
+              >
                 {t('cancel')}
               </Text>
             </TouchableOpacity>
@@ -100,7 +114,12 @@ const ModalPopupCT = ({
                 onPress={onPressConfirm}
                 disabled={isUnHideButton ? !isUnHideButton : !isChecked}
               >
-                <Text type="H4" bold color={Colors.White}>
+                <Text
+                  type="H4"
+                  bold
+                  color={Colors.White}
+                  style={styles.paddingBottom3}
+                >
                   {t((type === 'reboot' && 'reboot') || 'delete')}
                 </Text>
               </TouchableOpacity>

package/src/commons/ModalPopupCT/styles.js

@@ -92,4 +92,11 @@ export default StyleSheet.create({
     backgroundColor: Colors.White,
     opacity: 0.7,
   },
+  paddingBottom3: {
+    paddingBottom: 3,
+  },
+  checkbox: {
+    width: 24,
+    height: 24,
+  },
 });

package/src/commons/WrapParallaxScrollView/index.js

@@ -1,12 +1,13 @@
 import React, { useCallback } from 'react';
-import { Image, StatusBar, View, StyleSheet } from 'react-native';
-import ParallaxScrollView from '../../libs/react-native-parallax-scroll-view';
+import { StatusBar, View, StyleSheet } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 
 import { Colors, Device, Images } from '../../configs';
 import Text from '../Text';
 import HeaderUnit from '../Unit/HeaderUnit';
 import { AccessibilityLabel } from '../../configs/Constants';
+import FImage from '../FImage';
+import ParallaxScrollView from '../../libs/react-native-parallax-scroll-view';
 
 const stickyHeaderHeight =
   Device.TopbarHeight + (Device.isIOS ? 0 : StatusBar.currentHeight);
@@ -62,9 +63,9 @@ const WrapParallaxScrollView = ({
   const renderBackground = useCallback(
     () => (
       <View style={styles.image}>
-        <Image
+        <FImage
           style={styles.image}
-          source={{ uri: uriImg }}
+          source={uriImg ? { uri: uriImg } : Images.unitDefaultBackground}
           defaultSource={Images.BgUnit}
           resizeMode="cover"
         />

package/src/configs/API.js

@@ -222,6 +222,7 @@ const API = {
       REBOOT: (id) => `/chip_manager/developer_mode_chips/${id}/reboot_chip/`,
     },
     ARDUINO: {
+      DETAIL: (id) => `/iot/modules/arduino/gateways/${id}/`,
       DEVICE: (gatewayId) =>
         `/iot/modules/arduino/gateways/${gatewayId}/devices/`,
       DEVICE_DETAIL: (gatewayId, deviceId) =>
@@ -236,6 +237,7 @@ const API = {
         `/iot/modules/arduino/gateways/${gatewayId}/devices/${deviceId}/actions/${actionId}/`,
     },
     ZIGBEE: {
+      DETAIL: (id) => `/iot/modules/zigbee/gateways/${id}/`,
       SEARCH_DEVICE: (id) => `/iot/modules/zigbee/chips/${id}/search_device/`,
       DEVICE_CONFIGURATION: (id, deviceId) =>
         `/iot/modules/zigbee/chips/${id}/sensors/${deviceId}/configuration/`,
@@ -250,6 +252,7 @@ const API = {
         `/iot/modules/zigbee/gateways/${gatewayId}/devices/${deviceId}/zigbee_actions/`,
     },
     MODBUS: {
+      DETAIL: (id) => `/iot/modules/modbus/gateways/${id}/`,
       DEVICE: (gatewayId) =>
         `/iot/modules/modbus/gateways/${gatewayId}/devices/`,
       DEVICE_DETAIL: (gatewayId, deviceId) =>
@@ -260,8 +263,6 @@ const API = {
         `/iot/modules/modbus/gateways/${gatewayId}/devices/${deviceId}/actions/`,
       ACTION_DETAIL: (gatewayId, deviceId, actionId) =>
         `/iot/modules/modbus/gateways/${gatewayId}/devices/${deviceId}/actions/${actionId}/`,
-      ACTION_ITEM_DETAIL: (actionId, actionItemId) =>
-        `/iot/modules/modbus/actions/${actionId}/items/${actionItemId}/`,
     },
   },
 };

package/src/configs/AccessibilityLabel.js

@@ -358,6 +358,9 @@ export default {
   STATION_DEVICE_PERMISSIONS: 'STATION_DEVICE_PERMISSIONS',
   TEXT_NO_DATA_STATIONS: 'TEXT_NO_DATA_STATIONS',
 
+  // Gauge widget
+  WRAP_TOOL_TIP: 'WRAP_TOOL_TIP',
+
   // Manage Unit
   MANAGE_UNIT_CHANGE_NAME: 'MANAGE_UNIT_CHANGE_NAME',
   MANAGE_UNIT_CHANGE_LOCATION: 'MANAGE_UNIT_CHANGE_LOCATION',

package/src/configs/Constants.js

@@ -90,6 +90,7 @@ export const PERMISSION_TYPE = {
   CONFIG: 'CONFIG',
   CONFIG_WRITE: 'CONFIG_WRITE',
   CONFIG_READ: 'CONFIG_READ',
+  VIRTUAL_PIN: 'VIRTUAL_PIN',
 };
 
 const marginItem = 12;

package/src/configs/Images.js

@@ -26,4 +26,5 @@ export default {
   lg: require('../Images/SmartAccount/LG.png'),
   inforCode: require('../Images/DevMode/inforCode.png'),
   activeCurrentSensor: require('../Images/Common/Sunny.png'),
+  unitDefaultBackground: require('../Images/Common/unit_default_background.png'),
 };

package/src/context/actionType.ts

@@ -33,6 +33,8 @@ export const Action = {
   REFRESH_PERCENT: 'REFRESH_PERCENT',
   PROCESS_DONE: 'PROCESS_DONE',
   IS_EMERGENCY_POPUP: 'IS_EMERGENCY_POPUP',
+  DELETE_UNIT_SUCCESSFULLY: 'DELETE_UNIT_SUCCESSFULLY',
+  RESET_DELETE_UNIT_ACTION: 'RESET_DELETE_UNIT_ACTION',
   // NOTE: DEV MODE
   SET_WIDGET_DRAGGING: 'SET_WIDGET_DRAGGING',
   SET_IS_EDITING_TEMPLATE: 'SET_IS_EDITING_TEMPLATE',
@@ -96,6 +98,7 @@ export type AppType = {
   notificationData: any;
   popoverAnimating: boolean;
   isLockWhenPickColor: boolean;
+  isDeleteUnitSuccessFully: boolean;
 };
 
 export type IoTType = {

package/src/context/mockStore.ts

@@ -92,6 +92,7 @@ export const mockSCStore = (data: ContextData): ContextData => {
       isConnectWifiGateway: false,
       isNetworkConnected: true,
       isLockWhenPickColor: false,
+      ...data.app,
     },
     unit: {
       favoriteDeviceIds: [

package/src/context/reducer.ts

@@ -69,6 +69,7 @@ export const initialState = {
     popoverAnimating: false,
     isLockWhenPickColor: false,
     isEmergencyPopupScreen: false,
+    isDeleteUnitSuccessFully: false,
   },
   iot: {
     bluetooth: {
@@ -496,6 +497,24 @@ export const reducer = (currentState: ContextData, action: Action) => {
         ...currentState,
       };
 
+    case Action.DELETE_UNIT_SUCCESSFULLY:
+      return {
+        ...currentState,
+        app: {
+          ...currentState.app,
+          isDeleteUnitSuccessFully: true,
+        },
+      };
+
+    case Action.RESET_DELETE_UNIT_ACTION:
+      return {
+        ...currentState,
+        app: {
+          ...currentState.app,
+          isDeleteUnitSuccessFully: false,
+        },
+      };
+
     default:
       return currentState;
   }

package/src/screens/AddNewAction/__test__/LoadingSelectAction.test.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { View } from 'react-native';
+import { act, create } from 'react-test-renderer';
+
+import LoadingSelectAction from '../Components/LoadingSelectAction';
+describe('Test LoadingSelectAction', () => {
+  let tree;
+  it('Test render', async () => {
+    await act(async () => {
+      tree = await create(<LoadingSelectAction />);
+    });
+    const instance = tree.root;
+    const views = instance.findAllByType(View);
+    expect(views).toHaveLength(1);
+  });
+});

package/src/screens/AllCamera/__test__/index.test.js

@@ -4,7 +4,7 @@ import AllCamera from '..';
 import { act, create } from 'react-test-renderer';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import Carousel from 'react-native-snap-carousel';
+import Carousel from 'react-native-new-snap-carousel';
 
 const arrCameras = [
   {

package/src/screens/AllCamera/index.js

@@ -8,9 +8,9 @@ import React, {
 import { View, Text, TouchableOpacity, Platform, Image } from 'react-native';
 import { useRoute, useNavigation } from '@react-navigation/native';
 import { chunk } from 'lodash';
-import Carousel from 'react-native-snap-carousel';
-
+import Carousel from 'react-native-new-snap-carousel';
 import { useTranslations } from '../../hooks/Common/useTranslations';
+
 import { Images, Colors } from '../../configs';
 import { useHiddenStatusBar } from '../../hooks/Common/useStatusBar';
 import { HeaderCustom } from '../../commons/Header';