@eohjsc/react-native-smart-city 0.7.21 → 0.7.23

package/src/screens/Sharing/Components/EndDevice.js

@@ -1,93 +0,0 @@
-import React, { memo, useMemo, useState } from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
-import { Colors } from '../../../configs';
-import styles from './Styles/DeviceItemStyles';
-import { AccessibilityLabel } from '../../../configs/Constants';
-import IconComponent from '../../../commons/IconComponent';
-import CheckBoxConfig from './CheckBoxConfig';
-
-const EndDevice = ({
-  item,
-  onTickedChild,
-  onTickEndDevice,
-  isItemExpanded,
-  toggleExpandEndDevice,
-  indexSubUnit,
-  indexEndDevice,
-  expandEndDevice,
-}) => {
-  const { name, actions, read_configs, icon_kit, icon, isChecked } = item;
-  const [checked, setChecked] = useState(isChecked);
-
-  const dataConfig = useMemo(() => {
-    return [
-      ...actions.map((i) => ({ ...i, isControl: true })),
-      ...read_configs.map((i) => ({ ...i, isConfig: true })),
-    ];
-  }, [actions, read_configs]);
-
-  const onPressItem = () => {
-    expandEndDevice();
-    onTickEndDevice(indexSubUnit, indexEndDevice, item, !checked);
-    setChecked(!checked);
-  };
-
-  const renderData = useMemo(() => {
-    return dataConfig.map((i) => (
-      <CheckBoxConfig
-        key={i.id}
-        item={item}
-        title={i.name}
-        configId={i.id}
-        isConfig={i.isConfig}
-        isControl={i.isControl}
-        onPress={onTickedChild}
-        isChecked={i.isChecked}
-        indexSubUnit={indexSubUnit}
-        indexEndDevice={indexEndDevice}
-      />
-    ));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dataConfig]);
-
-  return (
-    <View style={styles.wrap}>
-      <TouchableOpacity onPress={onPressItem}>
-        <IconComponent
-          icon={icon_kit || icon}
-          size={20}
-          style={styles.viewLeft}
-        />
-      </TouchableOpacity>
-      <View style={styles.wrapRight}>
-        <View style={styles.viewRight}>
-          <Text
-            numberOfLines={1}
-            style={styles.text}
-            onPress={onPressItem}
-            accessibilityLabel={`${AccessibilityLabel.SHARE_DEVICE.CLICK_NAME_END_DEVICE}-${indexEndDevice}`}
-          >
-            {name}
-          </Text>
-          {checked && (
-            <IconOutline name={'check'} color={Colors.Primary} size={20} />
-          )}
-
-          {dataConfig.length > 0 && (
-            <IconOutline
-              onPress={() => toggleExpandEndDevice()}
-              name={isItemExpanded ? 'up' : 'down'}
-              size={20}
-              color={Colors.Gray6}
-              accessibilityLabel={`${AccessibilityLabel.SHARE_DEVICE.EXPAND_END_DEVICE}-${indexEndDevice}`}
-            />
-          )}
-        </View>
-        {isItemExpanded && <View style={styles.wrapExpand}>{renderData}</View>}
-      </View>
-    </View>
-  );
-};
-
-export default memo(EndDevice);

package/src/screens/Sharing/Components/Styles/CheckBoxConfigStyles.js

@@ -1,18 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-export default StyleSheet.create({
-  wrap: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  wrapRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  wrapCheckBoxStyle: {
-    marginLeft: -10,
-  },
-  titleStyle: {
-    width: 200,
-  },
-});

package/src/screens/Sharing/Components/Styles/TitleCheckBoxStyles.js

@@ -1,21 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Colors } from '../../../../configs';
-import { normalize } from '../../../../configs/Constants';
-
-export default StyleSheet.create({
-  wrap: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  title: {
-    color: Colors.Gray8,
-    fontSize: normalize(14),
-    lineHeight: normalize(22),
-    fontWeight: '600',
-    fontStyle: 'normal',
-  },
-  wrapRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-});

package/src/screens/Sharing/Components/__test__/TitleCheckBox.test.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-import TitleCheckBox from '../TitleCheckBox';
-import { CheckBoxCustom } from '..';
-
-const mockOnPress = jest.fn();
-const wrapComponent = (idGroup, id) => (
-  <SCProvider initState={mockSCStore({})}>
-    <TitleCheckBox idGroup={idGroup} id={id} onPress={mockOnPress} />
-  </SCProvider>
-);
-
-describe('test TitleCheckBox', () => {
-  it('test handleOnPress', async () => {
-    let tree;
-    await act(async () => {
-      tree = await create(wrapComponent(1, 2));
-    });
-    const instance = tree.root;
-    const checkBoxCustom = instance.findByType(CheckBoxCustom);
-    await act(async () => {
-      checkBoxCustom.props.onPress();
-    });
-
-    expect(checkBoxCustom.props.isChecked).toBe(true);
-    expect(mockOnPress).toHaveBeenLastCalledWith(1, true, 2);
-  });
-});