@eohjsc/react-native-smart-city 0.3.71 → 0.3.72

package/src/screens/Unit/components/__test__/AutomateScript.test.js

@@ -5,6 +5,8 @@ import { AUTOMATE_TYPE } from '../../../../configs/Constants';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import AutomateScript from '../AutomateScript';
+import Text from '../../../../commons/Text';
+import FImage from '../../../../commons/FImage';
 
 const mockOnPress = jest.fn();
 
@@ -19,8 +21,10 @@ const wrapComponent = (isSelected, automate = 'automate') => (
 );
 
 describe('test AutomateScript screen', () => {
-  let tree,
+  let tree, automate;
+  beforeEach(() => {
     automate = { type: '' };
+  });
   it('Test isSelected=false', async () => {
     await act(async () => {
       tree = await create(wrapComponent(false, automate));
@@ -70,47 +74,17 @@ describe('test AutomateScript screen', () => {
       tree = await create(wrapComponent(true, automate));
     });
     const instance = tree.root;
-    const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(9);
-  });
-
-  it('Test render ONE_TAP', async () => {
-    automate = { ...automate, type: AUTOMATE_TYPE.ONE_TAP };
-    await act(async () => {
-      tree = await create(wrapComponent(true, automate));
-    });
-    const instance = tree.root;
-    const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(9);
-  });
-
-  it('Test render EVENT', async () => {
-    automate = { ...automate, type: AUTOMATE_TYPE.EVENT };
-    await act(async () => {
-      tree = await create(wrapComponent(true, automate));
-    });
-    const instance = tree.root;
-    const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(9);
-  });
-
-  it('Test render SCHEDULE', async () => {
-    automate = { ...automate, type: AUTOMATE_TYPE.SCHEDULE };
-    await act(async () => {
-      tree = await create(wrapComponent(true, automate));
-    });
-    const instance = tree.root;
-    const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(9);
+    expect(instance.findAllByType(FImage)).toHaveLength(0);
   });
 
   it('Test render with iconKit', async () => {
-    automate = { ...automate, script: { icon_kit: 'iconKit' } };
+    automate = { ...automate, script: { icon_kit: 'iconKit', name: 'xxx' } };
     await act(async () => {
       tree = await create(wrapComponent(true, automate));
     });
     const instance = tree.root;
-    const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(10);
+    const texts = instance.findAllByType(Text);
+    expect(texts[0].props.children).toEqual('xxx');
+    expect(instance.findAllByType(FImage)).toHaveLength(1);
   });
 });

package/src/screens/Unit/components/__test__/Header.test.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
-import Modal from 'react-native-modal';
 import Popover from '../../../../commons/Popover';
 
 import { SCProvider } from '../../../../context';
@@ -9,6 +8,8 @@ import Header from '../Header';
 import ImageButton from '../../../../commons/ImageButton';
 import Routes from '../../../../utils/Route';
 import { TouchableOpacity } from 'react-native';
+import { ModalCustom } from '../../../../commons/Modal';
+import HeaderCustom from '../../../../commons/Header/HeaderCustom';
 
 const wrapComponent = (title, goBack, dark, hideRight) => (
   <SCProvider initState={mockSCStore({})}>
@@ -36,7 +37,7 @@ describe('Test Header', () => {
       tree = renderer.create(wrapComponent());
     });
     const instance = tree.root;
-    const modal = instance.findAllByType(Modal);
+    const modal = instance.findAllByType(ModalCustom);
     await act(async () => {
       modal[0].props.onBackButtonPress();
     });
@@ -48,7 +49,15 @@ describe('Test Header', () => {
       tree = renderer.create(wrapComponent());
     });
     const instance = tree.root;
-    const modal = instance.findAllByType(Modal);
+    const modal = instance.findAllByType(ModalCustom);
+
+    const headerCustom = instance.findByType(HeaderCustom);
+    const touchableOpacity = headerCustom.findAllByType(TouchableOpacity);
+    await act(async () => {
+      touchableOpacity[1].props.onPress();
+    });
+    expect(modal[0].props.isVisible).toBeTruthy();
+
     const imageButton = instance.findByType(ImageButton);
     await act(async () => {
       imageButton.props.onPress(Routes.Sharing);
@@ -73,16 +82,12 @@ describe('Test Header', () => {
       tree = renderer.create(wrapComponent());
     });
     const instance = tree.root;
-    const touchableOpacity = instance.findAllByType(TouchableOpacity);
+    const popover = instance.findByType(HeaderCustom);
+    const touchableOpacity = popover.findAllByType(TouchableOpacity);
 
     await act(async () => {
       touchableOpacity[0].props.onPress();
-      touchableOpacity[1].props.onPress();
-      touchableOpacity[2].props.onPress();
-      touchableOpacity[3].props.onPress();
     });
-    expect(touchableOpacity).toHaveLength(4);
-    expect(touchableOpacity).toBeDefined();
     expect(mockedGoBack).toHaveBeenCalled();
   });
 });

package/src/screens/Unit/components/__test__/MyUnitDevice.test.js

@@ -1,10 +1,11 @@
 import React from 'react';
-import { View, TouchableOpacity } from 'react-native';
+import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import MyUnitDevice from '../MyUnitDevice';
 import ItemQuickAction from '../../../../commons/Action/ItemQuickAction';
+import Text from '../../../../commons/Text';
 
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
@@ -50,8 +51,6 @@ describe('Test MyUnitDevice', () => {
       tree = await create(wrapComponent(props));
     });
     const instance = tree.root;
-    const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(11);
 
     const touches = instance.findAllByType(TouchableOpacity);
     expect(touches).toHaveLength(1);
@@ -67,8 +66,8 @@ describe('Test MyUnitDevice', () => {
       tree = await create(wrapComponent(props));
     });
     const instance = tree.root;
-    const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(11);
+    const text = instance.findAllByType(Text)[1];
+    expect(text.props.children).toEqual(['', '']);
   });
 
   it('Test render with quick action', async () => {

package/src/utils/Route/index.js

@@ -18,7 +18,6 @@ const Routes = {
   SmartIrStack: 'SmartIrStack',
   EditSubUnit: 'EditSubUnit',
   Language: 'Language',
-  MyAllUnit: 'MyAllUnit',
   SubUnit: 'SubUnit',
   SubUnitDetail: 'SubUnitDetail',
   DeviceDetail: 'DeviceDetail',
@@ -182,7 +181,7 @@ const Routes = {
   SuccessfullyConnected: 'SuccessfullyConnected',
   AllGatewayStack: 'AllGatewayStack',
   AllGateway: 'AllGateway',
-  DetailConfigActionInterval: 'DetailConfigActionInterval',
+  DetailConfigActionInternal: 'DetailConfigActionInternal',
   DeviceInternalDetail: 'DeviceInternalDetail',
 };
 

package/src/utils/Utils.js

@@ -1,8 +1,24 @@
 import { PixelRatio, Linking, Alert } from 'react-native';
 import Toast from 'react-native-toast-message';
 import validator from 'validator';
-import { Constants } from '../configs';
 import api from './Apis/axios';
+import {
+  ESP32_DIGITAL,
+  ESP32_ANALOG_READ,
+  ESP32_ANALOG_WRITE,
+  RASPBERRY_PI_DIGITAL,
+  RASPBERRY_PI_ANALOG_WRITE,
+  RASPBERRY_PI_ANALOG_READ,
+  STM32_DIGITAL_READ,
+  STM32_ANALOG_READ,
+  STM32_DIGITAL_WRITE,
+  STM32_ANALOG_WRITE,
+  READ_DIGITAL_PIN_MODE,
+  READ_ANALOG_PIN_MODE,
+  WRITE_DIGITAL_PIN_MODE,
+  WRITE_ANALOG_PIN_MODE,
+  LANGUAGE,
+} from '../configs/IOPinConstants';
 
 export const setAxiosDefaultAuthToken = (token) => {
   api.setHeaders({ Authorization: `Token ${token}` });
@@ -10,7 +26,7 @@ export const setAxiosDefaultAuthToken = (token) => {
 
 export const setAxiosDefaultLanguage = (language) => {
   api.setHeaders({
-    'Accept-Language': language || Constants.LANGUAGE.DEFAULT,
+    'Accept-Language': language || LANGUAGE.DEFAULT,
   });
 };
 
@@ -140,6 +156,50 @@ export const roundNumber = (value, round = 2) => {
   return value;
 };
 
+export const PIN_MODE_MAPPING = {
+  read: {
+    boolean: READ_DIGITAL_PIN_MODE,
+    integer: READ_ANALOG_PIN_MODE,
+  },
+  write: {
+    boolean: WRITE_DIGITAL_PIN_MODE,
+    integer: WRITE_ANALOG_PIN_MODE,
+  },
+};
+
+export const PIN_MAPPING = {
+  esp32: {
+    read: {
+      boolean: ESP32_DIGITAL,
+      integer: ESP32_ANALOG_READ,
+    },
+    write: {
+      boolean: ESP32_DIGITAL,
+      integer: ESP32_ANALOG_WRITE,
+    },
+  },
+  stm32: {
+    read: {
+      boolean: STM32_DIGITAL_READ,
+      integer: STM32_ANALOG_READ,
+    },
+    write: {
+      boolean: STM32_DIGITAL_WRITE,
+      integer: STM32_ANALOG_WRITE,
+    },
+  },
+  raspberry_pi: {
+    read: {
+      boolean: RASPBERRY_PI_DIGITAL,
+      integer: RASPBERRY_PI_ANALOG_READ,
+    },
+    write: {
+      boolean: RASPBERRY_PI_DIGITAL,
+      integer: RASPBERRY_PI_ANALOG_WRITE,
+    },
+  },
+};
+
 export default {
   validateEmail,
   isObjectEmpty,

package/src/commons/Explore/ActivityIndicator/index.js

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { Easing, Animated } from 'react-native';
-import { useEffect, useMemo, useRef } from 'react';
-import { AccessibilityLabel } from '../../../configs/Constants';
-
-function SvgComponent(props) {
-  const rotateValue = useRef(new Animated.Value(0)).current;
-  useEffect(() => {
-    Animated.loop(
-      Animated.timing(rotateValue, {
-        toValue: 1,
-        duration: 2000,
-        easing: Easing.linear,
-        useNativeDriver: true,
-      }),
-      { iterations: -1 }
-    ).start();
-  }, [rotateValue]);
-
-  const rotate = useMemo(
-    () =>
-      rotateValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: ['0deg', '360deg'],
-      }),
-    [rotateValue]
-  );
-  const style = {
-    height: 16,
-    width: 16,
-    transform: [
-      {
-        rotate: rotate,
-      },
-    ],
-  };
-
-  return (
-    <Animated.View
-      style={style}
-      accessibilityLabel={AccessibilityLabel.COMMON_LOADING_ANIMATION}
-    >
-      {props.icon}
-    </Animated.View>
-  );
-}
-
-const SvgActivityIndicator = React.memo(SvgComponent);
-export default SvgActivityIndicator;

package/src/commons/Explore/CityItem/index.js

@@ -1,116 +0,0 @@
-import React, { memo, useCallback } from 'react';
-import { View, Image, StyleSheet, TouchableOpacity } from 'react-native';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-
-import { Colors } from '../../../configs';
-import Text from '../../../commons/Text';
-import { API } from '../../../configs';
-import Pin from '../../../../assets/images/Explore/Pin.svg';
-import Follower from '../../../../assets/images/Explore/Follower.svg';
-import PinOutline from '../../../../assets/images/Explore/PinOutline.svg';
-import { formatNumberCompact } from '../../../utils/Utils';
-import { axiosPost } from '../../../utils/Apis/axios';
-
-const CityItem = memo(({ item, onSelect }) => {
-  const t = useTranslations();
-  const { id, name, icon, is_pin, count_pin } = item;
-
-  const onPressPinPublicUnit = useCallback(async () => {
-    const { success } = await axiosPost(API.UNIT.PIN_UNIT(id));
-    if (success) {
-      //TODO remove redux
-      //dispatch(pinPublicUnitSuccess(id));
-    }
-  }, [id]);
-
-  const onPressUnPinPublicUnit = useCallback(async () => {
-    const { success } = await axiosPost(API.UNIT.UNPIN_UNIT(id));
-    if (success) {
-      //TODO remove redux
-      //dispatch(unpinPublicUnitSuccess(id));
-    }
-  }, [id]);
-
-  return (
-    <TouchableOpacity
-      style={styles.container}
-      onPress={onSelect}
-      activeOpacity={0.4}
-    >
-      <View>
-        <Image source={{ uri: icon || '' }} style={styles.image} />
-      </View>
-      <View style={styles.info}>
-        <Text size={16} style={styles.textName}>
-          {name}
-        </Text>
-        <View style={styles.pinView}>
-          <Follower width={16} height={16} />
-          <Text size={12} color={Colors.Gray8}>
-            {`${formatNumberCompact(count_pin)}` + ` ${t('text_pins')}`}
-          </Text>
-        </View>
-      </View>
-      <TouchableOpacity activeOpacity={0.7} style={styles.pin}>
-        {is_pin ? (
-          <Pin onPress={onPressUnPinPublicUnit} width={24} height={24} />
-        ) : (
-          <PinOutline onPress={onPressPinPublicUnit} width={24} height={24} />
-        )}
-      </TouchableOpacity>
-    </TouchableOpacity>
-  );
-});
-export default CityItem;
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    paddingBottom: 8,
-    borderBottomWidth: 1,
-    borderBottomColor: Colors.Gray4,
-    marginBottom: 17,
-    marginHorizontal: 16,
-  },
-  image: {
-    width: 54,
-    height: 54,
-    borderRadius: 5,
-  },
-  info: {
-    flex: 1,
-    marginLeft: 16,
-  },
-  textName: {
-    color: Colors.Black,
-    lineHeight: 24,
-    marginBottom: 2,
-  },
-  pinView: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginBottom: 6,
-  },
-  weatherInfo: {
-    flexDirection: 'row',
-  },
-  rowInfo: {
-    marginRight: 24,
-  },
-  value: {
-    color: Colors.Black,
-    lineHeight: 24,
-  },
-  weatherAttribute: {
-    lineHeight: 20,
-  },
-  qualityEvaluate: {
-    lineHeight: 24,
-  },
-  pin: {
-    padding: 4,
-    height: 32,
-    marginTop: -4,
-    marginRight: -4,
-  },
-});

package/src/commons/Explore/HeaderExplore/index.js

@@ -1,44 +0,0 @@
-import React, { memo } from 'react';
-import { View, StyleSheet } from 'react-native';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-import Theme from '../../../configs/Theme';
-
-import { Colors } from '../../../configs';
-import Text from '../../../commons/Text';
-import { useSCContextSelector } from '../../../context';
-
-const HeaderExplore = memo(() => {
-  const t = useTranslations();
-  useSCContextSelector((state) => state.language);
-  return (
-    <View style={styles.container}>
-      <Text size={20} semibold={true} style={styles.textTitle}>
-        {t('text_explore')}
-      </Text>
-      {/* <SearchBox onFocusInput={onFocusTextInput} /> */}
-    </View>
-  );
-});
-
-export default HeaderExplore;
-
-const styles = StyleSheet.create({
-  container: {
-    paddingHorizontal: 16,
-    paddingTop: 8,
-    paddingBottom: 16,
-  },
-  textTitle: {
-    lineHeight: 28,
-  },
-  searchBox: {
-    ...Theme.flexRow,
-    paddingHorizontal: 16,
-    backgroundColor: Colors.White,
-    borderWidth: 1,
-    borderColor: Colors.Gray4,
-    borderRadius: 5,
-    marginTop: 8,
-    height: 48,
-  },
-});

package/src/commons/Explore/HeaderLabel/index.js

@@ -1,46 +0,0 @@
-import React, { memo } from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import { useTranslations } from '../../../hooks/Common/useTranslations';
-
-import { Colors } from '../../../configs';
-import Text from '../../../commons/Text';
-
-const HeaderLabel = memo(({ title, style, onPress, seeMore }) => {
-  const t = useTranslations();
-  return (
-    <View style={[styles.labelHeader, style]}>
-      <Text fontSize={14} color={Colors.Gray8} style={styles.textLineHeight}>
-        {title}
-      </Text>
-      {seeMore && (
-        <TouchableOpacity onPress={onPress} style={styles.btnStyle}>
-          <Text
-            fontSize={14}
-            color={Colors.Primary}
-            style={styles.textLineHeight}
-          >
-            {t('see_more')}
-          </Text>
-        </TouchableOpacity>
-      )}
-    </View>
-  );
-});
-
-const styles = StyleSheet.create({
-  labelHeader: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-  textLineHeight: {
-    lineHeight: 20,
-  },
-  btnStyle: {
-    marginTop: -8,
-    marginBottom: -8,
-    paddingTop: 8,
-    paddingBottom: 8,
-  },
-});
-
-export default HeaderLabel;

package/src/commons/Explore/LocationItem/index.js

@@ -1,71 +0,0 @@
-import React from 'react';
-import { View, Image, StyleSheet, TouchableOpacity } from 'react-native';
-
-import Text from '../../../commons/Text';
-import { Colors } from '../../../configs';
-
-const LocationItem = ({ item, onPress, margin }) => {
-  return (
-    <TouchableOpacity
-      style={[styles.container, { marginTop: margin, marginLeft: margin }]}
-      onPress={onPress}
-    >
-      <Image source={{ uri: item.background || '' }} style={styles.image} />
-      <View style={styles.contentView}>
-        <Text
-          size={14}
-          semibold={true}
-          style={styles.textMargin}
-          numberOfLines={1}
-        >
-          {item.name || ''}
-        </Text>
-        <Text
-          numberOfLines={2}
-          size={12}
-          color={Colors.Gray8}
-          style={styles.textAddress}
-        >
-          {item.address || ''}
-        </Text>
-        <Text color={Colors.Orange} size={14} style={styles.textMargin}>
-          {item.distance || ''}
-        </Text>
-      </View>
-    </TouchableOpacity>
-  );
-};
-
-export default LocationItem;
-
-const styles = StyleSheet.create({
-  container: {
-    width: 167,
-    height: 200,
-    paddingBottom: 8,
-    borderRadius: 10,
-    borderWidth: 1,
-    borderColor: Colors.Gray4,
-    marginRight: 8,
-    backgroundColor: Colors.White,
-  },
-  textMargin: {
-    lineHeight: 22,
-    marginTop: 8,
-  },
-  image: {
-    width: 167,
-    height: 80,
-    borderTopLeftRadius: 10,
-    borderTopRightRadius: 10,
-  },
-  contentView: {
-    paddingHorizontal: 12,
-    justifyContent: 'space-between',
-    flexDirection: 'column',
-    flex: 1,
-  },
-  textAddress: {
-    lineHeight: 20,
-  },
-});

package/src/commons/Explore/SearchBox/__test__/SearchBox.test.js

@@ -1,58 +0,0 @@
-import SearchBox from '../index';
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import renderer, { act } from 'react-test-renderer';
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-import { TextInput } from 'react-native';
-import { AccessibilityLabel } from '../../../../configs/Constants';
-
-const mockedNavigate = jest.fn();
-
-const wrapComponent = () => (
-  <SCProvider initState={mockSCStore({})}>
-    <SearchBox isBack={true} />
-  </SCProvider>
-);
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      goBack: mockedNavigate,
-    }),
-  };
-});
-
-describe('Test SearchBox', () => {
-  let wrapper;
-  it('SearchBox render', async () => {
-    await act(async () => {
-      wrapper = renderer.create(wrapComponent());
-    });
-    const instance = wrapper.root;
-    const button = instance.findByType(TouchableOpacity);
-
-    await act(async () => {
-      button.props.onPress();
-    });
-    expect(mockedNavigate.mock.calls.length).toBe(1);
-  });
-
-  it('Onfocus searchBox', async () => {
-    await act(async () => {
-      wrapper = renderer.create(wrapComponent());
-    });
-    const instance = wrapper.root;
-    const textInput = instance.find(
-      (item) =>
-        item.props.accessibilityLabel ===
-          AccessibilityLabel.ON_FOCUS_SEARCH_B0X && item.type === TextInput
-    );
-
-    await act(async () => {
-      textInput.props.onFocus();
-    });
-    expect(textInput).toBeDefined();
-  });
-});