[add] Active prop, new build config

Author: nhunzaker

CHANGELOG.md

@@ -0,0 +1,6 @@
+# CHANGELOG
+
+## 0.1.0
+
+- Added an `active` property. This is true by default, however allows
+  the FocusTrap to be eliminated if not active

CONTRIBUTING.md

@@ -0,0 +1,72 @@
+# Contribution Guidelines
+
+Thanks you for considering a contribution to FocusTrap!
+
+FocusTrap is built using tools written for
+[nodejs](http://nodejs.org). We recommend installing Node with
+[nvm](https://github.com/creationix/nvm). this also means that
+dependencies are managed with an [`npm`](https://npmjs.org) `package.json`
+file.
+
+You can install dependencies with:
+
+```bash
+npm install
+```
+
+## Running
+
+A production build can be built by running:
+
+```bash
+npm run prepublish
+```
+
+However most of the time developing with FocusTrap, you will want
+to reference the example app:
+
+```bash
+npm start
+```
+
+This will host the demo at `http://localhost:8080`.
+
+## Testing
+
+FocusTrap uses [Karma](https://karma-runner.github.io). You can run tests
+with:
+
+```bash
+npm test
+```
+
+Be sure to check the `./coverage` folder to verify all code paths are
+touched.
+
+## Conventions
+
+**Consider master unsafe**, use [`npm`](https://www.npmjs.com/package/microcosm) for the latest stable version.
+
+### Javascript
+
+FocusTrap uses ES6 Javascript (compiled using [Babel](babeljs.io)). As
+for style, shoot for:
+
+- No semicolons
+- Commas last,
+- 2 spaces for indentation (no tabs)
+- Prefer ' over ", use string interpolation
+- 80 character line length
+
+### Testing
+
+Additionally, we aspire for 100% code coverage. However 100% code
+coverage is not a foolproof indicator of good testing. Tests that
+cover as much surface area as possible (for the sake of coverage)
+should be avoided. This is a much softer measure than a style guide,
+and will fall to code review for enforcement.
+
+### Reviews
+
+All changes should be submitted through pull request. Ideally, at
+least two :+1:s should be given before a pull request is merge.

LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Viget Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

dist/focus-trap.js

@@ -1,29 +1,25 @@
 {
   "name": "react-focus-trap",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "",
   "main": "dist/focus-trap.js",
   "scripts": {
-    "start": "webpack -wd",
-    "example": "webpack -wd --config webpack.example.config.js",
+    "start": "webpack -wd --config webpack.example.config.js",
     "prepublish": "./scripts/production"
   },
   "repository": {
     "type": "git",
-    "url": "git@github.com:vigetlabs/react-modal.git"
+    "url": "git@github.com:vigetlabs/react-focus-trap.git"
   },
   "keywords": [
     "react"
   ],
   "author": "Nate Hunzaker",
   "license": "MIT",
   "devDependencies": {
-    "6to5": "^2.9.4",
-    "6to5-loader": "^2.0.0",
-    "exports-loader": "^0.6.2",
-    "imports-loader": "^0.6.3",
-    "webpack": "^1.4.15",
-    "webpack-dev-server": "^1.6.6"
+    "babel-loader": "^5.x.x",
+    "webpack": "^1.x.x",
+    "webpack-dev-server": "^1.x.x"
   },
   "peerDependencies": {
     "react": ">= 0.11.x"

package.json

@@ -1,27 +1,27 @@
 import Focus from './mixins/focus'
 import React from 'react'
 
-let Types = React.PropTypes
-
-let FocusTrap = React.createClass({
+export default React.createClass({
 
   mixins: [ Focus ],
 
   propTypes: {
-    onExit : Types.func.isRequired,
-    role   : Types.string.isRequired
+    active : React.PropTypes.boolean,
+    onExit : React.PropTypes.func.isRequired,
+    role   : React.PropTypes.string.isRequired
   },
 
   getDefaultProps() {
     return {
-      role: "dialog"
+      active : true,
+      role   : "dialog"
     }
   },
 
   render() {
-    let { role } = this.props
+    let { active, role } = this.props
 
-    return (
+    return active ? (
       <div className="focus-trap" tabIndex="0" role={ role } onKeyUp={ this._onKeyUp }>
 
         <div className="focus-trap-backdrop" aria-hidden={ true } onClick={ this.props.onExit }></div>
@@ -31,7 +31,7 @@ let FocusTrap = React.createClass({
         </section>
 
       </div>
-    )
+    ) : null
   },
 
   _onKeyUp(e) {
@@ -41,5 +41,3 @@ let FocusTrap = React.createClass({
   }
 
 })
-
-export default FocusTrap

src/index.js

@@ -20,18 +20,16 @@ module.exports = {
     modulesDirectories: [ 'web_modules', 'node_modules' ]
   },
 
-  plugins: [
-    new Webpack.ProvidePlugin({
-      to5Runtime: "imports?global=>{}!exports-loader?global.to5Runtime!6to5/runtime"
-    })
-  ],
-
   module: {
     loaders: [
       {
         test    : /\.jsx*$/,
         exclude : /node_modules/,
-        loader  : '6to5-loader?experimental&runtime&modules=common',
+        loader  : 'babel-loader',
+        query   : {
+          stage : 1,
+          loose : true
+        }
       },
       {
         test    : /\.json$/,