diff --git a/bundle.js b/bundle.js new file mode 100644 index 0000000..ccfcfb6 --- /dev/null +++ b/bundle.js @@ -0,0 +1,12 @@ +var blahh = (function (exports) { +'use strict'; + +const x = 'hi'; +const y = 'hi'; + +exports.x = x; +exports.y = y; + +return exports; + +}({})); diff --git a/dist/react-hammerjs-iife.min.js b/dist/react-hammerjs-iife.min.js new file mode 100644 index 0000000..cc1e548 --- /dev/null +++ b/dist/react-hammerjs-iife.min.js @@ -0,0 +1 @@ +var ReactHammer=function(){"use strict";function e(e,n){n.hasOwnProperty("vertical")&&console.warn("vertical is deprecated, please use `direction` instead");var o=n.direction;if(o||n.hasOwnProperty("vertical")){var i=o||(n.vertical?"DIRECTION_ALL":"DIRECTION_HORIZONTAL");e.get("pan").set({direction:Hammer[i]}),e.get("swipe").set({direction:Hammer[i]})}n.options&&Object.keys(n.options).forEach(function(t){if("recognizers"===t)Object.keys(n.options.recognizers).forEach(function(t){var o=e.get(t);o.set(n.options.recognizers[t]),n.options.recognizers[t].requireFailure&&o.requireFailure(n.options.recognizers[t].requireFailure)},this);else{var o={};o[t]=n.options[t],e.set(o)}},this),n.recognizeWith&&Object.keys(n.recognizeWith).forEach(function(t){e.get(t).recognizeWith(n.recognizeWith[t])},this),Object.keys(n).forEach(function(o){var i=t[o];i&&(e.off(i),e.on(i,n[o]))})}var n={children:!0,direction:!0,options:!0,recognizeWith:!0,vertical:!0},t={action:"tap press",onDoubleTap:"doubletap",onPan:"pan",onPanCancel:"pancancel",onPanEnd:"panend",onPanMove:"panmove",onPanStart:"panstart",onPinch:"pinch",onPinchCancel:"pinchcancel",onPinchEnd:"pinchend",onPinchIn:"pinchin",onPinchOut:"pinchout",onPinchStart:"pinchstart",onPress:"press",onPressUp:"pressup",onRotate:"rotate",onRotateCancel:"rotatecancel",onRotateEnd:"rotateend",onRotateMove:"rotatemove",onRotateStart:"rotatestart",onSwipe:"swipe",onSwipeRight:"swiperight",onSwipeLeft:"swipeleft",onSwipeUp:"swipeup",onSwipeDown:"swipedown",onTap:"tap"};return Object.keys(t).forEach(function(e){n[e]=!0}),React.createClass({displayName:"Hammer",propTypes:{className:React.PropTypes.string},componentDidMount:function(){this.hammer=new Hammer(this.domElement),e(this.hammer,this.props)},componentDidUpdate:function(){this.hammer&&e(this.hammer,this.props)},componentWillUnmount:function(){this.hammer&&(this.hammer.stop(),this.hammer.destroy()),this.hammer=null},render:function(){var e={};Object.keys(this.props).forEach(function(t){n[t]||(e[t]=this.props[t])},this);var t=this;return e.ref=function(e){t.props.ref&&t.props.ref(e),t.domElement=e},React.cloneElement(React.Children.only(this.props.children),e)}})}(); diff --git a/dist/react-hammerjs.js b/dist/react-hammerjs.js index 3517477..774f912 100644 --- a/dist/react-hammerjs.js +++ b/dist/react-hammerjs.js @@ -26,6 +26,7 @@ var handlerToEvent = { onPan: 'pan', onPanCancel: 'pancancel', onPanEnd: 'panend', + onPanMove: 'panmove', onPanStart: 'panstart', onPinch: 'pinch', onPinchCancel: 'pinchcancel', @@ -41,6 +42,10 @@ var handlerToEvent = { onRotateMove: 'rotatemove', onRotateStart: 'rotatestart', onSwipe: 'swipe', + onSwipeRight: 'swiperight', + onSwipeLeft: 'swipeleft', + onSwipeUp: 'swipeup', + onSwipeDown: 'swipedown', onTap: 'tap', }; @@ -55,7 +60,7 @@ function updateHammer (hammer, props) { var directionProp = props.direction; if (directionProp || props.hasOwnProperty('vertical')) { - direction = directionProp ? directionProp : (props.vertical ? 'DIRECTION_ALL' : 'DIRECTION_HORIZONTAL'); + var direction = directionProp ? directionProp : (props.vertical ? 'DIRECTION_ALL' : 'DIRECTION_HORIZONTAL'); hammer.get('pan').set({ direction: Hammer[direction] }); hammer.get('swipe').set({ direction: Hammer[direction] }); } @@ -66,6 +71,9 @@ function updateHammer (hammer, props) { Object.keys(props.options.recognizers).forEach(function (gesture) { var recognizer = hammer.get(gesture); recognizer.set(props.options.recognizers[gesture]); + if (props.options.recognizers[gesture].requireFailure) { + recognizer.requireFailure(props.options.recognizers[gesture].requireFailure); + } }, this); } else { var key = option; @@ -101,7 +109,7 @@ var HammerComponent = React.createClass({ }, componentDidMount: function () { - this.hammer = new Hammer(ReactDOM.findDOMNode(this)); + this.hammer = new Hammer(this.domElement); updateHammer(this.hammer, this.props); }, @@ -128,6 +136,14 @@ var HammerComponent = React.createClass({ } }, this); + var self = this; + props.ref = function(domElement) { + if (self.props.ref) { + self.props.ref(domElement); + } + self.domElement = domElement; + }; + // Reuse the child provided // This makes it flexible to use whatever element is wanted (div, ul, etc) return React.cloneElement(React.Children.only(this.props.children), props); diff --git a/dist/react-hammerjs.min.js b/dist/react-hammerjs.min.js index 1a2a188..1d7b543 100644 --- a/dist/react-hammerjs.min.js +++ b/dist/react-hammerjs.min.js @@ -1 +1 @@ -!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n;n="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,n.Hammer=e()}}(function(){return function e(n,t,o){function i(a,c){if(!t[a]){if(!n[a]){var s="function"==typeof require&&require;if(!c&&s)return s(a,!0);if(r)return r(a,!0);var p=new Error("Cannot find module '"+a+"'");throw p.code="MODULE_NOT_FOUND",p}var f=t[a]={exports:{}};n[a][0].call(f.exports,function(e){var t=n[a][1][e];return i(t?t:e)},f,f.exports,e,n,t,o)}return t[a].exports}for(var r="function"==typeof require&&require,a=0;a { + if (this.props.ref) this.props.ref(domElement) + this.domElement = domElement; }; // Reuse the child provided // This makes it flexible to use whatever element is wanted (div, ul, etc) return React.cloneElement(React.Children.only(this.props.children), props); } -}); +} -module.exports = HammerComponent; +ReactHammer.displayName = 'ReactHammer' +export default ReactHammer