- {keys.map((key, ki) => {
- const columnIndex = columns.findIndex(c => c.name === key);
- const Component = columns[columnIndex].Component;
+ {features && features.numerize && | {ri + 1} | }
+ {rowProps.map((rowPropName, ki) => {
+ const columnIndex = columns.findIndex(
+ c => c.name === rowPropName,
+ );
+ const { Component } = columns[columnIndex];
const Element = withTableValue(Component)({
tableName,
rowIndex: ri,
- propName: key,
+ propName: rowPropName,
...columns[columnIndex].props,
});
return (
@@ -97,7 +99,7 @@ const Table = ({ name: tableName, columns, values, features, actions }) => {
);
})}
- {canDeleteRow && (
+ {/* {features && features.canDeleteRow && (
{
@@ -105,7 +107,7 @@ const Table = ({ name: tableName, columns, values, features, actions }) => {
}}
/>
|
- )}
+ )} */}
);
})}
diff --git a/src/client/hocs/withStore.js b/src/client/hocs/withStore.js
index 32631d6..cad96aa 100644
--- a/src/client/hocs/withStore.js
+++ b/src/client/hocs/withStore.js
@@ -1,28 +1,33 @@
-import { useOptions } from 'client/hooks/useOptions';
-import { useStatus, useTableStatus } from 'client/hooks/useStatus';
-import { useStoreValue, useTableValue } from 'client/hooks/useValue';
-import { useValidation } from 'client/hooks/useValidation';
-import { observer, useObserver } from 'mobx-react-lite';
-import React from 'react';
+import { useAction } from 'client/hooks/Calculation/useAction';
+import { useModal } from 'client/hooks/Calculation/useModal';
+import {
+ useOptions,
+ useTableOptions,
+} from 'client/hooks/Calculation/useOptions';
+import { useStatus, useTableStatus } from 'client/hooks/Calculation/useStatus';
+import { useValidation } from 'client/hooks/Calculation/useValidation';
+import {
+ useStoreValue,
+ useTableValue,
+} from 'client/hooks/Calculation/useValue';
import { useStores } from 'client/hooks/useStores';
-import { useTableOptions } from 'client/hooks/useOptions';
-import { useModal } from 'client/hooks/useModal';
-import { useAction } from 'client/hooks/useAction';
+import { observer } from 'mobx-react-lite';
+import React from 'react';
export const withStoreValue = Component => ({
name,
valueName,
- computedValue,
+ computedValueName,
validation,
...params
-}) => {
- const ComponentWithStore = () => {
+}) =>
+ observer(() => {
const { value, setCurrentValue, debouncedValue } = useStoreValue({
- computedValue,
+ computedValueName,
valueName,
});
const { status } = useStatus(name);
- const { isValid, validateStatus, message } = useValidation({
+ const { validateStatus, message } = useValidation({
elementName: name,
value: debouncedValue,
validation,
@@ -40,38 +45,24 @@ export const withStoreValue = Component => ({
{...params}
/>
);
- };
- return observer(ComponentWithStore);
-};
+ });
export const withTableData = Table => props => {
const { name: tableName } = props;
const ObservedTable = observer(Table);
- const TableWithStore = useObserver(() => {
- const { calculationStore } = useStores();
- const tableData = calculationStore.tables[tableName];
- return (
-