InputWithClearUI index.js

100% Statements 4/4

100% Branches 5/5

100% Functions 1/1

100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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
38
39
40
41
42
43  
 
 
 
 
 
1x
17x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
  import PropTypes from 'prop-types'
 
import Injector from '@s-ui/react-primitive-injector'
 
import {CLASS_CONTAINER, CLASS_ICON_CLEAR} from './config.js'
 
const InputWithClearUI = ({onClickClear, isVisibleClear, iconClear, rightIcon = <i />, children, ...props}) => {
  return (
    <div className={CLASS_CONTAINER}>
      <Injector
        {...props}
        rightIcon={
          isVisibleClear && iconClear ? (
            <span className={CLASS_ICON_CLEAR} onClick={onClickClear}>
              {iconClear}
            </span>
          ) : (
            rightIcon
          )
        }
      >
        {children}
      </Injector>
    </div>
  )
}
 
InputWithClearUI.propTypes = {
  rightIcon: PropTypes.element,
 
  children: PropTypes.element,
 
  iconClear: PropTypes.node,
 
  isVisibleClear: PropTypes.any,
 
  onClickClear: PropTypes.func
}
 
InputWithClearUI.displayName = 'InputWithClearUI'
 
export default InputWithClearUI