33 lines
1.0 KiB
TypeScript
33 lines
1.0 KiB
TypeScript
import { observer } from 'mobx-react-lite';
|
|
import type { FC } from 'react';
|
|
import { useStatus } from 'stores/calculation/statuses/hooks';
|
|
import { useValidation } from 'stores/calculation/validation/hooks';
|
|
import type { Values } from 'stores/calculation/values/types';
|
|
import type { Elements } from '../config/map/values';
|
|
import type { ElementsProps } from '../types/elements-props';
|
|
import { useStoreValue } from './hooks';
|
|
|
|
export type BuilderProps = {
|
|
elementName: Elements;
|
|
valueName: Values;
|
|
};
|
|
|
|
export default function buildValue(Component: FC<any>, { elementName, valueName }: BuilderProps) {
|
|
return observer<ElementsProps[typeof elementName]>((props) => {
|
|
const [value, setValue] = useStoreValue(valueName);
|
|
const status = useStatus(elementName);
|
|
const { isValid, help } = useValidation(elementName);
|
|
|
|
return (
|
|
<Component
|
|
value={value}
|
|
setValue={setValue}
|
|
status={status}
|
|
isValid={isValid}
|
|
help={help}
|
|
{...props}
|
|
/>
|
|
);
|
|
});
|
|
}
|