components.widgets.Form.fields.StandardField.Label.jsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

import React from 'react'
import PropTypes from 'prop-types'
import { Label as BootstrapLabel } from 'reactstrap'
import classNames from 'classnames'

import HelpPopover from './HelpPopover'
import { Required } from './Required'

/**
 * Лейбел поля
 */

const Label = ({
    id,
    value,
    required,
    className,
    style,
    help,
    needStub = false,
    visible = true,
}) => {
    if (!visible || (!value && !needStub)) { return null }

    const newProps = {
        className: classNames('col-form-label', className),
        style: { display: 'inline-block', ...style },
    }

    if (React.isValidElement(value)) {
        return (
            
                {React.cloneElement(value, newProps)}
                
                
            
        )
    }

    return (
        
            
                {value}
                
            
            
        
    )
}

Label.propTypes = {
    value: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
    required: PropTypes.bool,
    className: PropTypes.string,
    id: PropTypes.string,
    help: PropTypes.string,
    style: PropTypes.object,
    needStub: PropTypes.bool,
}

Label.defaultProps = {
    className: '',
    style: {},
}

export default Label