feat: AR aging summary sheet frontend.

client/src/containers/FinancialStatements/ARAgingSummary/withARAgingSummary.js

@@ -0,0 +1,36 @@
+import { connect } from 'react-redux';
+import {
+  getFinancialSheetFactory,
+  getFinancialSheetAccountsFactory,
+  getFinancialSheetColumnsFactory,
+  getFinancialSheetQueryFactory,
+  getFinancialSheetTableRowsFactory,
+} from 'store/financialStatement/financialStatements.selectors';
+
+export default (mapState) => {
+  const mapStateToProps = (state, props) => {
+    const getARAgingSheet = getFinancialSheetFactory('receivableAgingSummary');
+    const getARAgingSheetColumns = getFinancialSheetColumnsFactory(
+      'receivableAgingSummary',
+    );
+    const getARAgingSheetRows = getFinancialSheetTableRowsFactory(
+      'receivableAgingSummary',
+    );
+    const {
+      loading,
+      filter,
+      refresh,
+    } = state.financialStatements.receivableAgingSummary;
+
+    const mapped = {
+      receivableAgingSummarySheet: getARAgingSheet(state, props),
+      receivableAgingSummaryColumns: getARAgingSheetColumns(state, props),
+      receivableAgingSummaryRows: getARAgingSheetRows(state, props),
+      receivableAgingSummaryLoading: loading,
+      receivableAgingSummaryFilter: filter,
+      ARAgingSummaryRefresh: refresh,
+    };
+    return mapState ? mapState(mapped, state, props) : mapped;
+  };
+  return connect(mapStateToProps);
+};