IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web.components: Textarea: added className prop

Browse Source
This commit is contained in:
Daniil Senkiv 2019-09-13 14:11:45 +03:00
parent ec5c8dce49
commit 93e901a2cc
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/ASC.Web.Components/src/components/textarea/index.js
View File

@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
import commonInputStyle from '../text-input/common-input-styles'; import commonInputStyle from '../text-input/common-input-styles';
import TextareaAutosize from 'react-autosize-textarea'; import TextareaAutosize from 'react-autosize-textarea';
const ClearScrollbar = ({isDisabled, ...props}) => <Scrollbar {...props} /> const ClearScrollbar = ({ isDisabled, ...props }) => <Scrollbar {...props} />
const StyledScrollbar = styled(ClearScrollbar)` const StyledScrollbar = styled(ClearScrollbar)`
${commonInputStyle}; ${commonInputStyle};
:focus-within { :focus-within {
@ -23,7 +23,7 @@ const StyledScrollbar = styled(ClearScrollbar)`
} }
`; `;
const ClearTextareaAutosize = ({isDisabled, ...props}) => <TextareaAutosize {...props} /> const ClearTextareaAutosize = ({ isDisabled, ...props }) => <TextareaAutosize {...props} />
const StyledTextarea = styled(ClearTextareaAutosize)` const StyledTextarea = styled(ClearTextareaAutosize)`
${commonInputStyle}; ${commonInputStyle};
width: 100%; width: 100%;
@ -52,6 +52,7 @@ class Textarea extends React.PureComponent {
// console.log('Textarea render'); // console.log('Textarea render');
return ( return (
<StyledScrollbar <StyledScrollbar
className={this.props.className}
stype='preMediumBlack' stype='preMediumBlack'
isDisabled={this.props.isDisabled} isDisabled={this.props.isDisabled}
> >
@ -81,7 +82,8 @@ Textarea.propTypes = {
onChange: PropTypes.func, onChange: PropTypes.func,
placeholder: PropTypes.string, placeholder: PropTypes.string,
tabIndex: PropTypes.number, tabIndex: PropTypes.number,
value: PropTypes.string value: PropTypes.string,
className: PropTypes.string
} }
Textarea.defaultProps = { Textarea.defaultProps = {
@ -90,6 +92,7 @@ Textarea.defaultProps = {
placeholder: '', placeholder: '',
value: '', value: '',
tabIndex: -1, tabIndex: -1,
className: ''
} }
export default Textarea; export default Textarea;