BIG-3: refactoring financial reports filtering.

src/containers/FinancialStatements/SalesByItems/SalesByItems.js

@@ -1,7 +1,6 @@
 import React, { useEffect, useState, useCallback } from 'react';
 import moment from 'moment';
 
-
 import 'style/pages/FinancialStatements/SalesAndPurchasesSheet.scss';
 
 import { SalesByItemProvider } from './SalesByItemProvider';
@@ -30,6 +29,7 @@ function SalesByItems({
   const [filter, setFilter] = useState({
     fromDate: moment().startOf('year').format('YYYY-MM-DD'),
     toDate: moment().endOf('year').format('YYYY-MM-DD'),
+    filterByOption: 'with-transactions',
   });
 
   // Handle filter form submit.

src/containers/FinancialStatements/SalesByItems/SalesByItemsHeaderGeneralPanel.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { FormGroup, Classes } from '@blueprintjs/core';
 import { Field } from 'formik';
 import classNames from 'classnames';
-import { filterItemsOptions } from '../common';
+import { filterItemsOptions } from '../constants';
 
 import { Row, Col, ItemsMultiSelect, FormattedMessage as T } from 'components';
 import FinancialStatementDateRange from 'containers/FinancialStatements/FinancialStatementDateRange';
@@ -36,7 +36,7 @@ function SalesByItemsHeaderGeneralPanelContent() {
       <FinancialStatementsFilter
         items={filterItemsOptions}
         label={<T id={'items.label_filter_items'} />}
-        initialSelectedItem={'all-items'}
+        initialSelectedItem={'with-transactions'}
       />
 
       <Row>