31 lines
988 B
TypeScript
31 lines
988 B
TypeScript
import { observer } from 'mobx-react-lite';
|
|
import { useOptions } from 'stores/calculation/options/hooks';
|
|
import { useStatus } from 'stores/calculation/statuses/hooks';
|
|
import { useValidation } from 'stores/calculation/validation/hooks';
|
|
import { useValue } from 'stores/calculation/values/hooks';
|
|
import { getValueName } from '../config/map';
|
|
import type { BuilderProps } from './types';
|
|
|
|
export default function buildValueElement({ elementName, Component, ...props }: BuilderProps) {
|
|
const valueName = getValueName(elementName);
|
|
|
|
return observer(() => {
|
|
const { value, setValue } = useValue(valueName);
|
|
const { status } = useStatus(elementName);
|
|
const { isValid, help } = useValidation(elementName);
|
|
const { options } = useOptions(elementName);
|
|
|
|
return (
|
|
<Component
|
|
value={value}
|
|
setValue={setValue}
|
|
options={options}
|
|
status={status}
|
|
isValid={isValid}
|
|
help={help}
|
|
{...props}
|
|
/>
|
|
);
|
|
});
|
|
}
|