- feat: Update react-query package to V 2.1.1.

- feat: Favicon setup.
- feat: Fix accounts inactivate/activate 1 account.
- feat: Seed accounts, expenses and manual journals resource fields.
- feat: Validate make journal receivable/payable without contact.
- feat: Validate make journal contact without receivable or payable.
- feat: More components abstractions.
- feat: Use reselect.js to memorize components properties.
- fix: Journal type of manual journal.
- fix: Sidebar style optimization.
- fix: Data-table check-box style optimization.
- fix: Data-table spinner style dimensions.
- fix: Submit journal with contact_id and contact_type.

client/src/containers/FinancialStatements/BalanceSheet/BalanceSheetActionsBar.js

@@ -29,11 +29,6 @@ function BalanceSheetActionsBar({
   toggleBalanceSheetFilter,
   refreshBalanceSheet
 }) {
-  const filterDropdown = FilterDropdown({
-    fields: [],
-    onFilterChange: (filterConditions) => {},
-  });
-
   const handleFilterToggleClick = () => {
     toggleBalanceSheetFilter();
   };
@@ -81,7 +76,7 @@ function BalanceSheetActionsBar({
         </If>
 
         <Popover
-          content={filterDropdown}
+          // content={}
           interactionKind={PopoverInteractionKind.CLICK}
           position={Position.BOTTOM_LEFT}
         >

client/src/containers/FinancialStatements/FinancialReports.js

@@ -8,33 +8,27 @@ import withDashboardActions from 'containers/Dashboard/withDashboardActions';
 
 import { compose } from 'utils';
 
-
-function FinancialReportsItem({
-  title,
-  desc,
-  link
-}) {
+function FinancialReportsItem({ title, desc, link }) {
   return (
     <div class="financial-reports__item">
-      <Link class="title" to={link}>{ title }</Link>
-      <p class="desc">{ desc }</p>
+      <Link class="title" to={link}>
+        {title}
+      </Link>
+      <p class="desc">{desc}</p>
     </div>
   );
 }
 
-function FinancialReportsSection({
-  sectionTitle,
-  reports 
-}) {
+function FinancialReportsSection({ sectionTitle, reports }) {
   return (
     <div class="financial-reports__section">
-      <div class="section-title">{ sectionTitle }</div>
+      <div class="section-title">{sectionTitle}</div>
 
       <div class="financial-reports__list">
         <For render={FinancialReportsItem} of={reports} />
       </div>
     </div>
-  )
+  );
 }
 
 function FinancialReports({
@@ -45,7 +39,7 @@ function FinancialReports({
 
   useEffect(() => {
     changePageTitle(formatMessage({ id: 'all_financial_reports' }));
-  }, [changePageTitle, formatMessage]);  
+  }, [changePageTitle, formatMessage]);
 
   return (
     <div class="financial-reports">
@@ -54,6 +48,4 @@ function FinancialReports({
   );
 }
 
-export default compose(
-  withDashboardActions
-)(FinancialReports);
+export default compose(withDashboardActions)(FinancialReports);

client/src/containers/FinancialStatements/FinancialStatementDateRange.js

@@ -4,8 +4,7 @@ import { momentFormatter } from 'utils';
 import { DateInput } from '@blueprintjs/datetime';
 import { useIntl } from 'react-intl';
 import { HTMLSelect, FormGroup, Intent, Position } from '@blueprintjs/core';
-import Icon from 'components/Icon';
-import { FieldHint } from 'components';
+import { Hint } from 'components';
 import { parseDateRangeQuery } from 'utils';
 
 export default function FinancialStatementDateRange({ formik }) {
@@ -48,14 +47,12 @@ export default function FinancialStatementDateRange({ formik }) {
     [formik],
   );
 
-  const infoIcon = useMemo(() => <Icon icon="info-circle" iconSize={12} />, []);
-
   return (
     <>
       <Col width={260}>
         <FormGroup
           label={intl.formatMessage({ id: 'report_date_range' })}
-          labelInfo={infoIcon}
+          labelInfo={<Hint />}
           minimal={true}
           fill={true}
         >
@@ -71,7 +68,7 @@ export default function FinancialStatementDateRange({ formik }) {
       <Col width={260}>
         <FormGroup
           label={intl.formatMessage({ id: 'from_date' })}
-          labelInfo={infoIcon}
+          labelInfo={<Hint />}
           fill={true}
           intent={formik.errors.from_date && Intent.DANGER}
         >
@@ -89,7 +86,7 @@ export default function FinancialStatementDateRange({ formik }) {
       <Col width={260}>
         <FormGroup
           label={intl.formatMessage({ id: 'to_date' })}
-          labelInfo={<FieldHint />}
+          labelInfo={<Hint />}
           fill={true}
           intent={formik.errors.to_date && Intent.DANGER}
         >

client/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerActionsBar.js

@@ -31,13 +31,6 @@ function GeneralLedgerActionsBar({
   toggleGeneralLedgerSheetFilter,
   refreshGeneralLedgerSheet
 }) {
-  const filterDropdown = FilterDropdown({
-    fields: [],
-    onFilterChange: (filterConditions) => {
-      
-    },
-  });
-
   const handleFilterClick = () => {
     toggleGeneralLedgerSheetFilter();
   };
@@ -86,7 +79,6 @@ function GeneralLedgerActionsBar({
         </If>
 
         <Popover
-          content={filterDropdown}
           interactionKind={PopoverInteractionKind.CLICK}
           position={Position.BOTTOM_LEFT}>
 

client/src/containers/FinancialStatements/Journal/JournalActionsBar.js

@@ -29,11 +29,6 @@ function JournalActionsBar({
   toggleJournalSheetFilter,
   refreshJournalSheet,
 }) {
-  const filterDropdown = FilterDropdown({
-    fields: [],
-    onFilterChange: (filterConditions) => {},
-  });
-
   const handleFilterToggleClick = () => {
     toggleJournalSheetFilter();
   };
@@ -54,11 +49,10 @@ function JournalActionsBar({
 
         <Button
           className={classNames(Classes.MINIMAL, 'button--gray-highlight')}
-          text={'Re-calc Report'}
+          text={<T id={'recalc_report'} />}
           onClick={handleRecalcReport}
           icon={<Icon icon="refresh-16" iconSize={16} />}
         />
-
         <If condition={journalSheetFilter}>
           <Button
             className={Classes.MINIMAL}
@@ -78,7 +72,6 @@ function JournalActionsBar({
         </If>
 
         <Popover
-          content={filterDropdown}
           interactionKind={PopoverInteractionKind.CLICK}
           position={Position.BOTTOM_LEFT}
         >

client/src/containers/FinancialStatements/ReceivableAgingSummary/ReceivableAgingSummaryActionsBar.js

@@ -12,7 +12,6 @@ import { FormattedMessage as T } from 'react-intl';
 import classNames from 'classnames';
 
 import DashboardActionsBar from "components/Dashboard/DashboardActionsBar";
-import FilterDropdown from 'components/FilterDropdown';
 import Icon from 'components/Icon';
 import { If } from 'components';
 
@@ -30,11 +29,6 @@ function ReceivableAgingSummaryActionsBar({
   toggleFilterReceivableAgingSummary,
   refreshReceivableAgingSummary,
 }) {
-  const filterDropdown = FilterDropdown({
-    fields: [],
-    onFilterChange: (filterConditions) => {},
-  });
-
   const handleFilterToggleClick = () => {
     toggleFilterReceivableAgingSummary();
   };
@@ -62,7 +56,6 @@ function ReceivableAgingSummaryActionsBar({
           icon={<Icon icon="refresh-16" iconSize={16} />}
           onClick={handleRecalcReport}
         />
-
         <If condition={receivableAgingFilter}>
           <Button
             className={Classes.MINIMAL}
@@ -82,7 +75,6 @@ function ReceivableAgingSummaryActionsBar({
         </If>
 
         <Popover
-          content={filterDropdown}
           interactionKind={PopoverInteractionKind.CLICK}
           position={Position.BOTTOM_LEFT}
         >