48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
|
import React, { Fragment } from 'react';
|
||
|
|
import PropTypes from 'prop-types';
|
||
|
|
|
||
|
|
import { DataTitleCopyable } from './data-title';
|
||
|
|
|
||
|
|
const TextboxDataEntry: React.FunctionComponent<any> = (props) => { // TODO: remove any
|
||
|
|
return (
|
||
|
|
<Fragment>
|
||
|
|
<DataTitleCopyable
|
||
|
|
slug={props.slug}
|
||
|
|
title={props.title}
|
||
|
|
tooltip={props.tooltip}
|
||
|
|
disabled={props.disabled}
|
||
|
|
copy={props.copy}
|
||
|
|
/>
|
||
|
|
<textarea
|
||
|
|
className="form-control"
|
||
|
|
id={props.slug}
|
||
|
|
name={props.slug}
|
||
|
|
value={props.value || ''}
|
||
|
|
maxLength={props.max_length}
|
||
|
|
rows={5}
|
||
|
|
disabled={props.mode === 'view' || props.disabled}
|
||
|
|
placeholder={props.placeholder}
|
||
|
|
onChange={props.onChange}
|
||
|
|
></textarea>
|
||
|
|
</Fragment>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
TextboxDataEntry.propTypes = {
|
||
|
|
title: PropTypes.string,
|
||
|
|
slug: PropTypes.string,
|
||
|
|
tooltip: PropTypes.string,
|
||
|
|
disabled: PropTypes.bool,
|
||
|
|
value: PropTypes.any,
|
||
|
|
placeholder: PropTypes.string,
|
||
|
|
maxLength: PropTypes.number,
|
||
|
|
onChange: PropTypes.func,
|
||
|
|
copy: PropTypes.shape({
|
||
|
|
copying: PropTypes.bool,
|
||
|
|
copyingKey: PropTypes.func,
|
||
|
|
toggleCopyAttribute: PropTypes.func
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
export default TextboxDataEntry;
|