11import { createSelector , createStructuredSelector } from 'reselect' ;
22import sumBy from 'lodash/sumBy' ;
3- import groupBy from 'lodash/groupBy' ;
43import uniqBy from 'lodash/uniqBy' ;
54import { formatNumber } from 'utils/format' ;
65import { getColorPalette } from 'components/widgets/utils/colors' ;
7- import { zeroFillYears } from 'components/widgets/utils/data' ;
6+ import { zeroFillYearsFilter } from 'components/widgets/utils/data' ;
87
98// get list data
10- const getLossPlantations = ( state ) => state . data && state . data . lossPlantations ;
119const getTotalLoss = ( state ) => state . data && state . data . totalLoss ;
1210const getSettings = ( state ) => state . settings ;
1311const getLocationName = ( state ) => state . locationLabel ;
12+ const getTitle = ( state ) => state . title ;
1413const getColors = ( state ) => state . colors ;
1514const getSentence = ( state ) => state . sentence ;
15+ const getAdminLevel = ( state ) => state . adminLevel ;
1616
1717// get lists selected
1818export const parseData = createSelector (
19- [ getLossPlantations , getTotalLoss , getSettings ] ,
20- ( lossPlantations , totalLoss , settings ) => {
21- if ( ! lossPlantations || ! totalLoss ) return null ;
19+ [ getTotalLoss , getSettings ] ,
20+ ( totalLoss , settings ) => {
21+ if ( ! totalLoss ) return null ;
2222 const { startYear, endYear, yearsRange } = settings ;
2323 const years = yearsRange && yearsRange . map ( ( yearObj ) => yearObj . value ) ;
2424 const fillObj = {
@@ -28,44 +28,68 @@ export const parseData = createSelector(
2828 emissions : 0 ,
2929 percentage : 0 ,
3030 } ;
31- const zeroFilledData = zeroFillYears (
32- lossPlantations ,
31+ const zeroFilledData = zeroFillYearsFilter (
32+ totalLoss ,
3333 startYear ,
3434 endYear ,
3535 years ,
3636 fillObj
3737 ) ;
38- const totalLossByYear = groupBy ( totalLoss , 'year' ) ;
39- const parsedData = uniqBy (
40- zeroFilledData
41- . filter ( ( d ) => d . year >= startYear && d . year <= endYear )
42- . map ( ( d ) => {
43- const groupedPlantations = groupBy ( lossPlantations , 'year' ) [ d . year ] ;
44- const summedPlatationsLoss =
45- ( groupedPlantations && sumBy ( groupedPlantations , 'area' ) ) || 0 ;
46- const summedPlatationsEmissions =
47- ( groupedPlantations && sumBy ( groupedPlantations , 'emissions' ) ) || 0 ;
48- const totalLossForYear =
49- ( totalLossByYear [ d . year ] && totalLossByYear [ d . year ] [ 0 ] ) || { } ;
5038
51- const returnData = {
52- ...d ,
53- outsideAreaLoss : totalLossForYear . area - summedPlatationsLoss ,
54- areaLoss : summedPlatationsLoss || 0 ,
55- totalLoss : totalLossForYear . area || 0 ,
56- outsideCo2Loss :
57- totalLossByYear [ d . year ] ?. [ 0 ] ?. emissions -
58- summedPlatationsEmissions ,
59- co2Loss : summedPlatationsEmissions || 0 ,
60- } ;
61- return returnData ;
62- } ) ,
63- 'year'
64- ) ;
39+ const mappedData = zeroFilledData . map ( ( list ) => {
40+ const naturalForestList = list . filter (
41+ ( item ) => item . sbtn_natural_forests__class === 'Natural Forest'
42+ ) ;
43+
44+ const nonNaturalForestList = list . filter (
45+ ( item ) => item . sbtn_natural_forests__class === 'Non-Natural Forest'
46+ ) ;
47+ // eslint-disable-next-line no-unused-vars
48+ const unknownList = list . filter (
49+ ( item ) => item . sbtn_natural_forests__class === 'Unknown'
50+ ) ;
51+
52+ const naturalForestArea = naturalForestList ?. reduce (
53+ ( acc , curr ) => acc + curr . area ,
54+ 0
55+ ) ;
56+ const naturalForestEmissions = naturalForestList ?. reduce (
57+ ( acc , curr ) => acc + curr . emissions ,
58+ 0
59+ ) ;
60+ const nonNaturalForestArea = nonNaturalForestList ?. reduce (
61+ ( acc , curr ) => acc + curr . area ,
62+ 0
63+ ) ;
64+ const nonNaturalForestEmissions = nonNaturalForestList ?. reduce (
65+ ( acc , curr ) => acc + curr . emissions ,
66+ 0
67+ ) ;
68+
69+ return {
70+ iso : nonNaturalForestList [ 0 ] ?. iso || '' ,
71+ outsideAreaLoss : naturalForestArea || 0 ,
72+ outsideCo2Loss : naturalForestEmissions || 0 ,
73+ areaLoss : nonNaturalForestArea || 0 ,
74+ co2Loss : nonNaturalForestEmissions || 0 ,
75+ totalLoss : ( nonNaturalForestArea || 0 ) + ( naturalForestArea || 0 ) ,
76+ year : nonNaturalForestList [ 0 ] ?. year || '' ,
77+ } ;
78+ } ) ;
79+
80+ const parsedData = uniqBy ( mappedData , 'year' ) ;
81+
6582 return parsedData ;
6683 }
6784) ;
6885
86+ export const parseTitle = createSelector (
87+ [ getTitle , getLocationName ] ,
88+ ( title , name ) => {
89+ return name === 'global' ? title . global : title . default ;
90+ }
91+ ) ;
92+
6993export const parseConfig = createSelector ( [ getColors ] , ( colors ) => {
7094 const colorRange = getColorPalette ( colors . ramp , 2 ) ;
7195 return {
@@ -103,7 +127,7 @@ export const parseConfig = createSelector([getColors], (colors) => {
103127 } ,
104128 {
105129 key : 'areaLoss' ,
106- label : 'Plantations ' ,
130+ label : 'Non-natural tree cover ' ,
107131 color : colorRange [ 0 ] ,
108132 unitFormat : ( value ) =>
109133 formatNumber ( { num : value , unit : 'ha' , spaceUnit : true } ) ,
@@ -113,21 +137,18 @@ export const parseConfig = createSelector([getColors], (colors) => {
113137} ) ;
114138
115139export const parseSentence = createSelector (
116- [ parseData , getSettings , getLocationName , getSentence ] ,
117- ( data , settings , locationName , sentence ) => {
140+ [ parseData , getSettings , getLocationName , getSentence , getAdminLevel ] ,
141+ ( data , settings , locationName , sentences , admLevel ) => {
118142 if ( ! data ) return null ;
119143 const { startYear, endYear } = settings ;
120- const plantationsLoss = sumBy ( data , 'areaLoss' ) || 0 ;
121144 const totalLoss = sumBy ( data , 'totalLoss' ) || 0 ;
122145 const outsideLoss = sumBy ( data , 'outsideAreaLoss' ) || 0 ;
123146 const outsideEmissions = sumBy ( data , 'outsideCo2Loss' ) || 0 ;
147+ const sentenceSubkey = admLevel === 'global' ? 'global' : 'region' ;
148+ const sentence = sentences [ sentenceSubkey ] ;
124149
125- const lossPhrase =
126- plantationsLoss > outsideLoss ? 'plantations' : 'natural forest' ;
127- const percentage =
128- plantationsLoss > outsideLoss
129- ? ( 100 * plantationsLoss ) / totalLoss
130- : ( 100 * outsideLoss ) / totalLoss ;
150+ const lossPhrase = 'natural forest' ;
151+ const percentage = ( 100 * outsideLoss ) / totalLoss ;
131152 const params = {
132153 location : locationName ,
133154 startYear,
@@ -139,6 +160,7 @@ export const parseSentence = createSelector(
139160 spaceUnit : true ,
140161 } ) ,
141162 percentage : formatNumber ( { num : percentage , unit : '%' } ) ,
163+ totalLoss : formatNumber ( { num : outsideLoss , unit : 'ha' } ) , // using outsideLoss (natural forest) value based on Michelle's feedback
142164 } ;
143165
144166 return {
@@ -152,4 +174,5 @@ export default createStructuredSelector({
152174 data : parseData ,
153175 config : parseConfig ,
154176 sentence : parseSentence ,
177+ title : parseTitle ,
155178} ) ;
0 commit comments