diff --git a/bower.json b/bower.json new file mode 100644 index 0000000..7074bd0 --- /dev/null +++ b/bower.json @@ -0,0 +1,31 @@ +{ + "name": "react-swipe", + "description": "Brad Birdsall's Swipe.js, as a React component", + "main": "react-swipe.js", + "authors": [ + "Jed Schmidt " + ], + "license": "MIT", + "keywords": [ + "react", + "component", + "carousel", + "swipe", + "react-component" + ], + "homepage": "https://github.com/C4Tech/react-swipe", + "moduleType": [], + "private": true, + "ignore": [ + "**/.*", + "node_modules", + "bower_components", + "test", + "tests" + ], + "dependencies": { + "react": "~0.14.4", + "es6-shim": "~0.33.9", + "swipe-js": "~2.0.7" + } +} diff --git a/react-swipe.js b/react-swipe.js index 44d1458..4b3e07f 100644 --- a/react-swipe.js +++ b/react-swipe.js @@ -1,18 +1,21 @@ (function (root, factory) { - if (typeof module !== 'undefined' && module.exports) { + if (typeof define === 'function' && define.amd) { + // AMD + define(['react', 'react-dom', 'swipe-js'], factory); + } else if (typeof exports === 'object') { module.exports = factory( require('react'), - require('swipe-js-iso'), - require('object-assign') + require('react-dom'), + require('swipe-js') ); } else { root.ReactSwipe = factory( root.React, - root.Swipe, - root.objectAssign + root.ReactDOM, + root.Swipe ); } -})(this, function (React, Swipe, objectAssign) { +})(this, function (React, ReactDOM, Swipe) { var styles = { container: { overflow: 'hidden', @@ -36,21 +39,21 @@ var ReactSwipe = React.createClass({ // https://github.com/thebird/Swipe#config-options propTypes: { - startSlide : React.PropTypes.number, - slideToIndex : React.PropTypes.number, - shouldUpdate : React.PropTypes.func, - speed : React.PropTypes.number, - auto : React.PropTypes.number, - continuous : React.PropTypes.bool, - disableScroll : React.PropTypes.bool, - stopPropagation : React.PropTypes.bool, - callback : React.PropTypes.func, - transitionEnd : React.PropTypes.func + startSlide: React.PropTypes.number, + slideToIndex: React.PropTypes.number, + shouldUpdate: React.PropTypes.func, + speed: React.PropTypes.number, + auto: React.PropTypes.number, + continuous: React.PropTypes.bool, + disableScroll: React.PropTypes.bool, + stopPropagation: React.PropTypes.bool, + callback: React.PropTypes.func, + transitionEnd: React.PropTypes.func }, componentDidMount: function () { if (this.isMounted()) { - this.swipe = Swipe(React.findDOMNode(this), objectAssign({}, this.props)); + this.swipe = Swipe(ReactDOM.findDOMNode(this), Object.assign({}, this.props)); } }, @@ -72,14 +75,14 @@ ); }, - render: function() { + render: function () { return React.createElement('div', React.__spread({}, {style: styles.container}, this.props), React.createElement('div', {style: styles.wrapper}, React.Children.map(this.props.children, function (child) { return React.cloneElement(child, { ref: child.props.ref, key: child.props.key, - style: child.props.style ? objectAssign(child.props.style, styles.child) : styles.child + style: child.props.style ? Object.assign(child.props.style, styles.child) : styles.child }); }) )