Add ScrollBlocker component

Author: jeroencoumans

.gitignore

@@ -1,25 +1,2 @@
-# Logs
-logs
-*.log
-
-# Runtime data
-pids
-*.pid
-*.seed
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directory
-# Deployed apps should consider commenting this line out:
-# see https://npmjs.org/doc/faq.html#Should-I-check-my-node_modules-folder-into-git
+.DS_Store
 node_modules

index.js

@@ -0,0 +1,5 @@
+var ScrollBlocker = require('src/ScrollBlocker');
+
+module.exports = {
+  ScrollBlocker: ScrollBlocker
+}

package.json

@@ -0,0 +1,28 @@
+{
+  "name": "react-scroll-components",
+  "version": "0.0.1",
+  "description": "A set of components that react to page scrolling",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jeroencoumans/react-scroll-components.git"
+  },
+  "keywords": [
+    "react",
+    "scroll",
+    "scrolling",
+    "react-component"
+  ],
+  "author": "Jeroen Coumans <jeroencoumans@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/jeroencoumans/react-scroll-components/issues"
+  },
+  "homepage": "https://github.com/jeroencoumans/react-scroll-components",
+  "peerDependencies": {
+    "react": "^0.10.0"
+  }
+}

src/ScrollBlocker.css

@@ -0,0 +1,3 @@
+.ScrollBlocker {
+  pointer-events: none;
+}

src/ScrollBlocker.js

@@ -0,0 +1,26 @@
+/** @jsx React.DOM */
+var React = require('react');
+var cx = require('react/lib/cx');
+
+var ScrollBlocker = React.createClass({
+
+  getDefaultProps: function () {
+    return {
+      active: false
+    };
+  },
+
+  render: function () {
+    var classes = cx({
+      'ScrollBlocker': this.props.active
+    });
+
+    return (
+      <div className={cx(classes, this.props.className)}>
+        {this.props.children}
+      </div>
+    );
+  }
+});
+
+module.exports = ScrollBlocker;