Contents

// <Icon type="Foundation" icon="cog" className="left" />
Rev.registerComponent('Icon', class extends React.Component {

  static get Adapters() {
    return this._Adapters = this._Adapters || {
      FontAwesome: function(icon) { return `fa fa-${icon}` },
      IconMoon: function(icon) {
        console.warn('The IconMoon adapter is deprecated. Why? Because the name of the lib is *IcoMoon*. Use that.')
        return `icon-${icon}`
      },
      IcoMoon: function(icon) { return `icon-${icon}` },
      Foundation: function(icon) { return `fi-${icon}` },
    }
  }

  static get defaultType() {
    return this._defaultType || 'IcoMoon'
  }

  static set defaultType(value) {
    this._defaultType = value
  }

  static get propTypes() {
    return {
      icon: React.PropTypes.string.isRequired,
      type: React.PropTypes.string,
    }
  }

  static get defaultProps() {
    return {
      type: this.defaultType,
    }
  }

  constructor(props) {
    super(props)
  }

  get adapter() {
    return this.constructor.Adapters[this.props.type]
  }

  get iconSpecificClassName() {
    return this.adapter(this.props.icon)
  }

  get className() {
    let classNameObject = {
      'RevIcon': true
    }
    classNameObject[`RevIcon-${this.props.icon}`] = true
    classNameObject[this.iconSpecificClassName] = true
    return this.classAdd(classNameObject)
  }

  get passThroughProps() {
    return this.getPropsWithout([
      'icon',
      'type',
    ])
  }

  render() {
    return <i {...this.props} className={this.className} />
  }

})

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
revelry_core-0.1.12.6	app/assets/javascripts/revelry/ui/icons/Icon.es6