@eohjsc/react-native-smart-city 0.3.48 → 0.3.49

package/src/screens/Gateway/DetailConfigActionModbus/index.js

@@ -0,0 +1,180 @@
+import React, { memo, useCallback, useMemo } from 'react';
+import { View } from 'react-native';
+
+import styles from './styles';
+import DetailConfigAction from '../components/DetailConfigAction';
+import { useRoute, useNavigation } from '@react-navigation/native';
+import { calculateLength, calculateStartAddress } from '../utils';
+import DetailActionModbus from '../components/DetailActionModbus';
+import Routes from '../../../utils/Route';
+
+const DetailConfigActionModbus = () => {
+  const { params = {} } = useRoute();
+  const { navigate } = useNavigation();
+  const {
+    itemActionConfig,
+    isConfigRead,
+    isConfigWrite,
+    isAction,
+    isChildAction,
+  } = params;
+
+  const sa = useMemo(() => {
+    if (itemActionConfig?.sa1 && itemActionConfig?.sa2) {
+      return calculateStartAddress(
+        itemActionConfig?.sa1,
+        itemActionConfig?.sa2
+      );
+    }
+    return '--';
+  }, [itemActionConfig?.sa1, itemActionConfig?.sa2]);
+
+  const len = useMemo(() => {
+    if (itemActionConfig?.len1 && itemActionConfig?.len2) {
+      return calculateLength(itemActionConfig?.len1, itemActionConfig?.len2);
+    }
+    return '--';
+  }, [itemActionConfig?.len1, itemActionConfig?.len2]);
+
+  const listConfigRead = useMemo(
+    () => [
+      {
+        id: 1,
+        title: 'Function',
+        data: itemActionConfig?.func || '--',
+      },
+      {
+        id: 2,
+        title: 'Sa',
+        data: sa,
+      },
+      {
+        id: 3,
+        title: 'Len',
+        data: len,
+      },
+    ],
+    [itemActionConfig?.func, len, sa]
+  );
+
+  const listConfigWrite = useMemo(
+    () => [
+      {
+        id: 1,
+        title: 'Function',
+        data: itemActionConfig?.func || '--',
+      },
+      {
+        id: 2,
+        title: 'Sa',
+        data: sa,
+      },
+      {
+        id: 3,
+        title: 'Len',
+        data: len,
+      },
+      {
+        id: 4,
+        title: 'Ex',
+        data: itemActionConfig?.ex || '--',
+      },
+    ],
+    [itemActionConfig?.ex, itemActionConfig?.func, len, sa]
+  );
+
+  const listAction = useMemo(
+    () => [...(itemActionConfig?.items || [])],
+    [itemActionConfig?.items]
+  );
+
+  const listActionChild = useMemo(
+    () => [
+      {
+        id: 1,
+        title: 'config_write',
+        data: '--',
+      },
+      {
+        id: 2,
+        title: 'Len',
+        data: len,
+      },
+      {
+        id: 3,
+        title: 'Delay',
+        data: itemActionConfig?.delay,
+      },
+      {
+        id: 4,
+        title: 'Index',
+        data: itemActionConfig?.index,
+      },
+      {
+        id: 5,
+        title: 'Ex',
+        data: itemActionConfig?.ex || '--',
+      },
+    ],
+    [
+      itemActionConfig?.delay,
+      itemActionConfig?.ex,
+      itemActionConfig?.index,
+      len,
+    ]
+  );
+
+  const title = useMemo(
+    () =>
+      (isChildAction && itemActionConfig?.actionName) ||
+      ((isConfigRead || isConfigWrite) && itemActionConfig?.config?.name) ||
+      (isAction && itemActionConfig?.name) ||
+      '',
+    [
+      isAction,
+      isChildAction,
+      isConfigRead,
+      isConfigWrite,
+      itemActionConfig?.actionName,
+      itemActionConfig?.config?.name,
+      itemActionConfig?.name,
+    ]
+  );
+
+  const onPressRow = useCallback(
+    (item) => () => {
+      navigate(Routes.DetailChildConfigActionModbus, {
+        isChildAction: true,
+        itemActionConfig: item,
+      });
+    },
+    [navigate]
+  );
+  return (
+    <View style={styles.wrap}>
+      {isChildAction || isConfigRead || isConfigWrite ? (
+        <DetailConfigAction
+          title={title}
+          listData={
+            (isChildAction && listActionChild) ||
+            (isConfigRead && listConfigRead) ||
+            (isConfigWrite && listConfigWrite)
+          }
+          isDetailConfigModbus
+          onRowOne
+        />
+      ) : (
+        isAction && (
+          <DetailActionModbus
+            title={title}
+            listData={listAction}
+            itemAction={itemActionConfig}
+            onPressRow={onPressRow}
+          />
+        )
+      )}
+    </View>
+  );
+};
+
+export default memo(DetailConfigActionModbus);

package/src/screens/Gateway/DetailConfigActionModbus/styles.js

@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../configs';
+
+export default StyleSheet.create({
+  wrap: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+});

package/src/screens/Gateway/DetailConfigActionZigbee/__test__/index.test.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { create, act } from 'react-test-renderer';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import DetailConfigActionZigbee from '..';
+import { useRoute } from '@react-navigation/native';
+import DetailConfigAction from '../../components/DetailConfigAction';
+
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <DetailConfigActionZigbee />
+  </SCProvider>
+);
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useRoute: jest.fn(),
+  };
+});
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      navigate: jest.fn(),
+      pop: jest.fn(),
+    }),
+    useRoute: jest.fn(),
+    useIsFocused: () => true,
+  };
+});
+
+describe('Test DetailConfigActionZigbee', () => {
+  let tree;
+  it('test render DetailConfigActionZigbee isConfig', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        device: {
+          id: 1,
+          sensor: { id: 1, name: 'sensor', connection_time: 30 },
+        },
+        isConfig: true,
+        isAction: false,
+        itemActionConfig: { config: { id: 1, name: 'config1' } },
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const detailConfigAction = instance?.findAllByType(DetailConfigAction);
+    expect(detailConfigAction).toHaveLength(1);
+  });
+  it('test render DetailConfigActionZigbee isAction', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        device: {
+          id: 1,
+          sensor: { id: 1, name: 'sensor', connection_time: 30 },
+        },
+        isConfig: false,
+        isAction: true,
+        itemActionConfig: { config: { id: 1, name: 'action' } },
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const detailConfigAction = instance?.findAllByType(DetailConfigAction);
+    expect(detailConfigAction).toHaveLength(1);
+  });
+});

package/src/screens/Gateway/DetailConfigActionZigbee/index.js

@@ -0,0 +1,62 @@
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+
+import styles from './styles';
+import DetailConfigAction from '../components/DetailConfigAction';
+import { useRoute } from '@react-navigation/native';
+
+const DetailConfigActionZigbee = () => {
+  const { params = {} } = useRoute();
+  const { device = {}, itemActionConfig, isConfig, isAction } = params;
+
+  const listData = useMemo(
+    () => [
+      {
+        id: 1,
+        title: (isConfig && 'config_name') || (isAction && 'action_name') || '',
+        data:
+          (isConfig && itemActionConfig?.config?.name) ||
+          (isAction && itemActionConfig?.action?.name) ||
+          '--',
+      },
+      {
+        id: 2,
+        title: (isConfig && 'key') || (isAction && 'control_payload') || '',
+        data: '--',
+      },
+    ],
+    [
+      isAction,
+      isConfig,
+      itemActionConfig?.action?.name,
+      itemActionConfig?.config?.name,
+    ]
+  );
+
+  const title = useMemo(
+    () =>
+      (isConfig && itemActionConfig?.config?.name) ||
+      (isAction && itemActionConfig?.action?.name) ||
+      '',
+    [
+      isAction,
+      isConfig,
+      itemActionConfig?.action?.name,
+      itemActionConfig?.config?.name,
+    ]
+  );
+
+  const subTitle = useMemo(() => device?.sensor?.name || '--', [device]);
+
+  return (
+    <View style={styles.wrap}>
+      <DetailConfigAction
+        title={title}
+        subTitle={subTitle}
+        listData={listData}
+      />
+    </View>
+  );
+};
+
+export default memo(DetailConfigActionZigbee);

package/src/screens/Gateway/DetailConfigActionZigbee/styles.js

@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../configs';
+
+export default StyleSheet.create({
+  wrap: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+});

package/src/screens/Gateway/DeviceGatewayInfo/__test__/index.test.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { create, act } from 'react-test-renderer';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import DeviceGatewayInfo from '..';
+import { useRoute } from '@react-navigation/native';
+import Information from '../../components/Information';
+
+const wrapComponent = () => (
+  <SCProvider initState={mockSCStore({})}>
+    <DeviceGatewayInfo />
+  </SCProvider>
+);
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useRoute: jest.fn(),
+  };
+});
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      goBack: jest.fn(),
+    }),
+    useRoute: jest.fn(),
+    useIsFocused: () => true,
+  };
+});
+
+describe('Test DeviceGatewayInfo', () => {
+  let tree;
+  it('test render DeviceGatewayInfo zigbee', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        device: {
+          ieee_address: '1111',
+          model_name: '1111',
+          sensor: { name: 'sensor', connection_time: 30 },
+        },
+        isZigbee: true,
+        isModbus: false,
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const information = instance?.findAllByType(Information);
+    expect(information).toHaveLength(1);
+  });
+  it('test render DeviceGatewayInfo modbus', async () => {
+    useRoute.mockReturnValue({
+      params: {
+        device: {
+          address: 'aaa',
+          delay: 0,
+          index: '1',
+          sensor: { name: 'sensor', connection_time: 30 },
+        },
+        isZigbee: false,
+        isModbus: true,
+      },
+    });
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const information = instance?.findAllByType(Information);
+    expect(information).toHaveLength(1);
+  });
+});

package/src/screens/Gateway/DeviceGatewayInfo/index.js

@@ -0,0 +1,96 @@
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import t from '../../../hooks/Common/useTranslations';
+import { useRoute } from '@react-navigation/native';
+import styles from './styles';
+import Information from '../components/Information';
+
+const DeviceGatewayInfo = () => {
+  const { params = {} } = useRoute();
+  const { device = {}, isZigbee = false, isModbus = false } = params;
+  const {
+    ieee_address = '',
+    model_name = '',
+    address = '',
+    delay = '',
+    index = '',
+    sensor = {},
+  } = device;
+  const { name = '', connection_time = '' } = sensor;
+
+  const deviceInformationZigbee = useMemo(
+    () => [
+      {
+        id: 1,
+        title: 'device_name',
+        data: name,
+      },
+      {
+        id: 2,
+        title: 'connection_time',
+        data: connection_time,
+      },
+      {
+        id: 3,
+        title: 'ieee_address',
+        data: ieee_address,
+      },
+      {
+        id: 4,
+        title: 'model',
+        data: model_name,
+      },
+    ],
+    [ieee_address, model_name, connection_time, name]
+  );
+
+  const deviceInformationModbus = useMemo(
+    () => [
+      {
+        id: 1,
+        title: 'device_name',
+        data: name,
+      },
+      {
+        id: 2,
+        title: 'connection_time',
+        data: connection_time,
+      },
+      {
+        id: 3,
+        title: 'address',
+        data: address,
+      },
+      {
+        id: 4,
+        title: 'delay',
+        data: delay,
+      },
+      {
+        id: 5,
+        title: 'index',
+        data: index,
+      },
+    ],
+    [name, connection_time, address, delay, index]
+  );
+
+  return (
+    <View style={styles.wrap}>
+      <Information
+        listInformation={
+          isZigbee
+            ? deviceInformationZigbee
+            : isModbus
+            ? deviceInformationModbus
+            : []
+        }
+        isModbus={isModbus}
+        isDevice
+        title={t('device_information')}
+      />
+    </View>
+  );
+};
+
+export default memo(DeviceGatewayInfo);

package/src/screens/Gateway/DeviceGatewayInfo/styles.js

@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../configs';
+
+export default StyleSheet.create({
+  wrap: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+});