re-structure to monorepo.

packages/webapp/src/containers/FinancialStatements/ProjectProfitabilitySummary/dynamicColumns.tsx

@@ -0,0 +1,70 @@
+// @ts-nocheck
+import * as R from 'ramda';
+
+import { getColumnWidth } from '@/utils';
+import { Align } from '@/constants';
+
+const characterColumn = R.curry((data, index, column) => ({
+  id: column.key,
+  key: column.key,
+  Header: column.label,
+  accessor: `cells[${index}].value`,
+  className: column.key,
+  width: getColumnWidth(data, `cells.${index}.key`, {
+    minWidth: 200,
+    magicSpacing: 10,
+  }),
+  disableSortBy: true,
+  textOverview: true,
+  sticky: Align.Left,
+}));
+
+const numericColumn = R.curry((data, index, column) => ({
+  id: column.key,
+  key: column.key,
+  Header: column.label,
+  accessor: `cells[${index}].value`,
+  className: column.key,
+  width: getColumnWidth(data, `cells.${index}.key`, {
+    minWidth: 130,
+    magicSpacing: 10,
+  }),
+  disableSortBy: true,
+  align: Align.Right,
+}));
+
+/**
+ *  columns mapper.
+ */
+const columnsMapper = R.curry((data, index, column) => ({
+  id: column.key,
+  key: column.key,
+  Header: column.label,
+  accessor: `cells[${index}].value`,
+  className: column.key,
+  width: getColumnWidth(data, `cells.${index}.key`, {
+    minWidth: 130,
+    magicSpacing: 10,
+  }),
+  disableSortBy: true,
+  textOverview: true,
+}));
+
+/**
+ * project profitability summary columns mapper.
+ */
+export const dynamicColumns = (columns, data) => {
+  const mapper = (column, index) => {
+    return R.compose(
+      R.cond([
+        [R.pathEq(['key'], 'name'), characterColumn(data, index)],
+        [R.pathEq(['key'], 'customer_name'), characterColumn(data, index)],
+        [R.pathEq(['key'], 'income'), numericColumn(data, index)],
+        [R.pathEq(['key'], 'expenses'), numericColumn(data, index)],
+        [R.pathEq(['key'], 'profit'), numericColumn(data, index)],
+        [R.T, columnsMapper(data, index)],
+      ]),
+    )(column);
+  };
+  return columns.map(mapper);
+};