BIG-3: add filtering non-zero items.

src/containers/FinancialStatements/SalesByItems/SalesByItemsHeaderGeneralPanel.js

@@ -2,10 +2,11 @@ import React from 'react';
 import { FormGroup, Classes } from '@blueprintjs/core';
 import { Field } from 'formik';
 import classNames from 'classnames';
-import { get } from 'lodash';
+import { filterItemsOptions } from '../common';
 
 import { Row, Col, ItemsMultiSelect, FormattedMessage as T } from 'components';
 import FinancialStatementDateRange from 'containers/FinancialStatements/FinancialStatementDateRange';
+import FinancialStatementsFilter from '../FinancialStatementsFilter';
 import {
   SalesByItemGeneralPanelProvider,
   useSalesByItemsGeneralPanelContext,
@@ -32,6 +33,12 @@ function SalesByItemsHeaderGeneralPanelContent() {
     <div>
       <FinancialStatementDateRange />
 
+      <FinancialStatementsFilter
+        items={filterItemsOptions}
+        label={<T id={'items.label_filter_items'} />}
+        initialSelectedItem={'all-items'}
+      />
+
       <Row>
         <Col xs={4}>
           <Field name={'itemsIds'}>