klarna/ui-react-components

Function render has 90 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const {
      big,
      className,
      centered,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('set focus to true in the inner component', () => {
      const decorated = shallow(
        DecoratedComponent,
        { onBlur: () => {}, onFocus: () => {} }
      )

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('update the state focus value', () => {
      const decorated = shallow(
        DecoratedComponent,
        { onBlur: () => {}, onFocus: () => {} }
      )

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('update the state focus value', () => {
      const decorated = shallow(
        DecoratedComponent,
        { onBlur: () => {}, onFocus: () => {} }
      )

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('set focus to false in the inner component', () => {
      const decorated = shallow(
        DecoratedComponent,
        { onBlur: () => {}, onFocus: () => {} }
      )

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  describe('error', () => {
    const input = render({ error: true, name: 'filled', label: 'Ooops' })

    it("has className 'is-error'", () => {
      equal(input.props.className, 'cui__input is-error')

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  describe('warning', () => {
    const input = render({ warning: true, name: 'filled', label: 'Hey!' })

    it("has className 'is-warning'", () => {
      equal(input.props.className, 'cui__input is-warning')

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      case INLINED_ICONS.CARD:
        return (
          <svg className={styles.icon} viewBox='0 0 20 20'>
            <g
              className={styles.fill}

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      case INLINED_ICONS.PERSON:
        return (
          <svg className={styles.icon} viewBox='0 0 20 20'>
            <g className={styles.fill} transform='translate(4.000000, 2.000000)'>
              <path d='M6,7 C7.93299662,7 9.5,5.43299662 9.5,3.5 C9.5,1.56700338 7.93299662,0 6,0 C4.06700338,0 2.5,1.56700338 2.5,3.5 C2.5,5.43299662 4.06700338,7 6,7 Z M6,6 C7.38071187,6 8.5,4.88071187 8.5,3.5 C8.5,2.11928813 7.38071187,1 6,1 C4.61928813,1 3.5,2.11928813 3.5,3.5 C3.5,4.88071187 4.61928813,6 6,6 Z'></path>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export function Title ({ children, className, styles, ...remainingProps }) {
  const classNames = classNamesBind.bind({ ...defaultStyles, ...styles })
  const cls = classNames('cui__alert__title', className)

  return (

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('update the state value', () => {
      const decorated = shallow(
        DecoratedComponent,
        { onChange: () => { } }
      )

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export function Paragraph ({ children, className, styles, ...remainingProps }) {
  const classNames = classNamesBind.bind({ ...defaultStyles, ...styles })
  const cls = classNames('cui__alert__paragraph', className)

  return (

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('update the value of the inner component', () => {
      const decorated = shallow(
        DecoratedComponent,
        { onChange: () => { } }
      )

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      it('has the correct customized styles', () => {
        equal(button.props.style.color, 'bisque')
        equal(button.props.style.backgroundColor, 'bisque')
        equal(button.props.style.borderColor, 'bisque')
        equal(button.props.style.borderRadius, '6px')

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      it('has the correct customized styles', () => {
        equal(button.props.style.color, 'red')
        equal(button.props.style.backgroundColor, 'brown')
        equal(button.props.style.borderColor, 'brown')
        equal(button.props.style.borderRadius, '6px')

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const classes = {
  title: `${baseClass}__title`,
  value: `${baseClass}__value`,
  valueContent: `${baseClass}__value__content`,
  valueContentClarification: `${baseClass}__value__content__clarification`,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

const classes = {
  input: `${baseClass}__input`,
  label: `${baseClass}__label`,
  labelConnector: `${baseClass}__label__connector`,
  labelHighlight: `${baseClass}__label__highlight`,

• Read up
  Read up

Function render has 71 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    const {
      big,
      className,
      centered,

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export function Content ({ className, children, styles, ...props }) {
  const classNames = classNamesBind.bind({ ...defaultStyles, ...styles })

  return (
    <div className={classNames(classes.values, className)} {...props}>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

export function Title ({ className, children, styles, ...props }) {
  const classNames = classNamesBind.bind({ ...defaultStyles, ...styles })

  return (
    <div className={classNames(classes.title, className)} {...props}>

• Read up
  Read up