@axelor/aos-mobile-ui 8.0.0 → 8.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/templates/Dashboard/Chart/BarChart.d.ts +2 -1
- package/lib/components/templates/Dashboard/Chart/BarChart.js +5 -4
- package/lib/components/templates/Dashboard/Chart/BarChart.js.map +1 -1
- package/lib/components/templates/Dashboard/Chart/LineChart.d.ts +2 -1
- package/lib/components/templates/Dashboard/Chart/LineChart.js +5 -4
- package/lib/components/templates/Dashboard/Chart/LineChart.js.map +1 -1
- package/lib/components/templates/Dashboard/Chart/PieChart/ChartLegend.d.ts +6 -0
- package/lib/components/templates/Dashboard/Chart/PieChart/ChartLegend.js +56 -0
- package/lib/components/templates/Dashboard/Chart/PieChart/ChartLegend.js.map +1 -0
- package/lib/components/templates/Dashboard/Chart/PieChart/LabelView.d.ts +7 -0
- package/lib/components/templates/Dashboard/Chart/PieChart/LabelView.js +53 -0
- package/lib/components/templates/Dashboard/Chart/PieChart/LabelView.js.map +1 -0
- package/lib/components/templates/Dashboard/Chart/{PieChart.d.ts → PieChart/PieChart.d.ts} +1 -1
- package/lib/components/templates/Dashboard/Chart/{PieChart.js → PieChart/PieChart.js} +30 -36
- package/lib/components/templates/Dashboard/Chart/PieChart/PieChart.js.map +1 -0
- package/lib/components/templates/Dashboard/Chart/chart.helper.js +1 -1
- package/lib/components/templates/Dashboard/Chart/chart.helper.js.map +1 -1
- package/lib/components/templates/Dashboard/Chart/index.d.ts +1 -1
- package/lib/components/templates/Dashboard/Chart/index.js +1 -1
- package/lib/components/templates/Dashboard/Chart/index.js.map +1 -1
- package/lib/components/templates/Dashboard/Dashboard.d.ts +3 -2
- package/lib/components/templates/Dashboard/Dashboard.js +10 -10
- package/lib/components/templates/Dashboard/Dashboard.js.map +1 -1
- package/lib/components/templates/Dashboard/{chart.js → chart-type.js} +1 -1
- package/lib/components/templates/Dashboard/chart-type.js.map +1 -0
- package/package.json +1 -1
- package/lib/components/templates/Dashboard/Chart/PieChart.js.map +0 -1
- package/lib/components/templates/Dashboard/chart.js.map +0 -1
- /package/lib/components/templates/Dashboard/{chart.d.ts → chart-type.d.ts} +0 -0
|
@@ -7,6 +7,7 @@ interface BarCharProps {
|
|
|
7
7
|
horizontal?: boolean;
|
|
8
8
|
title?: string;
|
|
9
9
|
rotateLabel?: boolean;
|
|
10
|
+
hideCardBackground?: boolean;
|
|
10
11
|
}
|
|
11
|
-
declare const BarChart: ({ style, widthGraph, datasets, spacing, horizontal, title, rotateLabel, }: BarCharProps) => JSX.Element;
|
|
12
|
+
declare const BarChart: ({ style, widthGraph, datasets, spacing, horizontal, title, rotateLabel, hideCardBackground, }: BarCharProps) => JSX.Element;
|
|
12
13
|
export default BarChart;
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
18
|
import React, { useMemo } from 'react';
|
|
19
|
-
import { StyleSheet, Dimensions } from 'react-native';
|
|
19
|
+
import { StyleSheet, Dimensions, View } from 'react-native';
|
|
20
20
|
import { BarChart as RNBarChart } from 'react-native-gifted-charts';
|
|
21
21
|
import { useThemeColor } from '../../../../theme';
|
|
22
22
|
import { Card, Text } from '../../../atoms';
|
|
23
23
|
import { checkNullString } from '../../../../utils';
|
|
24
24
|
import { initBarData } from './chart.helper';
|
|
25
25
|
const MARGIN = 5;
|
|
26
|
-
const BarChart = ({ style, widthGraph = Dimensions.get('window').width * 0.6, datasets, spacing, horizontal = false, title, rotateLabel = true, }) => {
|
|
26
|
+
const BarChart = ({ style, widthGraph = Dimensions.get('window').width * 0.6, datasets, spacing, horizontal = false, title, rotateLabel = true, hideCardBackground = false, }) => {
|
|
27
27
|
const Colors = useThemeColor();
|
|
28
28
|
const barChartData = useMemo(() => {
|
|
29
29
|
return initBarData(datasets, rotateLabel, spacing, Colors);
|
|
@@ -43,10 +43,11 @@ const BarChart = ({ style, widthGraph = Dimensions.get('window').width * 0.6, da
|
|
|
43
43
|
}
|
|
44
44
|
return Math.max(_containerWidth / barChartData.length, 20);
|
|
45
45
|
}, [_containerWidth, barChartData.length, spacing]);
|
|
46
|
-
|
|
46
|
+
const Container = hideCardBackground ? View : Card;
|
|
47
|
+
return (<Container style={[styles.container, { width: _containerWidth }, style]}>
|
|
47
48
|
<RNBarChart data={barChartData} width={_graphWidth} isAnimated={true} barBorderRadius={4} barBorderTopRightRadius={7} barBorderTopLeftRadius={7} barBorderBottomRightRadius={0} barBorderBottomLeftRadius={0} initialSpacing={_spacing / 2} spacing={_spacing} endSpacing={_spacing} horizontal={horizontal} disablePress={true} yAxisTextStyle={{ color: Colors.secondaryColor_dark.background }} xAxisLabelTextStyle={{ color: Colors.secondaryColor_dark.background }}/>
|
|
48
49
|
{!checkNullString(title) && <Text style={styles.title}>{title}</Text>}
|
|
49
|
-
</
|
|
50
|
+
</Container>);
|
|
50
51
|
};
|
|
51
52
|
const getStyles = rotateLabel => StyleSheet.create({
|
|
52
53
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/BarChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/BarChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,QAAQ,IAAI,UAAU,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,GAAG,CAAC,CAAC;AAajB,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG,EACjD,QAAQ,EACR,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,kBAAkB,GAAG,KAAK,GACb,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,WAAW,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,eAAe,GAAG,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,OAAO,IAAI,IAAI,EAAE;YACnB,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnD,OAAO,CACL,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,eAAe,EAAC,EAAE,KAAK,CAAC,CAAC,CACpE;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,YAAY,CAAC,CACnB,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,UAAU,CAAC,CAAC,IAAI,CAAC,CACjB,eAAe,CAAC,CAAC,CAAC,CAAC,CACnB,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAC3B,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAC1B,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAC9B,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAC7B,cAAc,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,CAC7B,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,UAAU,CAAC,CAAC,QAAQ,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,YAAY,CAAC,CAAC,IAAI,CAAC,CACnB,cAAc,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAC,CAAC,CAC/D,mBAAmB,CAAC,CAAC,EAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAC,CAAC,EAEtE;MAAA,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,WAAW,CAAC,EAAE,CAC9B,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,QAAQ,EACN,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,GAAG;YAClC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;YACjD,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC;QACrD,MAAM,EAAE,MAAM;QACd,iBAAiB,EAAE,CAAC;QACpB,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,QAAQ;KACnB;IACD,KAAK,EAAE;QACL,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAC/B,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEL,eAAe,QAAQ,CAAC"}
|
|
@@ -7,6 +7,7 @@ interface LineChartProps {
|
|
|
7
7
|
backgroundColor?: string;
|
|
8
8
|
rotateLabel?: boolean;
|
|
9
9
|
title?: string;
|
|
10
|
+
hideCardBackground?: boolean;
|
|
10
11
|
}
|
|
11
|
-
declare const LineChart: ({ style, widthGraph, datasets, spacing, backgroundColor, title, rotateLabel, }: LineChartProps) => JSX.Element;
|
|
12
|
+
declare const LineChart: ({ style, widthGraph, datasets, spacing, backgroundColor, title, rotateLabel, hideCardBackground, }: LineChartProps) => JSX.Element;
|
|
12
13
|
export default LineChart;
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
18
|
import React, { useMemo } from 'react';
|
|
19
|
-
import { Dimensions, StyleSheet } from 'react-native';
|
|
19
|
+
import { Dimensions, StyleSheet, View } from 'react-native';
|
|
20
20
|
import { LineChart as RNLineChart } from 'react-native-gifted-charts';
|
|
21
21
|
import { useThemeColor } from '../../../../theme';
|
|
22
22
|
import { Card, Text } from '../../../atoms';
|
|
23
23
|
import { checkNullString } from '../../../../utils';
|
|
24
24
|
import { initLineData } from './chart.helper';
|
|
25
25
|
const MARGIN = 5;
|
|
26
|
-
const LineChart = ({ style, widthGraph, datasets, spacing, backgroundColor, title, rotateLabel = true, }) => {
|
|
26
|
+
const LineChart = ({ style, widthGraph, datasets, spacing, backgroundColor, title, rotateLabel = true, hideCardBackground = false, }) => {
|
|
27
27
|
const Colors = useThemeColor();
|
|
28
28
|
const chartProps = useMemo(() => {
|
|
29
29
|
return initLineData(datasets, rotateLabel, spacing, Colors);
|
|
@@ -43,12 +43,13 @@ const LineChart = ({ style, widthGraph, datasets, spacing, backgroundColor, titl
|
|
|
43
43
|
}
|
|
44
44
|
return Math.max(_containerWidth / datasets?.[0]?.length, 20);
|
|
45
45
|
}, [_containerWidth, datasets, spacing]);
|
|
46
|
-
|
|
46
|
+
const Container = hideCardBackground ? View : Card;
|
|
47
|
+
return (<Container style={[styles.container, { width: _containerWidth }, style]}>
|
|
47
48
|
<RNLineChart width={_graphWidth} yAxisTextStyle={{
|
|
48
49
|
color: Colors.secondaryColor_dark.background,
|
|
49
50
|
}} xAxisLabelTextStyle={{ color: Colors.secondaryColor_dark.background }} initialSpacing={_spacing / 2} spacing={_spacing} endSpacing={_spacing} isAnimated={true} backgroundColor={backgroundColor} {...chartProps}/>
|
|
50
51
|
{!checkNullString(title) && <Text style={styles.title}>{title}</Text>}
|
|
51
|
-
</
|
|
52
|
+
</Container>);
|
|
52
53
|
};
|
|
53
54
|
const getStyles = rotateLabel => StyleSheet.create({
|
|
54
55
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/LineChart.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/LineChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Axelor Business Solutions
|
|
3
|
+
*
|
|
4
|
+
* Copyright (C) 2024 Axelor (<http://axelor.com>).
|
|
5
|
+
*
|
|
6
|
+
* This program is free software: you can redistribute it and/or modify
|
|
7
|
+
* it under the terms of the GNU Affero General Public License, version 3,
|
|
8
|
+
* as published by the Free Software Foundation.
|
|
9
|
+
*
|
|
10
|
+
* This program is distributed in the hope that it will be useful,
|
|
11
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
12
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
13
|
+
* GNU Affero General Public License for more details.
|
|
14
|
+
*
|
|
15
|
+
* You should have received a copy of the GNU Affero General Public License
|
|
16
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
|
+
*/
|
|
18
|
+
import React from 'react';
|
|
19
|
+
import { StyleSheet, View } from 'react-native';
|
|
20
|
+
import { Text } from '../../../../atoms';
|
|
21
|
+
const ChartLegend = ({ dataSet }) => {
|
|
22
|
+
return (<View style={styles.legendContainer}>
|
|
23
|
+
{dataSet.map((_data, index) => (<View key={index} style={styles.itemLegendContainer}>
|
|
24
|
+
<View style={[
|
|
25
|
+
styles.legendColor,
|
|
26
|
+
{
|
|
27
|
+
borderColor: _data.color,
|
|
28
|
+
backgroundColor: _data.color,
|
|
29
|
+
},
|
|
30
|
+
]}/>
|
|
31
|
+
<Text style={styles.legend} fontSize={15}>
|
|
32
|
+
{`${_data.label} : ${_data.value}`}
|
|
33
|
+
</Text>
|
|
34
|
+
</View>))}
|
|
35
|
+
</View>);
|
|
36
|
+
};
|
|
37
|
+
const styles = StyleSheet.create({
|
|
38
|
+
legendContainer: {
|
|
39
|
+
flexDirection: 'column',
|
|
40
|
+
},
|
|
41
|
+
itemLegendContainer: {
|
|
42
|
+
flexDirection: 'row',
|
|
43
|
+
marginVertical: 5,
|
|
44
|
+
},
|
|
45
|
+
legendColor: {
|
|
46
|
+
borderWidth: 5,
|
|
47
|
+
marginVertical: 2,
|
|
48
|
+
borderTopRightRadius: 7,
|
|
49
|
+
borderBottomRightRadius: 7,
|
|
50
|
+
},
|
|
51
|
+
legend: {
|
|
52
|
+
marginHorizontal: 5,
|
|
53
|
+
},
|
|
54
|
+
});
|
|
55
|
+
export default ChartLegend;
|
|
56
|
+
//# sourceMappingURL=ChartLegend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartLegend.js","sourceRoot":"","sources":["../../../../../../src/components/templates/Dashboard/Chart/PieChart/ChartLegend.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAOvC,MAAM,WAAW,GAAG,CAAC,EAAC,OAAO,EAAmB,EAAE,EAAE;IAClD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAClC;MAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAClD;UAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,WAAW;gBAClB;oBACE,WAAW,EAAE,KAAK,CAAC,KAAK;oBACxB,eAAe,EAAE,KAAK,CAAC,KAAK;iBAC7B;aACF,CAAC,EAEJ;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CACvC;YAAA,CAAC,GAAG,KAAK,CAAC,KAAK,MAAM,KAAK,CAAC,KAAK,EAAE,CACpC;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,eAAe,EAAE;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,CAAC;KAClB;IACD,WAAW,EAAE;QACX,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,CAAC;QACjB,oBAAoB,EAAE,CAAC;QACvB,uBAAuB,EAAE,CAAC;KAC3B;IACD,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Axelor Business Solutions
|
|
3
|
+
*
|
|
4
|
+
* Copyright (C) 2024 Axelor (<http://axelor.com>).
|
|
5
|
+
*
|
|
6
|
+
* This program is free software: you can redistribute it and/or modify
|
|
7
|
+
* it under the terms of the GNU Affero General Public License, version 3,
|
|
8
|
+
* as published by the Free Software Foundation.
|
|
9
|
+
*
|
|
10
|
+
* This program is distributed in the hope that it will be useful,
|
|
11
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
12
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
13
|
+
* GNU Affero General Public License for more details.
|
|
14
|
+
*
|
|
15
|
+
* You should have received a copy of the GNU Affero General Public License
|
|
16
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
|
+
*/
|
|
18
|
+
import React, { useMemo } from 'react';
|
|
19
|
+
import { StyleSheet, View } from 'react-native';
|
|
20
|
+
import { Text } from '../../../../atoms';
|
|
21
|
+
import { checkNullString } from '../../../../../utils';
|
|
22
|
+
const LabelView = ({ selectedItem, innerRadius, isCentered }) => {
|
|
23
|
+
const styles = useMemo(() => {
|
|
24
|
+
return getStyles(innerRadius);
|
|
25
|
+
}, [innerRadius]);
|
|
26
|
+
if (checkNullString(selectedItem?.label)) {
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
29
|
+
return (<View style={isCentered ? styles.centered : styles.top}>
|
|
30
|
+
<Text numberOfLines={isCentered ? 2 : 1} writingType="details">
|
|
31
|
+
{selectedItem?.label}
|
|
32
|
+
</Text>
|
|
33
|
+
<Text numberOfLines={1}>{selectedItem?.value}</Text>
|
|
34
|
+
</View>);
|
|
35
|
+
};
|
|
36
|
+
const getStyles = (innerRadius) => StyleSheet.create({
|
|
37
|
+
top: {
|
|
38
|
+
position: 'absolute',
|
|
39
|
+
top: 0,
|
|
40
|
+
alignItems: 'center',
|
|
41
|
+
width: '100%',
|
|
42
|
+
zIndex: 1,
|
|
43
|
+
},
|
|
44
|
+
centered: {
|
|
45
|
+
justifyContent: 'center',
|
|
46
|
+
alignItems: 'center',
|
|
47
|
+
maxWidth: innerRadius * 2,
|
|
48
|
+
maxHeight: innerRadius * 2,
|
|
49
|
+
padding: 10,
|
|
50
|
+
},
|
|
51
|
+
});
|
|
52
|
+
export default LabelView;
|
|
53
|
+
//# sourceMappingURL=LabelView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LabelView.js","sourceRoot":"","sources":["../../../../../../src/components/templates/Dashboard/Chart/PieChart/LabelView.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAC,OAAO,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAQrD,MAAM,SAAS,GAAG,CAAC,EAAC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAiB,EAAE,EAAE;IAC5E,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,OAAO,SAAS,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE;QACxC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CACrD;MAAA,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAC5D;QAAA,CAAC,YAAY,EAAE,KAAK,CACtB;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,IAAI,CACrD;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,WAAmB,EAAE,EAAE,CACxC,UAAU,CAAC,MAAM,CAAC;IAChB,GAAG,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;IACD,QAAQ,EAAE;QACR,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,WAAW,GAAG,CAAC;QACzB,SAAS,EAAE,WAAW,GAAG,CAAC;QAC1B,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,CAAC;AAEL,eAAe,SAAS,CAAC"}
|
|
@@ -15,17 +15,20 @@
|
|
|
15
15
|
* You should have received a copy of the GNU Affero General Public License
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
|
-
import React, { useEffect, useMemo, useState } from 'react';
|
|
18
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
19
19
|
import { Dimensions, StyleSheet, View } from 'react-native';
|
|
20
20
|
import { PieChart as RNPieChart } from 'react-native-gifted-charts';
|
|
21
|
-
import { useThemeColor } from '
|
|
22
|
-
import { checkNullString } from '
|
|
23
|
-
import { Text } from '
|
|
24
|
-
import Chart from '
|
|
21
|
+
import { useThemeColor } from '../../../../../theme/ThemeContext';
|
|
22
|
+
import { checkNullString } from '../../../../../utils/strings';
|
|
23
|
+
import { Text } from '../../../../atoms';
|
|
24
|
+
import Chart from '../../chart-type';
|
|
25
|
+
import ChartLegend from './ChartLegend';
|
|
26
|
+
import LabelView from './LabelView';
|
|
25
27
|
const MARGIN = 5;
|
|
26
|
-
const PieChart = ({ styleContainer, widthGraph, datasets, legend = false, title, donut = false, showGradient = false, sectionAutoFocus = true, radius = 90, innerRadius = 60, focusOnPress =
|
|
28
|
+
const PieChart = ({ styleContainer, widthGraph, datasets, legend = false, title, donut = false, showGradient = false, sectionAutoFocus = true, radius = 90, innerRadius = 60, focusOnPress = true, }) => {
|
|
27
29
|
const Colors = useThemeColor();
|
|
28
30
|
const [dataSet, setDataSet] = useState(datasets);
|
|
31
|
+
const [selectedItem, setSelectedItem] = useState({ label: '', value: '' });
|
|
29
32
|
useEffect(() => {
|
|
30
33
|
setDataSet(datasets.map((item, index) => {
|
|
31
34
|
return item.color != null
|
|
@@ -33,27 +36,33 @@ const PieChart = ({ styleContainer, widthGraph, datasets, legend = false, title,
|
|
|
33
36
|
: { ...item, color: Chart.getChartColor(index, Colors).background };
|
|
34
37
|
}));
|
|
35
38
|
}, [Colors, datasets]);
|
|
39
|
+
const handlePress = useCallback(item => {
|
|
40
|
+
setSelectedItem(current => current.label === item.label
|
|
41
|
+
? { label: '', value: '' }
|
|
42
|
+
: { label: item.label, value: item.value.toString() });
|
|
43
|
+
}, []);
|
|
36
44
|
const _width = useMemo(() => {
|
|
37
45
|
return widthGraph - MARGIN * 2;
|
|
38
46
|
}, [widthGraph]);
|
|
47
|
+
const styles = useMemo(() => {
|
|
48
|
+
return getStyles(donut, focusOnPress);
|
|
49
|
+
}, [donut, focusOnPress]);
|
|
50
|
+
const renderLabelView = useCallback(() => {
|
|
51
|
+
if (!focusOnPress) {
|
|
52
|
+
return undefined;
|
|
53
|
+
}
|
|
54
|
+
return (<LabelView innerRadius={innerRadius} isCentered={donut} selectedItem={selectedItem}/>);
|
|
55
|
+
}, [donut, focusOnPress, innerRadius, selectedItem]);
|
|
39
56
|
return (<View style={[styles.container, { width: _width }, styleContainer]}>
|
|
40
|
-
|
|
57
|
+
{!donut && renderLabelView()}
|
|
58
|
+
<RNPieChart data={dataSet} donut={donut} showGradient={showGradient} sectionAutoFocus={sectionAutoFocus} radius={radius} innerRadius={innerRadius} focusOnPress={focusOnPress} innerCircleColor={Colors.backgroundColor} textColor={Colors.text} onPress={item => {
|
|
59
|
+
handlePress(item);
|
|
60
|
+
}} centerLabelComponent={donut ? renderLabelView : undefined}/>
|
|
41
61
|
{!checkNullString(title) && <Text style={styles.title}>{title}</Text>}
|
|
42
|
-
{legend &&
|
|
43
|
-
{dataSet.map((_data, index) => (<View key={index} style={styles.itemLegendContainer}>
|
|
44
|
-
<View style={[
|
|
45
|
-
styles.legendColor,
|
|
46
|
-
{
|
|
47
|
-
borderColor: _data.color,
|
|
48
|
-
backgroundColor: _data.color,
|
|
49
|
-
},
|
|
50
|
-
]}/>
|
|
51
|
-
<Text style={styles.legend} fontSize={15}>{`${_data.label} : ${_data.value}`}</Text>
|
|
52
|
-
</View>))}
|
|
53
|
-
</View>)}
|
|
62
|
+
{legend && <ChartLegend dataSet={dataSet}/>}
|
|
54
63
|
</View>);
|
|
55
64
|
};
|
|
56
|
-
const
|
|
65
|
+
const getStyles = (donut, focusOnPress) => StyleSheet.create({
|
|
57
66
|
container: {
|
|
58
67
|
flexDirection: 'column',
|
|
59
68
|
justifyContent: 'center',
|
|
@@ -63,27 +72,12 @@ const styles = StyleSheet.create({
|
|
|
63
72
|
? Dimensions.get('window').width / 4 - MARGIN * 2
|
|
64
73
|
: Dimensions.get('window').width / 2 - MARGIN * 2,
|
|
65
74
|
margin: MARGIN,
|
|
75
|
+
paddingTop: donut || !focusOnPress ? 0 : 35,
|
|
66
76
|
},
|
|
67
77
|
title: {
|
|
68
78
|
alignSelf: 'center',
|
|
69
79
|
textAlign: 'center',
|
|
70
80
|
},
|
|
71
|
-
legendContainer: {
|
|
72
|
-
flexDirection: 'column',
|
|
73
|
-
},
|
|
74
|
-
itemLegendContainer: {
|
|
75
|
-
flexDirection: 'row',
|
|
76
|
-
marginVertical: 5,
|
|
77
|
-
},
|
|
78
|
-
legend: {
|
|
79
|
-
marginHorizontal: 5,
|
|
80
|
-
},
|
|
81
|
-
legendColor: {
|
|
82
|
-
borderWidth: 5,
|
|
83
|
-
marginVertical: 2,
|
|
84
|
-
borderTopRightRadius: 7,
|
|
85
|
-
borderBottomRightRadius: 7,
|
|
86
|
-
},
|
|
87
81
|
});
|
|
88
82
|
export default PieChart;
|
|
89
83
|
//# sourceMappingURL=PieChart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../../../../src/components/templates/Dashboard/Chart/PieChart/PieChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* You should have received a copy of the GNU Affero General Public License
|
|
16
16
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
17
17
|
*/
|
|
18
|
-
import Chart from '../chart';
|
|
18
|
+
import Chart from '../chart-type';
|
|
19
19
|
const mergeDataForGroupedBars = (datasets) => {
|
|
20
20
|
const mergedData = [];
|
|
21
21
|
datasets.forEach(dataset => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chart.helper.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/chart.helper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"chart.helper.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/chart.helper.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import Chart from './chart';
|
|
1
|
+
import Chart from './chart-type';
|
|
2
2
|
import { Data } from './dashboard.helper';
|
|
3
3
|
interface Graph {
|
|
4
4
|
type: keyof typeof Chart.chartType;
|
|
@@ -11,6 +11,7 @@ interface Line {
|
|
|
11
11
|
interface DashboardProps {
|
|
12
12
|
style?: any;
|
|
13
13
|
lineList: Line[];
|
|
14
|
+
hideCardBackground?: boolean;
|
|
14
15
|
}
|
|
15
|
-
declare const Dashboard: ({ style, lineList }: DashboardProps) => JSX.Element;
|
|
16
|
+
declare const Dashboard: ({ style, lineList, hideCardBackground, }: DashboardProps) => JSX.Element;
|
|
16
17
|
export default Dashboard;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
import React from 'react';
|
|
19
19
|
import { Dimensions, StyleSheet, View } from 'react-native';
|
|
20
20
|
import { ScrollView } from '../../atoms';
|
|
21
|
-
import Chart from './chart';
|
|
21
|
+
import Chart from './chart-type';
|
|
22
22
|
import { Max_Number_Graph_Line as MAX_GRAPH_PER_LINE, } from './dashboard.helper';
|
|
23
23
|
import { BarChart, LineChart, PieChart } from './Chart';
|
|
24
24
|
const getGraphWidth = (nbGraphInLine) => {
|
|
@@ -32,31 +32,31 @@ const getGraphWidth = (nbGraphInLine) => {
|
|
|
32
32
|
return Dimensions.get('window').width / nbGraphInLine;
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
const BarChartRender = (datasets, key, title, widthGraph) => {
|
|
36
|
-
return (<BarChart key={key} title={title} datasets={datasets} widthGraph={widthGraph}/>);
|
|
35
|
+
const BarChartRender = (datasets, key, title, widthGraph, hideCardBackground) => {
|
|
36
|
+
return (<BarChart key={key} title={title} datasets={datasets} widthGraph={widthGraph} hideCardBackground={hideCardBackground}/>);
|
|
37
37
|
};
|
|
38
|
-
const LineChartRender = (datasets, key, title, widthGraph) => {
|
|
39
|
-
return (<LineChart key={key} title={title} datasets={datasets} widthGraph={widthGraph}/>);
|
|
38
|
+
const LineChartRender = (datasets, key, title, widthGraph, hideCardBackground) => {
|
|
39
|
+
return (<LineChart key={key} title={title} datasets={datasets} widthGraph={widthGraph} hideCardBackground={hideCardBackground}/>);
|
|
40
40
|
};
|
|
41
41
|
const PieChartRender = (datasets, key, title, widthGraph, type) => {
|
|
42
42
|
return (<PieChart key={key} title={title} datasets={datasets[0]} widthGraph={widthGraph} donut={type === Chart.chartType.donut}/>);
|
|
43
43
|
};
|
|
44
|
-
const renderChart = (graph, indexGraph, nbGraphInLine) => {
|
|
44
|
+
const renderChart = (graph, indexGraph, nbGraphInLine, hideCardBackground) => {
|
|
45
45
|
const { dataList, title, type } = graph;
|
|
46
46
|
const widthGraph = getGraphWidth(nbGraphInLine);
|
|
47
47
|
switch (type) {
|
|
48
48
|
case Chart.chartType.bar:
|
|
49
|
-
return BarChartRender(dataList, indexGraph, title, widthGraph);
|
|
49
|
+
return BarChartRender(dataList, indexGraph, title, widthGraph, hideCardBackground);
|
|
50
50
|
case Chart.chartType.pie:
|
|
51
51
|
case Chart.chartType.donut:
|
|
52
52
|
return PieChartRender(dataList, indexGraph, title, widthGraph, type);
|
|
53
53
|
case Chart.chartType.line:
|
|
54
|
-
return LineChartRender(dataList, indexGraph, title, widthGraph);
|
|
54
|
+
return LineChartRender(dataList, indexGraph, title, widthGraph, hideCardBackground);
|
|
55
55
|
default:
|
|
56
56
|
return null;
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
const Dashboard = ({ style, lineList }) => {
|
|
59
|
+
const Dashboard = ({ style, lineList, hideCardBackground = false, }) => {
|
|
60
60
|
return (<ScrollView style={[styles.container, style]}>
|
|
61
61
|
{lineList?.map((line, indexLine) => {
|
|
62
62
|
const validGraphs = line.graphList.filter(graph => graph.dataList?.[0]?.length > 0);
|
|
@@ -65,7 +65,7 @@ const Dashboard = ({ style, lineList }) => {
|
|
|
65
65
|
return (<View style={styles.lineContainer} key={indexLine}>
|
|
66
66
|
{limitedGraphList?.map((graph, indexGraph) => {
|
|
67
67
|
if (graph.dataList?.[0]?.length > 0) {
|
|
68
|
-
return renderChart(graph, indexGraph, nbGraphInLine);
|
|
68
|
+
return renderChart(graph, indexGraph, nbGraphInLine, hideCardBackground);
|
|
69
69
|
}
|
|
70
70
|
return null;
|
|
71
71
|
})}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../../../src/components/templates/Dashboard/Dashboard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,MAAM,
|
|
1
|
+
{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../../../src/components/templates/Dashboard/Dashboard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-type.js","sourceRoot":"","sources":["../../../../src/components/templates/Dashboard/chart-type.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,MAAM,KAAK;IACT,MAAM,CAAC,SAAS,GAAG;QACjB,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;IAEF,MAAM,CAAC,aAAa,GAAG,CAAC,KAAa,EAAE,MAAmB,EAAS,EAAE;QACnE,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;aACrC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC;aAC5C,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC,CAAC;;AAGJ,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../../../src/components/templates/Dashboard/Chart/PieChart.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../../src/components/templates/Dashboard/chart.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,MAAM,KAAK;IACT,MAAM,CAAC,SAAS,GAAG;QACjB,GAAG,EAAE,KAAK;QACV,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;IAEF,MAAM,CAAC,aAAa,GAAG,CAAC,KAAa,EAAE,MAAmB,EAAS,EAAE;QACnE,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;aACrC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,MAAM,KAAK,QAAQ,CAAC;aAC5C,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC,CAAC;;AAGJ,eAAe,KAAK,CAAC"}
|
|
File without changes
|