- fix: store children accounts with Redux store.

- fix: store expense payment date with transactions.
- fix: Total assets, liabilities and equity on balance sheet.
- tweaks: dashboard content and sidebar style.
- fix: reset form with contact list on journal entry form.
- feat: Add hints to filter accounts in financial statements.

client/src/containers/FinancialStatements/TrialBalanceSheet/TrialBalanceSheetHeader.js

@@ -1,19 +1,21 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useCallback } from 'react';
 import * as Yup from 'yup';
 import moment from 'moment';
-import { Row, Col } from 'react-grid-system';
+import { Row, Col, Visible } from 'react-grid-system';
 import { FormattedMessage as T, useIntl } from 'react-intl';
+import { FormGroup } from '@blueprintjs/core';
 import { useFormik } from 'formik';
-import { Button } from "@blueprintjs/core";
 
 import FinancialStatementHeader from 'containers/FinancialStatements/FinancialStatementHeader';
 import FinancialStatementDateRange from 'containers/FinancialStatements/FinancialStatementDateRange';
+import RadiosAccountingBasis from '../RadiosAccountingBasis';
+import FinancialAccountsFilter from '../FinancialAccountsFilter';
+
 import withTrialBalance from './withTrialBalance';
 import withTrialBalanceActions from './withTrialBalanceActions';
 
 import { compose } from 'utils';
 
-
 function TrialBalanceSheetHeader({
   pageFilter,
   onSubmitFilter,
@@ -31,16 +33,21 @@ function TrialBalanceSheetHeader({
     initialValues: {
       ...pageFilter,
       from_date: moment(pageFilter.from_date).toDate(),
-      to_date: moment(pageFilter.to_date).toDate()
+      to_date: moment(pageFilter.to_date).toDate(),
     },
     validationSchema: Yup.object().shape({
-      from_date: Yup.date().required().label(formatMessage({id:'from_date'})),
-      to_date: Yup.date().min(Yup.ref('from_date')).required().label(formatMessage({id:'to_date'})),
+      from_date: Yup.date()
+        .required()
+        .label(formatMessage({ id: 'from_date' })),
+      to_date: Yup.date()
+        .min(Yup.ref('from_date'))
+        .required()
+        .label(formatMessage({ id: 'to_date' })),
     }),
     onSubmit: (values, { setSubmitting }) => {
       onSubmitFilter(values);
       setSubmitting(false);
-    }
+    },
   });
 
   useEffect(() => {
@@ -50,22 +57,55 @@ function TrialBalanceSheetHeader({
     }
   }, [formik, trialBalanceSheetRefresh]);
 
+  const handleAccountingBasisChange = useCallback(
+    (value) => {
+      formik.setFieldValue('basis', value);
+    },
+    [formik],
+  );
+
+  const handleAccountsFilterSelect = (filterType) => {
+    const noneZero = filterType.key === 'without-zero-balance' ? true : false;
+    formik.setFieldValue('none_zero', noneZero);
+  };
+
   return (
     <FinancialStatementHeader show={trialBalanceSheetFilter}>
       <Row>
         <FinancialStatementDateRange formik={formik} />
+
+        <Visible xl>
+          <Col width={'100%'} />
+        </Visible>
+
+        <Col width={260}>
+          <FormGroup
+            label={<T id={'filter_accounts'} />}
+            className="form-group--select-list bp3-fill"
+            inline={false}
+          >
+            <FinancialAccountsFilter
+              initialSelectedItem={'all-accounts'}
+              onItemSelect={handleAccountsFilterSelect}
+            />
+          </FormGroup>
+        </Col>
+
+        <Col width={260}>
+          <RadiosAccountingBasis
+            selectedValue={formik.values.basis}
+            onChange={handleAccountingBasisChange}
+          />
+        </Col>
       </Row>
     </FinancialStatementHeader>
   );
 }
 
 export default compose(
-  withTrialBalance(({
+  withTrialBalance(({ trialBalanceSheetFilter, trialBalanceSheetRefresh }) => ({
     trialBalanceSheetFilter,
     trialBalanceSheetRefresh,
-  }) => ({
-    trialBalanceSheetFilter,
-    trialBalanceSheetRefresh
   })),
   withTrialBalanceActions,
-)(TrialBalanceSheetHeader);
+)(TrialBalanceSheetHeader);