From aa59a7813a4d80b378ae6f19ee7a82fc62353d29 Mon Sep 17 00:00:00 2001
From: Chika <djchikalkin@gmail.com>
Date: Tue, 27 Apr 2021 10:53:28 +0300
Subject: [PATCH] refactor(table): move callbacks from table element

call table callbacks in hocs
---
 src/client/Elements/Table.jsx             |  2 --
 src/client/hocs/Calculation/withTable.jsx | 13 ++++++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/client/Elements/Table.jsx b/src/client/Elements/Table.jsx
index 278107f..446e347 100644
--- a/src/client/Elements/Table.jsx
+++ b/src/client/Elements/Table.jsx
@@ -65,7 +65,6 @@ const Table = ({
   rows,
   params: { features },
   withTableValue,
-  callbacks,
 }) => {
   return (
     <TableWrapper>
@@ -95,7 +94,6 @@ const Table = ({
                     tableName,
                     rowIndex: ri,
                     propName: rowPropName,
-                    columnCallback: callbacks && callbacks[rowPropName],
                     ...columns[columnIndex].props,
                   });
                   return (
diff --git a/src/client/hocs/Calculation/withTable.jsx b/src/client/hocs/Calculation/withTable.jsx
index 2648754..a149a56 100644
--- a/src/client/hocs/Calculation/withTable.jsx
+++ b/src/client/hocs/Calculation/withTable.jsx
@@ -6,21 +6,24 @@ import { useStores } from 'client/hooks/useStores';
 import { observer } from 'mobx-react-lite';
 
 export default Table => props => {
-  const { name: tableName } = props;
+  const { name: tableName, callbacks } = props;
   const ObservedTable = observer(Table);
   const { calculationStore } = useStores();
   const tableData = calculationStore.tables[tableName];
   return () => (
-    <ObservedTable {...props} {...tableData} withTableValue={withTableValue} />
+    <ObservedTable
+      {...props}
+      {...tableData}
+      withTableValue={withTableValue(callbacks)}
+    />
   );
 };
 
-const withTableValue = Component => ({
+const withTableValue = callbacks => Component => ({
   tableName,
   rowIndex,
   propName,
   validation,
-  columnCallback,
   ...props
 }) =>
   observer(() => {
@@ -28,7 +31,7 @@ const withTableValue = Component => ({
       tableName,
       rowIndex,
       propName,
-      columnCallback,
+      columnCallback: callbacks && callbacks[propName],
     });
     const { status } = useTableStatus({ tableName, rowIndex, propName });
     const { validateStatus, message } = useTableValidation({