import type { PropTypeConfig_Number } from '@theatre/core/propTypes' ; import type SheetObject from '@theatre/core/sheetObjects/SheetObject' ; import BasicNumberInput from '@theatre/studio/uiComponents/form/BasicNumberInput' ; import React , { useCallback } from 'react' ; import { useEditingToolsForPrimitiveProp } from './utils/useEditingToolsForPrimitiveProp' ; import { SingleRowPropEditor } from './utils/SingleRowPropEditor' ; const NumberPropEditor = ( { propConfig , pointerToProp , obj } ) => { const stuff = useEditingToolsForPrimitiveProp < number > ( pointerToProp , obj , propConfig ) ; const nudge = useCallback ( ( params ) => { return propConfig . nudgeFn ( { ... params , config : propConfig } ) ; } , [ propConfig ] ) ; return ( < SingleRowPropEditor { ... { stuff , propConfig , pointerToProp } } > < BasicNumberInput value = { stuff . value } temporarilySetValue = { stuff . temporarilySetValue } discardTemporaryValue = { stuff . discardTemporaryValue } permenantlySetValue = { stuff . permenantlySetValue } range = { propConfig . range } nudge = { nudge } / > < /SingleRowPropEditor>); } ; export default NumberPropEditor ;