45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
|
/**
|
||
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
||
|
|
*
|
||
|
|
* This source code is licensed under the MIT license found in the
|
||
|
|
* LICENSE file in the root directory of this source tree.
|
||
|
|
*
|
||
|
|
* @format
|
||
|
|
*/
|
||
|
|
|
||
|
|
import React from 'react';
|
||
|
|
import YogaEnumSelect from './YogaEnumSelect';
|
||
|
|
import YogaPositionEditor from './YogaPositionEditor';
|
||
|
|
import {Input} from 'antd';
|
||
|
|
|
||
|
|
type Props<T> = {
|
||
|
|
property: string,
|
||
|
|
disabled?: boolean,
|
||
|
|
value?: T,
|
||
|
|
onChange: (property: string, value: T) => void,
|
||
|
|
placeholder?: string,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default (props: Props<any>) => {
|
||
|
|
if (YogaEnumSelect.availableProperties.indexOf(props.property) > -1) {
|
||
|
|
// @ts-ignore
|
||
|
|
return <YogaEnumSelect {...props} />;
|
||
|
|
} else if (
|
||
|
|
YogaPositionEditor.availableProperties.indexOf(props.property) > -1
|
||
|
|
) {
|
||
|
|
// @ts-ignore
|
||
|
|
return <YogaPositionEditor {...props} />;
|
||
|
|
} else {
|
||
|
|
return (
|
||
|
|
<Input
|
||
|
|
type="text"
|
||
|
|
{...props}
|
||
|
|
onChange={e => props.onChange(props.property, e.target.value)}
|
||
|
|
placeholder={props.placeholder || 'undefined'}
|
||
|
|
onFocus={e => e.target.select()}
|
||
|
|
value={Number.isNaN(props.value) ? '' : props.value}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
};
|