react-mobiscroll/lib/Mobiscroll.js

A simple wrapper of Mobiscroll for ReactJS.

/* global document */
'use strict';

var React = require('react');
var omit = require('lodash.omit');
var $ = require('jQuery');
require('mobiscroll');
require('mobiscroll-frame');
require('mobiscroll-scroller');
require('mobiscroll-util');
require('mobiscroll-datetimebase');
require('mobiscroll-datetime');
require('mobiscroll-select');
require('mobiscroll-listbase');
require('mobiscroll-image');
require('mobiscroll-treelist');

var Mobiscroll = React.createClass({

  displayName: 'Mobiscroll',

  propTypes: {
    preset: React.PropTypes.string,
    elType: React.PropTypes.string,
    options: React.PropTypes.any },

  getDefaultProps: function getDefaultProps() {
    return {
      preset: 'select',
      elType: 'input' };
  },

  componentDidMount: function componentDidMount() {
    var node = this.getDOMNode();
    var el = $(node);

    el.mobiscroll()[this.props.preset](this.props.options);
  },

  render: function render() {
    var other = omit(this.props, 'preset');
    other = omit(other, 'elType');
    other = omit(other, 'options');

    return React.createElement(this.props.elType, other);
  }
});

module.exports = Mobiscroll;