All files / atom/helpText/src index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
 
 
 
 
 
 
 
 
1x
7x
7x
7x
7x
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
1x
 
 
 
 
 
 
 
import {forwardRef, isValidElement} from 'react'
import cx from 'classnames'
 
import PropTypes from 'prop-types'
 
import Injector from '@s-ui/react-primitive-injector'
 
import {BASE_CLASS} from './settings.js'
 
const AtomHelpText = forwardRef(({as: As = 'span', className, text, ...props}, forwardedRef) => {
  const isTextString = typeof text === 'string'
  const isReferenceable = isValidElement(text) || typeof text === 'string'
  const Component = isTextString ? As : Injector
  return (
    <Component
      className={cx(BASE_CLASS, className)}
      {...props}
      {...{
        ...(isReferenceable && {ref: forwardedRef}),
        ...(!isTextString && {as: As})
      }}
    >
      {text}
    </Component>
  )
})
 
AtomHelpText.displayName = 'AtomHelpText'
 
AtomHelpText.propTypes = {
  as: PropTypes.elementType,
  className: PropTypes.string,
  text: PropTypes.oneOfType([PropTypes.element, PropTypes.node]).isRequired
}
 
export default AtomHelpText