@eohjsc/react-native-smart-city 0.5.8 → 0.6.0-rc1

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

@@ -1,69 +0,0 @@
-import React from 'react';
-import renderer, { act } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
-import { DetailHistoryChart } from '../components/DetailHistoryChart';
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import HistoryChart from '../../../commons/Device/HistoryChart';
-import api from '../../../utils/Apis/axios';
-import { API } from '../../../configs';
-
-const mock = new MockAdapter(api.axiosInstance);
-
-const wrapComponent = (item, sensor) => (
-  <SCProvider initState={mockSCStore({})}>
-    <DetailHistoryChart item={item} sensor={sensor} />
-  </SCProvider>
-);
-describe('Test DetailHistoryChart', () => {
-  let tree;
-  let item = {
-    id: 10452,
-    order: 0,
-    template: 'history',
-    type: 'history',
-    configuration: {
-      type: 'horizontal_bar_chart',
-      date_format: 'DD.MM',
-      configs: [
-        {
-          id: 9848,
-          title: 'horizontal',
-          color: 'blue',
-        },
-      ],
-    },
-    is_configuration_ready: true,
-  };
-  let sensor = {
-    name: 'Sensor name',
-    is_managed_by_backend: false,
-  };
-  it('create DetailHistoryChart', async () => {
-    mock
-      .onGet(API.VALUE_CONSUME.DISPLAY_HISTORY())
-      .reply(200, [{ data: [1, 2, 3] }]);
-
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(item, sensor));
-    });
-    const instance = tree.root;
-    const historyChart = instance.findAllByType(HistoryChart);
-    expect(historyChart).toHaveLength(1);
-  });
-
-  it('create DetailHistoryChart type line_chart', async () => {
-    mock.onGet(API.DEVICE.DISPLAY_HISTORY()).reply(200, [{ data: [1, 2, 3] }]);
-    item = {
-      ...item,
-      configuration: { ...item?.configuration, type: 'line_chart' },
-    };
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(item, sensor));
-    });
-    const instance = tree.root;
-    const historyChart = instance.findAllByType(HistoryChart);
-    expect(historyChart).toHaveLength(1);
-  });
-});

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

@@ -1,118 +0,0 @@
-import moment from 'moment';
-import React, { useCallback, useEffect, useState } from 'react';
-import { StyleSheet } from 'react-native';
-import HistoryChart from '../../../commons/Device/HistoryChart';
-import { API } from '../../../configs';
-import { axiosGet } from '../../../utils/Apis/axios';
-
-export const DetailHistoryChart = ({ item = {}, sensor = {} }) => {
-  const { configuration = {} } = item;
-  const { configs = [], type = '' } = configuration;
-  const [lineChartData, setLineChartData] = useState(configs);
-  const [horizontalChartData, setHorizontalChartData] = useState([]);
-  const [groupBy, setGroupBy] = useState('date');
-  const [startDate, setStartDate] = useState(
-    type === 'line_chart'
-      ? moment().subtract(1, 'days').valueOf()
-      : moment().subtract(6, 'days')
-  );
-  const [endDate, setEndDate] = useState(
-    type === 'line_chart' ? moment().valueOf() : moment()
-  );
-  const [chartConfig, setChartConfig] = useState({
-    unit: '',
-  });
-  const [isLoading, setIsLoading] = useState(false);
-
-  const fetchData = useCallback(async () => {
-    let params = new URLSearchParams();
-    configs.map((config) => {
-      params.append('config', config.id);
-    });
-
-    if (type !== 'line_chart') {
-      params.append('group_by', groupBy);
-      if (groupBy === 'date') {
-        params.append('date_from', moment(startDate).format('YYYY-MM-DD'));
-        params.append('date_to', moment(endDate).format('YYYY-MM-DD'));
-      }
-    } else {
-      params.append('date_from', startDate / 1000);
-      params.append('date_to', endDate / 1000);
-    }
-    if (type === 'line_chart') {
-      const { success, data } = await axiosGet(
-        API.DEVICE.DISPLAY_HISTORY(sensor.id),
-        { params }
-      );
-      if (success) {
-        for (let i = 0; i < data.length; i++) {
-          for (let j = 0; j < data[i].data.length; j++) {
-            data[i].data[j].x = moment(data[i].data[j].x).toDate();
-          }
-        }
-
-        const formatData = configs.map((config) => {
-          const dataChart = data.find((k) => k.config === config.id) || {
-            data: [],
-          };
-          return { ...config, data: dataChart.data };
-        });
-        setLineChartData(formatData);
-        setIsLoading(true);
-      }
-    }
-    if (type === 'horizontal_bar_chart') {
-      const { success, data } = await axiosGet(
-        API.VALUE_CONSUME.DISPLAY_HISTORY(),
-        {
-          params,
-        }
-      );
-      if (success) {
-        if (data[0]?.data) {
-          setHorizontalChartData(data);
-          setIsLoading(true);
-        } else {
-          setIsLoading(false);
-        }
-      }
-    }
-  }, [configs, endDate, groupBy, sensor.id, startDate, type]);
-
-  useEffect(() => {
-    fetchData();
-  }, [fetchData]);
-
-  if (!lineChartData?.length) {
-    return false;
-  }
-
-  return (
-    <>
-      {isLoading && (
-        <HistoryChart
-          configuration={item.configuration}
-          datas={type === 'line_chart' ? lineChartData : horizontalChartData}
-          setStartDate={setStartDate}
-          startDate={startDate}
-          setEndDate={setEndDate}
-          endDate={endDate}
-          groupBy={groupBy}
-          setGroupBy={setGroupBy}
-          chartConfig={chartConfig}
-          setChartConfig={setChartConfig}
-          formatType={type !== 'line_chart' && 'date'}
-          style={styles.chartStyle}
-        />
-      )}
-    </>
-  );
-};
-
-const styles = StyleSheet.create({
-  chartStyle: {
-    paddingHorizontal: 16,
-    marginBottom: 16,
-  },
-});

package/src/screens/UnitSummary/components/Temperature/ChartAverage/index.js

@@ -1,62 +0,0 @@
-import React, { memo } from 'react';
-import { View } from 'react-native';
-import {
-  VictoryChart,
-  VictoryLine,
-  VictoryTheme,
-  VictoryScatter,
-  VictoryGroup,
-  VictoryAxis,
-  VictoryArea,
-} from 'victory-native';
-import { Colors } from '../../../../../configs';
-
-const ChartAverage = memo(({ labels, tempData, humiData }) => {
-  const dataChartTemp = tempData;
-  const dataChartHumidity = humiData;
-  return (
-    <View style={{}}>
-      <VictoryChart
-        theme={VictoryTheme.material}
-        padding={{ top: 10, bottom: 30, left: 36, right: 36 }}
-        height={135}
-      >
-        <VictoryAxis
-          style={axisX}
-          tickFormat={(t, index) => {
-            if (index % 4 === 0) {
-              return t;
-            }
-            return null;
-          }}
-        />
-        <VictoryAxis dependentAxis style={axisY} />
-        <VictoryGroup color={'rgba(255,34,45,1)'} data={dataChartTemp}>
-          <VictoryLine />
-          <VictoryArea style={{ data: { fill: 'rgba(255,34,45,0.3)' } }} />
-          <VictoryScatter size={5} />
-        </VictoryGroup>
-        <VictoryGroup color={'rgba(24,144,255,1)'} data={dataChartHumidity}>
-          <VictoryLine />
-          <VictoryArea style={{ data: { fill: 'rgba(24,144,255,0.3)' } }} />
-          <VictoryScatter size={5} />
-        </VictoryGroup>
-      </VictoryChart>
-    </View>
-  );
-});
-
-const axisX = {
-  axis: { fill: Colors.Gray4, stroke: Colors.Gray4, strokeWidth: 2 },
-  grid: { fill: 'none', stroke: 'none' },
-  ticks: { size: 0 },
-  tickLabels: { fontSize: 12, fill: Colors.Gray8, padding: 13 },
-};
-const axisY = {
-  axis: { stroke: Colors.Gray4 },
-  axisLabel: { fontSize: 20, padding: 30 },
-  grid: { fill: 'none', stroke: 'none' },
-  ticks: { size: 0 },
-  tickLabels: { fontSize: 0 },
-};
-export default ChartAverage;

package/src/screens/UnitSummary/components/Temperature/__test__/ChartAverage.test.js

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

package/src/utils/dateHelper/getTickValues.js

@@ -1,22 +0,0 @@
-import moment from 'moment';
-
-const getTickValues = (chart, configuration) => {
-  const dateFormat = configuration ? configuration.date_format : null;
-  let arr = [];
-  let stringArr = [];
-  let stringDataArr = [];
-  for (let i = 0; i < chart.data.length; i++) {
-    let checkHad = arr.findIndex((item) => item === chart.data[i].x);
-    if (checkHad < 0) {
-      arr.push(chart.data[i].x);
-      stringArr.push(moment(chart.data[i].x).format(dateFormat));
-      stringDataArr.push({
-        x: moment(chart.data[i].x).format(dateFormat),
-        y: chart.data[i].y,
-      });
-    }
-  }
-  return { arr, stringArr, stringDataArr };
-};
-
-export default getTickValues;