├── .babelrc
├── .editorconfig
├── .eslintrc.js
├── .github
    └── PULL_REQUEST_TEMPLATE.md
├── .gitignore
├── .travis.yml
├── CHANGELOG.md
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── example
    ├── app.js
    ├── bundle.js
    └── index.html
├── index.js
├── lib
    ├── react-drawer.css
    ├── react-drawer.js
    └── react-drawer.min.js
├── package-lock.json
├── package.json
├── src
    ├── ReactDrawer.js
    ├── ReactDrawer.scss
    ├── ReactDrawer.test.js
    └── style.mock.js
├── webpack.config.js
└── webpack.dev.config.js


/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 |   "presets": ["react", "es2015"]
3 | }
4 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # http://editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | charset = utf-8
 9 | trim_trailing_whitespace = true
10 | insert_final_newline = true
11 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     "env": {
 3 |         "browser": true,
 4 |         "commonjs": true,
 5 |         "es6": true
 6 |     },
 7 |     "globals": {
 8 |       "jest": true,
 9 |       "expect": true,
10 |       "it": true,
11 |       "describe": true
12 |     },
13 |     "extends": "eslint:recommended",
14 |     "parserOptions": {
15 |         "ecmaFeatures": {
16 |             "experimentalObjectRestSpread": true,
17 |             "jsx": true
18 |         },
19 |         "sourceType": "module"
20 |     },
21 |     "plugins": [
22 |         "react"
23 |     ],
24 |     "rules": {
25 |         "indent": ["error", 2],
26 |         "linebreak-style": ["error", "unix"],
27 |         "quotes": ["error", "single"],
28 |         "semi": ["error", "always"],
29 | 
30 |         "comma-dangle": ["error", "never"],
31 |         "no-cond-assign": ["error", "always"],
32 | 
33 |         "no-console": "error",
34 |     }
35 | };
36 | 


--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | **Please check if the PR fulfills these requirements**
 2 | 
 3 | - [ ] The commit(s) message(s) follows our [guidelines](https://github.com/talend/tools/blob/master/tools-root-github/CONTRIBUTING.md#commit-message-format)
 4 | - [ ] Tests for the changes have been added (for bug fixes / features)
 5 | - [ ] Docs have been added / updated (for bug fixes / features)
 6 | 
 7 | 
 8 | **What is the current behavior?** (You can also link to an open issue here)
 9 | 
10 | 
11 | 
12 | **What is the new behavior?**
13 | 
14 | 
15 | 
16 | **Does this PR introduce a breaking change?**
17 | 
18 | - [ ] Yes
19 | - [ ] No
20 | 
21 | If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...
22 | 
23 | 
24 | **Other information**:
25 | 
26 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | 
 6 | # Runtime data
 7 | pids
 8 | *.pid
 9 | *.seed
10 | 
11 | # Directory for instrumented libs generated by jscoverage/JSCover
12 | lib-cov
13 | 
14 | # Coverage directory used by tools like istanbul
15 | coverage
16 | 
17 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
18 | .grunt
19 | 
20 | # node-waf configuration
21 | .lock-wscript
22 | 
23 | # Compiled binary addons (http://nodejs.org/api/addons.html)
24 | build/Release
25 | 
26 | # Dependency directory
27 | node_modules
28 | 
29 | # Optional npm cache directory
30 | .npm
31 | 
32 | # Optional REPL history
33 | .node_repl_history
34 | 
35 | /test
36 | #/lib
37 | /example/lib
38 | /example/style.css
39 | /example/example.js
40 | /gh-pages
41 | 
42 | # OS generated files #
43 | ######################
44 | *.DS_Store
45 | .DS_Store?
46 | ._*
47 | .Spotlight-V100
48 | .Trashes
49 | ehthumbs.db
50 | Thumbs.db
51 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 |   - "stable"
4 | after_success:
5 |   - echo "All jobs succeeded! PUBLISHING..."
6 |   - npm run travis-deploy-once "npm run semantic-release"


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # CHANGELOG
 2 | 
 3 | The changelog for `react-drawer`.
 4 | 
 5 | 2.0.0 (upcoming major release)
 6 | -----
 7 | ### Enhancements
 8 | - add theme support for react-drawer
 9 | 
10 | 1.3.4
11 | -----
12 | ### Bug Fixing
13 | - fixed Module not found: Can't resolve 'React' in react-drawer/lib, refer to issue #18


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing to the project
 2 | 
 3 | :+1::tada: First off, thanks for taking the time to contribute! :tada::+1:
 4 | 
 5 | Here are the guidelines we'd like you to follow:
 6 | 
 7 | - [Pull Requests](#pullrequest)
 8 | - [Commit Message Guidelines](#commit)
 9 | 
10 | ## <a name="pullrequest"></a> Github Pull Requests
11 | 
12 | QA: Quality Assurance
13 | PR: Pull Request
14 | CI: Continuous Integration (Travis)
15 | 
16 | Here is the workflow for pull requests we are using.
17 | 
18 | 1. Submit your pull request.
19 |    => the CI should kick tests so you will have feedback about the different QA
20 | 2. If any issues are marked on the PR by CI please fix them. No broken PR will be reviewed.
21 | 3. Once the quality checks are OK, and you need your PR to be reviewed you must use the label **Need review**. If your PR is still a work in progress, do not use any label but this means no review will be performed.
22 | 4. The components owners will then identify who is going to do the review and then assign it. The reviewer will recieve an automatic mail notification.
23 | 5. Once the reviewer starts the review, he/she should set the label **Reviewing**.
24 | 6. We use the new review system of github so you will know if the reviewer request changes, approve it or just add some comments.
25 | 7. if any changes are requested please fix them and then once you are ready request a new review by ping the reviewer throw github
26 | 
27 | ## <a name="commit"></a> Git Commit Guidelines
28 | 
29 | We have very precise rules over how our git commit messages can be formatted.  This leads to **more
30 | readable messages** that are easy to follow when looking through the **project history**.
31 | 
32 | ### Commit Message Format
33 | Each commit message consists of a **header**, a **body** and a **footer**.  The header has a special
34 | format that includes a **type**, a **scope** and a **subject**:
35 | 
36 | ```
37 | <type>(<scope>): <subject>
38 | <BLANK LINE>
39 | <body>
40 | <BLANK LINE>
41 | <footer>
42 | ```
43 | 
44 | The **header** is mandatory and the **scope** of the header is optional.
45 | 
46 | Any line of the commit message cannot be longer 100 characters! This allows the message to be easier
47 | to read on GitHub as well as in various git tools.
48 | 
49 | #### Revert
50 | If the commit reverts a previous commit, it should begin with `revert: `, followed by the header of the reverted commit.
51 | In the body it should say: `This reverts commit <hash>.`, where the hash is the SHA of the commit being reverted.
52 | 
53 | #### Type
54 | Must be one of the following:
55 | 
56 | * **feat**: A new feature
57 | * **fix**: A bug fix
58 | * **docs**: Documentation only changes
59 | * **style**: Changes that do not affect the meaning of the code (white-space, formatting, missing
60 |   semi-colons, etc)
61 | * **refactor**: A code change that neither fixes a bug nor adds a feature
62 | * **perf**: A code change that improves performance
63 | * **test**: Adding missing tests
64 | * **chore**: Changes to the build process or auxiliary tools and libraries such as documentation generation
65 | 
66 | #### Scope
67 | The scope could be anything specifying place of the commit change. Most of the time it shoulb be Jira ticket reference followed by a usefull context.
68 | 
69 | For example `css`, `animation`, `example`, etc...
70 | 
71 | #### Subject
72 | The subject contains succinct description of the change:
73 | 
74 | * use the imperative, present tense: "change" not "changed" nor "changes"
75 | * don't capitalize first letter
76 | * no dot (.) at the end
77 | 
78 | #### Body
79 | Just as in the **subject**, use the imperative, present tense: "change" not "changed" nor "changes".
80 | The body should include the motivation for the change and contrast this with previous behavior.
81 | 
82 | #### Footer
83 | The footer should contain
84 | 
85 | * any information about **Breaking Changes**
86 | 
87 | **Breaking Changes** should start with the word `BREAKING CHANGE:` with a space or two newlines. The rest of the commit message is then used for this.
88 | 
89 | 


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


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | react-drawer (1.3.4)
  2 | ==============
  3 | 
  4 | Simple HTML5 drawer menu for React.js.
  5 | 
  6 | [![NPM][npm-icon] ][npm-url]
  7 | 
  8 | [![996.ICU](https://img.shields.io/badge/link-996.icu-red.svg)](https://996.icu) 
  9 | [![Travis CI][travis-ci-image] ][travis-ci-url]
 10 | [![Quality][quality-badge] ][quality-url]
 11 | [![dependencies][dependencies-image] ][dependencies-url]
 12 | [![devdependencies][devdependencies-image] ][devdependencies-url]
 13 | [![semantic-release][semantic-release-image] ][semantic-release-url]
 14 | 
 15 | [npm-icon]: https://nodei.co/npm/react-drawer.png?downloads=true
 16 | [npm-url]: https://npmjs.org/package/react-drawer
 17 | [travis-ci-image]: https://travis-ci.org/atom2ueki/react-drawer.svg?branch=master
 18 | [travis-ci-url]: https://travis-ci.org/atom2ueki/react-drawer
 19 | [semantic-release-image]: https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
 20 | [semantic-release-url]: https://github.com/semantic-release/semantic-release
 21 | 
 22 | [dependencies-image]: https://david-dm.org/atom2ueki/react-drawer/status.svg
 23 | [dependencies-url]: https://david-dm.org/atom2ueki/react-drawer
 24 | [devdependencies-image]: https://david-dm.org/atom2ueki/react-drawer/dev-status.svg
 25 | [devdependencies-url]: https://david-dm.org/atom2ueki/react-drawer#info=devDependencies
 26 | 
 27 | [quality-badge]: http://npm.packagequality.com/shield/react-drawer.svg
 28 | [quality-url]: http://packagequality.com/#?package=react-drawer
 29 | 
 30 | Installation
 31 | ============
 32 | 
 33 | The easiest way to use react-drawer is to install it from npm and include it in your React build process (using [Webpack](http://webpack.github.io/), [Browserify](http://browserify.org/), etc).
 34 | 
 35 | ```
 36 | npm install --save react-drawer
 37 | ```
 38 | 
 39 | Create a standalone module using *WebPack*:
 40 | ```
 41 | > npm install
 42 | > webpack
 43 | 
 44 | ```
 45 | 
 46 | Demo
 47 | ============
 48 | https://jmfrancois.github.io/react-drawer/
 49 | 
 50 | Run on your local & development
 51 | ============
 52 | ``` bash
 53 | // 1. keep monitor changes to /src/*
 54 | > npm run build:watch
 55 | 
 56 | // 2. open dev server
 57 | > npm start
 58 | 
 59 | // 3. visit http://localhost:3000/example/
 60 | 
 61 | ```
 62 | 
 63 | Example
 64 | =====
 65 | 
 66 | ```jsx
 67 | 
 68 | import React from 'react';
 69 | import ReactDOM from 'react-dom';
 70 | import ReactDrawer from 'react-drawer';
 71 | import 'react-drawer/lib/react-drawer.css';
 72 | 
 73 | class Main extends React.Component {
 74 |   constructor() {
 75 |     super();
 76 |     this.state = {
 77 |       open: false,
 78 |       position: 'right',
 79 |       noOverlay: false
 80 |     };
 81 |     this.toggleDrawer = this.toggleDrawer.bind(this);
 82 |     this.closeDrawer = this.closeDrawer.bind(this);
 83 |     this.onDrawerClose = this.onDrawerClose.bind(this);
 84 |     this.setPosition = this.setPosition.bind(this);
 85 |     this.setNoOverlay = this.setNoOverlay.bind(this);
 86 |   }
 87 |   setPosition(e) {
 88 |     this.setState({position: e.target.value});
 89 |   }
 90 |   setNoOverlay(e) {
 91 |     this.setState({noOverlay: e.target.checked});
 92 |   }
 93 |   toggleDrawer() {
 94 |     this.setState({open: !this.state.open});
 95 |   }
 96 |   closeDrawer() {
 97 |     this.setState({open: false});
 98 |   }
 99 |   onDrawerClose() {
100 |     this.setState({open: false});
101 |   }
102 |   render() {
103 |     return (
104 |       <div>
105 |         <div style={{margin: 200}}>
106 |           <h1>React Drawer configuration</h1>
107 |           <div style={{margin: 20}}>
108 |             <label>Position</label>
109 |             <select value={this.state.position} onChange={this.setPosition}>
110 |               <option value="top">top</option>
111 |               <option value="bottom">bottom</option>
112 |               <option value="left">left</option>
113 |               <option value="right">right</option>
114 |             </select>
115 |           </div>
116 |           <div style={{margin: 20}}>
117 |             <input type="checkbox"
118 |               checked={this.state.noOverlay}
119 |               onChange={this.setNoOverlay}
120 |             />
121 |             <label>No overlay</label>
122 |             <small>(The overlay lets you close the drawer on click)</small>
123 |           </div>
124 |           <button
125 |             style={{margin: 20}}
126 |             onClick={this.toggleDrawer}
127 |             disabled={this.state.open && !this.state.noOverlay}
128 |             >
129 |             {!this.state.open ? <span>show drawer</span>: <span>close drawer</span>}
130 |           </button>
131 |         </div>
132 |         <ReactDrawer
133 |           open={this.state.open}
134 |           position={this.state.position}
135 |           onClose={this.onDrawerClose}
136 |           noOverlay={this.state.noOverlay}>
137 |           <i onClick={this.closeDrawer} className="icono-cross"></i>
138 |           <h2>What a nice drawer !</h2>
139 |         </ReactDrawer>
140 |       </div>
141 |     );
142 |   }
143 | }
144 | 
145 | ReactDOM.render(<Main />, document.getElementById('app'));
146 | ```
147 | 
148 | Todo
149 | ========
150 | - [x] basic features
151 | - [x] open position option
152 | - [x] drawer open method
153 | - [ ] themes
154 | 
155 | License
156 | =======
157 | 
158 | MIT
159 | 


--------------------------------------------------------------------------------
/example/app.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This is a thrid party component created by Tony Li
 3 |  *
 4 |  * all right reserved by @author Tony Li
 5 |  *
 6 |  */
 7 | 
 8 | import React from 'react';
 9 | import ReactDOM from 'react-dom';
10 | import ReactDrawer from '../lib/react-drawer';
11 | 
12 | class Main extends React.Component {
13 |   constructor() {
14 |     super();
15 |     this.state = {
16 |       open: false,
17 |       position: 'right',
18 |       noOverlay: false
19 |     };
20 |     this.toggleDrawer = this.toggleDrawer.bind(this);
21 |     this.closeDrawer = this.closeDrawer.bind(this);
22 |     this.onDrawerClose = this.onDrawerClose.bind(this);
23 |     this.setPosition = this.setPosition.bind(this);
24 |     this.setNoOverlay = this.setNoOverlay.bind(this);
25 |   }
26 |   setPosition(e) {
27 |     this.setState({position: e.target.value});
28 |   }
29 |   setNoOverlay(e) {
30 |     this.setState({noOverlay: e.target.checked});
31 |   }
32 |   toggleDrawer() {
33 |     this.setState({open: !this.state.open});
34 |   }
35 |   closeDrawer() {
36 |     this.setState({open: false});
37 |   }
38 |   onDrawerClose() {
39 |     this.setState({open: false});
40 |   }
41 |   render() {
42 |     return (
43 |       <div>
44 |         <div style={{margin: 200}}>
45 |           <h1>React Drawer configuration</h1>
46 |           <div style={{margin: 20}}>
47 |             <label>Position</label>
48 |             <select value={this.state.position} onChange={this.setPosition}>
49 |               <option value="top">top</option>
50 |               <option value="bottom">bottom</option>
51 |               <option value="left">left</option>
52 |               <option value="right">right</option>
53 |             </select>
54 |           </div>
55 |           <div style={{margin: 20}}>
56 |             <input type="checkbox"
57 |               checked={this.state.noOverlay}
58 |               onChange={this.setNoOverlay}
59 |             />
60 |             <label>No overlay</label>
61 |             <small>(The overlay lets you close the drawer on click)</small>
62 |           </div>
63 |           <button
64 |             style={{margin: 20}}
65 |             onClick={this.toggleDrawer}
66 |             disabled={this.state.open && !this.state.noOverlay}
67 |             >
68 |             {!this.state.open ? <span>show drawer</span>: <span>close drawer</span>}
69 |           </button>
70 |         </div>
71 |         <ReactDrawer
72 |           open={this.state.open}
73 |           position={this.state.position}
74 |           onClose={this.onDrawerClose}
75 |           noOverlay={this.state.noOverlay}>
76 |           <i onClick={this.closeDrawer} className="icono-cross"></i>
77 |           <h2>What a nice drawer !</h2>
78 |         </ReactDrawer>
79 |       </div>
80 |     );
81 |   }
82 | }
83 | 
84 | ReactDOM.render(<Main />, document.getElementById('app'));
85 | 


--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <title>Testing</title>
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |     <link rel="stylesheet" href="https://saeedalipoor.github.io/icono/icono.min.css">
 8 |     <link rel="stylesheet" href="../lib/react-drawer.css">
 9 |   </head>
10 |   <body>
11 |     <div id="app"></div>
12 | 
13 |     <script src="https://unpkg.com/react@15.3.0/dist/react.js"></script>
14 |     <script src="https://unpkg.com/react-dom@15.3.0/dist/react-dom.js"></script>
15 |     <script src="./bundle.js"></script>
16 |     <script src="../lib/react-drawer.min.js"></script>
17 | 
18 | <a target="_blank" href="https://github.com/atom2ueki/react-drawer"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
19 | 
20 |   </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | module.exports = require('./lib/react-drawer');
2 | 


--------------------------------------------------------------------------------
/lib/react-drawer.js:
--------------------------------------------------------------------------------
   1 | (function webpackUniversalModuleDefinition(root, factory) {
   2 | 	if(typeof exports === 'object' && typeof module === 'object')
   3 | 		module.exports = factory(require("react"));
   4 | 	else if(typeof define === 'function' && define.amd)
   5 | 		define(["react"], factory);
   6 | 	else if(typeof exports === 'object')
   7 | 		exports["ReactDrawer"] = factory(require("react"));
   8 | 	else
   9 | 		root["ReactDrawer"] = factory(root["react"]);
  10 | })(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_9__) {
  11 | return /******/ (function(modules) { // webpackBootstrap
  12 | /******/ 	// The module cache
  13 | /******/ 	var installedModules = {};
  14 | /******/
  15 | /******/ 	// The require function
  16 | /******/ 	function __webpack_require__(moduleId) {
  17 | /******/
  18 | /******/ 		// Check if module is in cache
  19 | /******/ 		if(installedModules[moduleId]) {
  20 | /******/ 			return installedModules[moduleId].exports;
  21 | /******/ 		}
  22 | /******/ 		// Create a new module (and put it into the cache)
  23 | /******/ 		var module = installedModules[moduleId] = {
  24 | /******/ 			i: moduleId,
  25 | /******/ 			l: false,
  26 | /******/ 			exports: {}
  27 | /******/ 		};
  28 | /******/
  29 | /******/ 		// Execute the module function
  30 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  31 | /******/
  32 | /******/ 		// Flag the module as loaded
  33 | /******/ 		module.l = true;
  34 | /******/
  35 | /******/ 		// Return the exports of the module
  36 | /******/ 		return module.exports;
  37 | /******/ 	}
  38 | /******/
  39 | /******/
  40 | /******/ 	// expose the modules object (__webpack_modules__)
  41 | /******/ 	__webpack_require__.m = modules;
  42 | /******/
  43 | /******/ 	// expose the module cache
  44 | /******/ 	__webpack_require__.c = installedModules;
  45 | /******/
  46 | /******/ 	// define getter function for harmony exports
  47 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
  48 | /******/ 		if(!__webpack_require__.o(exports, name)) {
  49 | /******/ 			Object.defineProperty(exports, name, {
  50 | /******/ 				configurable: false,
  51 | /******/ 				enumerable: true,
  52 | /******/ 				get: getter
  53 | /******/ 			});
  54 | /******/ 		}
  55 | /******/ 	};
  56 | /******/
  57 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
  58 | /******/ 	__webpack_require__.n = function(module) {
  59 | /******/ 		var getter = module && module.__esModule ?
  60 | /******/ 			function getDefault() { return module['default']; } :
  61 | /******/ 			function getModuleExports() { return module; };
  62 | /******/ 		__webpack_require__.d(getter, 'a', getter);
  63 | /******/ 		return getter;
  64 | /******/ 	};
  65 | /******/
  66 | /******/ 	// Object.prototype.hasOwnProperty.call
  67 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  68 | /******/
  69 | /******/ 	// __webpack_public_path__
  70 | /******/ 	__webpack_require__.p = "";
  71 | /******/
  72 | /******/ 	// Load entry module and return exports
  73 | /******/ 	return __webpack_require__(__webpack_require__.s = 6);
  74 | /******/ })
  75 | /************************************************************************/
  76 | /******/ ([
  77 | /* 0 */
  78 | /***/ (function(module, exports, __webpack_require__) {
  79 | 
  80 | "use strict";
  81 | 
  82 | 
  83 | // shim for using process in browser
  84 | var process = module.exports = {};
  85 | 
  86 | // cached from whatever global is present so that test runners that stub it
  87 | // don't break things.  But we need to wrap it in a try catch in case it is
  88 | // wrapped in strict mode code which doesn't define any globals.  It's inside a
  89 | // function because try/catches deoptimize in certain engines.
  90 | 
  91 | var cachedSetTimeout;
  92 | var cachedClearTimeout;
  93 | 
  94 | function defaultSetTimout() {
  95 |     throw new Error('setTimeout has not been defined');
  96 | }
  97 | function defaultClearTimeout() {
  98 |     throw new Error('clearTimeout has not been defined');
  99 | }
 100 | (function () {
 101 |     try {
 102 |         if (typeof setTimeout === 'function') {
 103 |             cachedSetTimeout = setTimeout;
 104 |         } else {
 105 |             cachedSetTimeout = defaultSetTimout;
 106 |         }
 107 |     } catch (e) {
 108 |         cachedSetTimeout = defaultSetTimout;
 109 |     }
 110 |     try {
 111 |         if (typeof clearTimeout === 'function') {
 112 |             cachedClearTimeout = clearTimeout;
 113 |         } else {
 114 |             cachedClearTimeout = defaultClearTimeout;
 115 |         }
 116 |     } catch (e) {
 117 |         cachedClearTimeout = defaultClearTimeout;
 118 |     }
 119 | })();
 120 | function runTimeout(fun) {
 121 |     if (cachedSetTimeout === setTimeout) {
 122 |         //normal enviroments in sane situations
 123 |         return setTimeout(fun, 0);
 124 |     }
 125 |     // if setTimeout wasn't available but was latter defined
 126 |     if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
 127 |         cachedSetTimeout = setTimeout;
 128 |         return setTimeout(fun, 0);
 129 |     }
 130 |     try {
 131 |         // when when somebody has screwed with setTimeout but no I.E. maddness
 132 |         return cachedSetTimeout(fun, 0);
 133 |     } catch (e) {
 134 |         try {
 135 |             // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
 136 |             return cachedSetTimeout.call(null, fun, 0);
 137 |         } catch (e) {
 138 |             // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
 139 |             return cachedSetTimeout.call(this, fun, 0);
 140 |         }
 141 |     }
 142 | }
 143 | function runClearTimeout(marker) {
 144 |     if (cachedClearTimeout === clearTimeout) {
 145 |         //normal enviroments in sane situations
 146 |         return clearTimeout(marker);
 147 |     }
 148 |     // if clearTimeout wasn't available but was latter defined
 149 |     if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
 150 |         cachedClearTimeout = clearTimeout;
 151 |         return clearTimeout(marker);
 152 |     }
 153 |     try {
 154 |         // when when somebody has screwed with setTimeout but no I.E. maddness
 155 |         return cachedClearTimeout(marker);
 156 |     } catch (e) {
 157 |         try {
 158 |             // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
 159 |             return cachedClearTimeout.call(null, marker);
 160 |         } catch (e) {
 161 |             // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
 162 |             // Some versions of I.E. have different rules for clearTimeout vs setTimeout
 163 |             return cachedClearTimeout.call(this, marker);
 164 |         }
 165 |     }
 166 | }
 167 | var queue = [];
 168 | var draining = false;
 169 | var currentQueue;
 170 | var queueIndex = -1;
 171 | 
 172 | function cleanUpNextTick() {
 173 |     if (!draining || !currentQueue) {
 174 |         return;
 175 |     }
 176 |     draining = false;
 177 |     if (currentQueue.length) {
 178 |         queue = currentQueue.concat(queue);
 179 |     } else {
 180 |         queueIndex = -1;
 181 |     }
 182 |     if (queue.length) {
 183 |         drainQueue();
 184 |     }
 185 | }
 186 | 
 187 | function drainQueue() {
 188 |     if (draining) {
 189 |         return;
 190 |     }
 191 |     var timeout = runTimeout(cleanUpNextTick);
 192 |     draining = true;
 193 | 
 194 |     var len = queue.length;
 195 |     while (len) {
 196 |         currentQueue = queue;
 197 |         queue = [];
 198 |         while (++queueIndex < len) {
 199 |             if (currentQueue) {
 200 |                 currentQueue[queueIndex].run();
 201 |             }
 202 |         }
 203 |         queueIndex = -1;
 204 |         len = queue.length;
 205 |     }
 206 |     currentQueue = null;
 207 |     draining = false;
 208 |     runClearTimeout(timeout);
 209 | }
 210 | 
 211 | process.nextTick = function (fun) {
 212 |     var args = new Array(arguments.length - 1);
 213 |     if (arguments.length > 1) {
 214 |         for (var i = 1; i < arguments.length; i++) {
 215 |             args[i - 1] = arguments[i];
 216 |         }
 217 |     }
 218 |     queue.push(new Item(fun, args));
 219 |     if (queue.length === 1 && !draining) {
 220 |         runTimeout(drainQueue);
 221 |     }
 222 | };
 223 | 
 224 | // v8 likes predictible objects
 225 | function Item(fun, array) {
 226 |     this.fun = fun;
 227 |     this.array = array;
 228 | }
 229 | Item.prototype.run = function () {
 230 |     this.fun.apply(null, this.array);
 231 | };
 232 | process.title = 'browser';
 233 | process.browser = true;
 234 | process.env = {};
 235 | process.argv = [];
 236 | process.version = ''; // empty string to avoid regexp issues
 237 | process.versions = {};
 238 | 
 239 | function noop() {}
 240 | 
 241 | process.on = noop;
 242 | process.addListener = noop;
 243 | process.once = noop;
 244 | process.off = noop;
 245 | process.removeListener = noop;
 246 | process.removeAllListeners = noop;
 247 | process.emit = noop;
 248 | process.prependListener = noop;
 249 | process.prependOnceListener = noop;
 250 | 
 251 | process.listeners = function (name) {
 252 |     return [];
 253 | };
 254 | 
 255 | process.binding = function (name) {
 256 |     throw new Error('process.binding is not supported');
 257 | };
 258 | 
 259 | process.cwd = function () {
 260 |     return '/';
 261 | };
 262 | process.chdir = function (dir) {
 263 |     throw new Error('process.chdir is not supported');
 264 | };
 265 | process.umask = function () {
 266 |     return 0;
 267 | };
 268 | 
 269 | /***/ }),
 270 | /* 1 */
 271 | /***/ (function(module, exports, __webpack_require__) {
 272 | 
 273 | "use strict";
 274 | 
 275 | 
 276 | /**
 277 |  * Copyright (c) 2013-present, Facebook, Inc.
 278 |  *
 279 |  * This source code is licensed under the MIT license found in the
 280 |  * LICENSE file in the root directory of this source tree.
 281 |  *
 282 |  * 
 283 |  */
 284 | 
 285 | function makeEmptyFunction(arg) {
 286 |   return function () {
 287 |     return arg;
 288 |   };
 289 | }
 290 | 
 291 | /**
 292 |  * This function accepts and discards inputs; it has no side effects. This is
 293 |  * primarily useful idiomatically for overridable function endpoints which
 294 |  * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
 295 |  */
 296 | var emptyFunction = function emptyFunction() {};
 297 | 
 298 | emptyFunction.thatReturns = makeEmptyFunction;
 299 | emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
 300 | emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
 301 | emptyFunction.thatReturnsNull = makeEmptyFunction(null);
 302 | emptyFunction.thatReturnsThis = function () {
 303 |   return this;
 304 | };
 305 | emptyFunction.thatReturnsArgument = function (arg) {
 306 |   return arg;
 307 | };
 308 | 
 309 | module.exports = emptyFunction;
 310 | 
 311 | /***/ }),
 312 | /* 2 */
 313 | /***/ (function(module, exports, __webpack_require__) {
 314 | 
 315 | "use strict";
 316 | /* WEBPACK VAR INJECTION */(function(process) {/**
 317 |  * Copyright (c) 2013-present, Facebook, Inc.
 318 |  *
 319 |  * This source code is licensed under the MIT license found in the
 320 |  * LICENSE file in the root directory of this source tree.
 321 |  *
 322 |  */
 323 | 
 324 | 
 325 | 
 326 | /**
 327 |  * Use invariant() to assert state which your program assumes to be true.
 328 |  *
 329 |  * Provide sprintf-style format (only %s is supported) and arguments
 330 |  * to provide information about what broke and what you were
 331 |  * expecting.
 332 |  *
 333 |  * The invariant message will be stripped in production, but the invariant
 334 |  * will remain to ensure logic does not differ in production.
 335 |  */
 336 | 
 337 | var validateFormat = function validateFormat(format) {};
 338 | 
 339 | if (process.env.NODE_ENV !== 'production') {
 340 |   validateFormat = function validateFormat(format) {
 341 |     if (format === undefined) {
 342 |       throw new Error('invariant requires an error message argument');
 343 |     }
 344 |   };
 345 | }
 346 | 
 347 | function invariant(condition, format, a, b, c, d, e, f) {
 348 |   validateFormat(format);
 349 | 
 350 |   if (!condition) {
 351 |     var error;
 352 |     if (format === undefined) {
 353 |       error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
 354 |     } else {
 355 |       var args = [a, b, c, d, e, f];
 356 |       var argIndex = 0;
 357 |       error = new Error(format.replace(/%s/g, function () {
 358 |         return args[argIndex++];
 359 |       }));
 360 |       error.name = 'Invariant Violation';
 361 |     }
 362 | 
 363 |     error.framesToPop = 1; // we don't care about invariant's own frame
 364 |     throw error;
 365 |   }
 366 | }
 367 | 
 368 | module.exports = invariant;
 369 | /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
 370 | 
 371 | /***/ }),
 372 | /* 3 */
 373 | /***/ (function(module, exports, __webpack_require__) {
 374 | 
 375 | "use strict";
 376 | /**
 377 |  * Copyright (c) 2013-present, Facebook, Inc.
 378 |  *
 379 |  * This source code is licensed under the MIT license found in the
 380 |  * LICENSE file in the root directory of this source tree.
 381 |  */
 382 | 
 383 | 
 384 | 
 385 | var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 386 | 
 387 | module.exports = ReactPropTypesSecret;
 388 | 
 389 | /***/ }),
 390 | /* 4 */
 391 | /***/ (function(module, exports, __webpack_require__) {
 392 | 
 393 | "use strict";
 394 | /* WEBPACK VAR INJECTION */(function(process) {/**
 395 |  * Copyright (c) 2014-present, Facebook, Inc.
 396 |  *
 397 |  * This source code is licensed under the MIT license found in the
 398 |  * LICENSE file in the root directory of this source tree.
 399 |  *
 400 |  */
 401 | 
 402 | 
 403 | 
 404 | var emptyFunction = __webpack_require__(1);
 405 | 
 406 | /**
 407 |  * Similar to invariant but only logs a warning if the condition is not met.
 408 |  * This can be used to log issues in development environments in critical
 409 |  * paths. Removing the logging code for production environments will keep the
 410 |  * same logic and follow the same code paths.
 411 |  */
 412 | 
 413 | var warning = emptyFunction;
 414 | 
 415 | if (process.env.NODE_ENV !== 'production') {
 416 |   var printWarning = function printWarning(format) {
 417 |     for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
 418 |       args[_key - 1] = arguments[_key];
 419 |     }
 420 | 
 421 |     var argIndex = 0;
 422 |     var message = 'Warning: ' + format.replace(/%s/g, function () {
 423 |       return args[argIndex++];
 424 |     });
 425 |     if (typeof console !== 'undefined') {
 426 |       console.error(message);
 427 |     }
 428 |     try {
 429 |       // --- Welcome to debugging React ---
 430 |       // This error was thrown as a convenience so that you can use this stack
 431 |       // to find the callsite that caused this warning to fire.
 432 |       throw new Error(message);
 433 |     } catch (x) {}
 434 |   };
 435 | 
 436 |   warning = function warning(condition, format) {
 437 |     if (format === undefined) {
 438 |       throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
 439 |     }
 440 | 
 441 |     if (format.indexOf('Failed Composite propType: ') === 0) {
 442 |       return; // Ignore CompositeComponent proptype check.
 443 |     }
 444 | 
 445 |     if (!condition) {
 446 |       for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
 447 |         args[_key2 - 2] = arguments[_key2];
 448 |       }
 449 | 
 450 |       printWarning.apply(undefined, [format].concat(args));
 451 |     }
 452 |   };
 453 | }
 454 | 
 455 | module.exports = warning;
 456 | /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
 457 | 
 458 | /***/ }),
 459 | /* 5 */
 460 | /***/ (function(module, exports) {
 461 | 
 462 | /* WEBPACK VAR INJECTION */(function(__webpack_amd_options__) {/* globals __webpack_amd_options__ */
 463 | module.exports = __webpack_amd_options__;
 464 | 
 465 | /* WEBPACK VAR INJECTION */}.call(exports, {}))
 466 | 
 467 | /***/ }),
 468 | /* 6 */
 469 | /***/ (function(module, exports, __webpack_require__) {
 470 | 
 471 | "use strict";
 472 | 
 473 | 
 474 | Object.defineProperty(exports, "__esModule", {
 475 |   value: true
 476 | });
 477 | 
 478 | var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 479 | 
 480 | var _ReactDrawer = __webpack_require__(7);
 481 | 
 482 | var _ReactDrawer2 = _interopRequireDefault(_ReactDrawer);
 483 | 
 484 | var _animate = __webpack_require__(8);
 485 | 
 486 | var _animate2 = _interopRequireDefault(_animate);
 487 | 
 488 | var _react = __webpack_require__(9);
 489 | 
 490 | var _react2 = _interopRequireDefault(_react);
 491 | 
 492 | var _propTypes = __webpack_require__(10);
 493 | 
 494 | var _propTypes2 = _interopRequireDefault(_propTypes);
 495 | 
 496 | var _classnames = __webpack_require__(15);
 497 | 
 498 | var _classnames2 = _interopRequireDefault(_classnames);
 499 | 
 500 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 501 | 
 502 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 503 | 
 504 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 505 | 
 506 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 507 | 
 508 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*!
 509 |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * ReactDrawer
 510 |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * Licensed under the MIT license
 511 |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 *
 512 |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 * Copyright (c) 2016 Tony Li
 513 |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 */
 514 | 
 515 | var ReactDrawer = function (_React$Component) {
 516 |   _inherits(ReactDrawer, _React$Component);
 517 | 
 518 |   function ReactDrawer(props) {
 519 |     _classCallCheck(this, ReactDrawer);
 520 | 
 521 |     var _this = _possibleConstructorReturn(this, (ReactDrawer.__proto__ || Object.getPrototypeOf(ReactDrawer)).call(this, props));
 522 | 
 523 |     _this.openDrawer = _this.openDrawer.bind(_this);
 524 |     _this.closeDrawer = _this.closeDrawer.bind(_this);
 525 |     _this.onAnimationEnded = _this.onAnimationEnded.bind(_this);
 526 |     return _this;
 527 |   }
 528 | 
 529 |   _createClass(ReactDrawer, [{
 530 |     key: 'onAnimationEnded',
 531 |     value: function onAnimationEnded() {
 532 |       if (!this.state.open) {
 533 |         this.setState({
 534 |           hiddenOverlay: true,
 535 |           hiddenDrawer: true
 536 |         });
 537 |       }
 538 |     }
 539 |   }, {
 540 |     key: 'componentWillMount',
 541 |     value: function componentWillMount() {
 542 |       this.setState({
 543 |         open: this.props.open,
 544 |         hiddenOverlay: true,
 545 |         hiddenDrawer: true
 546 |       });
 547 |     }
 548 |   }, {
 549 |     key: 'closeDrawer',
 550 |     value: function closeDrawer() {
 551 |       this.setState({
 552 |         open: false
 553 |       });
 554 |       if (this.props.onClose) {
 555 |         this.props.onClose();
 556 |       }
 557 |     }
 558 |   }, {
 559 |     key: 'openDrawer',
 560 |     value: function openDrawer() {
 561 |       this.setState({
 562 |         hiddenOverlay: false,
 563 |         hiddenDrawer: false,
 564 |         open: true
 565 |       });
 566 |     }
 567 |   }, {
 568 |     key: 'componentWillReceiveProps',
 569 |     value: function componentWillReceiveProps(nextProps) {
 570 |       if (nextProps.open != this.state.open) {
 571 |         nextProps.open ? this.openDrawer() : this.closeDrawer();
 572 |       }
 573 |     }
 574 |   }, {
 575 |     key: 'componentDidMount',
 576 |     value: function componentDidMount() {
 577 |       this.drawer.addEventListener('webkitAnimationEnd', this.onAnimationEnded);
 578 |     }
 579 |   }, {
 580 |     key: 'componentWillUnmount',
 581 |     value: function componentWillUnmount() {
 582 |       this.drawer.removeEventListener('webkitAnimationEnd', this.onAnimationEnded);
 583 |     }
 584 |   }, {
 585 |     key: 'getOverlayClassName',
 586 |     value: function getOverlayClassName(theme, animate) {
 587 |       var _classNames;
 588 | 
 589 |       return (0, _classnames2.default)('react-drawer-overlay', theme.overlay, animate.animated, (_classNames = {}, _defineProperty(_classNames, '' + animate.fadeIn, this.state.open), _defineProperty(_classNames, '' + animate.fadeOut, !this.state.open), _defineProperty(_classNames, '' + theme.hidden, this.state.hiddenOverlay), _classNames));
 590 |     }
 591 |   }, {
 592 |     key: 'getDrawerClassName',
 593 |     value: function getDrawerClassName(theme, animate) {
 594 |       var position = this.props.position || 'right';
 595 |       var themeAttr = 'drawer-' + position;
 596 |       var drawerTheme = theme[themeAttr];
 597 |       var direction = void 0,
 598 |           start = void 0;
 599 |       if (this.state.open) {
 600 |         direction = 'In';
 601 |         switch (position) {
 602 |           case 'top':
 603 |             start = 'Down';break;
 604 |           case 'bottom':
 605 |             start = 'Up';break;
 606 |           case 'left':
 607 |             start = 'Left';break;
 608 |           case 'right':
 609 |             start = 'Right';break;
 610 |         }
 611 |       } else {
 612 |         direction = 'Out';
 613 |         switch (position) {
 614 |           case 'top':
 615 |             start = 'Up';break;
 616 |           case 'bottom':
 617 |             start = 'Down';break;
 618 |           case 'left':
 619 |             start = 'Left';break;
 620 |           case 'right':
 621 |             start = 'Right';break;
 622 |         }
 623 |       }
 624 |       var fade = animate['fade' + direction + start];
 625 |       return (0, _classnames2.default)('react-drawer-drawer', theme.drawer, drawerTheme, animate.animated, fade, _defineProperty({}, '' + theme.hidden, this.state.hiddenDrawer));
 626 |     }
 627 |   }, {
 628 |     key: 'render',
 629 |     value: function render() {
 630 |       var _this2 = this;
 631 | 
 632 |       var overlayClass = this.getOverlayClassName(_ReactDrawer2.default, _animate2.default);
 633 |       var drawerClass = this.getDrawerClassName(_ReactDrawer2.default, _animate2.default);
 634 | 
 635 |       return _react2.default.createElement(
 636 |         'div',
 637 |         null,
 638 |         !this.props.noOverlay ? _react2.default.createElement('div', {
 639 |           ref: function ref(c) {
 640 |             return _this2.overlay = c;
 641 |           },
 642 |           className: overlayClass,
 643 |           onClick: this.closeDrawer }) : null,
 644 |         _react2.default.createElement(
 645 |           'div',
 646 |           {
 647 |             className: drawerClass,
 648 |             ref: function ref(c) {
 649 |               return _this2.drawer = c;
 650 |             } },
 651 |           this.props.children
 652 |         )
 653 |       );
 654 |     }
 655 |   }]);
 656 | 
 657 |   return ReactDrawer;
 658 | }(_react2.default.Component);
 659 | 
 660 | ReactDrawer.propTypes = {
 661 |   open: _propTypes2.default.bool.isRequired,
 662 |   onClose: _propTypes2.default.func,
 663 |   position: _propTypes2.default.oneOf(['top', 'bottom', 'right', 'left']),
 664 |   noOverlay: _propTypes2.default.bool
 665 | };
 666 | 
 667 | exports.default = ReactDrawer;
 668 | 
 669 | /***/ }),
 670 | /* 7 */
 671 | /***/ (function(module, exports) {
 672 | 
 673 | // removed by extract-text-webpack-plugin
 674 | module.exports = {"drawer":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer___2r5VH-sass","drawer-top":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer-top___1dfbB-sass","drawer-bottom":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer-bottom___2f9G_-sass","drawer-left":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer-left___2xURN-sass","drawer-right":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer-right___h_uSC-sass","hidden":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__hidden___12vbU-sass","overlay":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__overlay___2QFmC-sass"};
 675 | 
 676 | /***/ }),
 677 | /* 8 */
 678 | /***/ (function(module, exports) {
 679 | 
 680 | // removed by extract-text-webpack-plugin
 681 | module.exports = {"animated":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__animated___2O131","infinite":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__infinite___3ditF","bounce":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounce___2lrL7","flash":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flash___1cEFo","pulse":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__pulse___2PvmM","rubberBand":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rubberBand___2EGEd","shake":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__shake___2DAZ4","headShake":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__headShake___3XmHP","swing":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__swing___3C_jC","tada":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__tada___Qt5PH","wobble":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__wobble___SKKSi","jello":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__jello___1vLIG","bounceIn":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceIn___A5DKu","bounceInDown":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceInDown___ZnhIW","bounceInLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceInLeft___3RKRN","bounceInRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceInRight___1fPzt","bounceInUp":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceInUp___3be9U","bounceOut":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOut___1cFbR","bounceOutDown":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOutDown___2bUPG","bounceOutLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOutLeft___2Q63A","bounceOutRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOutRight___360fD","bounceOutUp":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOutUp___3XAFf","fadeIn":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeIn___3bQIe","fadeInDown":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInDown___dGqol","fadeInDownBig":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInDownBig___1FQOh","fadeInLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInLeft___2Rcw5","fadeInLeftBig":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInLeftBig___2VDk0","fadeInRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInRight___uwTeO","fadeInRightBig":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInRightBig___3Xcl7","fadeInUp":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInUp___2xZln","fadeInUpBig":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInUpBig___zqLD5","fadeOut":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOut___1eBhz","fadeOutDown":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutDown___2VkMZ","fadeOutDownBig":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutDownBig___3TYAD","fadeOutLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutLeft___2jmiI","fadeOutLeftBig":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutLeftBig___1FJrH","fadeOutRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutRight___hdB_e","fadeOutRightBig":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutRightBig___2DPtr","fadeOutUp":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutUp___3e5Sp","fadeOutUpBig":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutUpBig___1jhuD","flip":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flip___mEy1R","flipInX":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flipInX___3AYWx","flipInY":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flipInY___kBUzo","flipOutX":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flipOutX___14JIh","flipOutY":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flipOutY___3-fcT","lightSpeedIn":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__lightSpeedIn___23y_G","lightSpeedOut":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__lightSpeedOut___c7ISu","rotateIn":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateIn___1rIe1","rotateInDownLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateInDownLeft___1Yg3C","rotateInDownRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateInDownRight___23mEq","rotateInUpLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateInUpLeft___7696c","rotateInUpRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateInUpRight___yaDuX","rotateOut":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOut___3wKvg","rotateOutDownLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOutDownLeft___3ULiD","rotateOutDownRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOutDownRight___2Ecbu","rotateOutUpLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOutUpLeft___3Bn0k","rotateOutUpRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOutUpRight___12d5z","hinge":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__hinge___1gC1I","jackInTheBox":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__jackInTheBox___11_ju","rollIn":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rollIn___qdqqO","rollOut":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rollOut___2jQO8","zoomIn":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomIn___3rhkD","zoomInDown":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomInDown___JG8EB","zoomInLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomInLeft___qAe_q","zoomInRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomInRight___3tQ-_","zoomInUp":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomInUp___1ctD0","zoomOut":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOut___1qWDJ","zoomOutDown":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOutDown___35vfM","zoomOutLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOutLeft___2eFQd","zoomOutRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOutRight___1qxrO","zoomOutUp":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOutUp___kSWPE","slideInDown":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideInDown___35wHN","slideInLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideInLeft___1ImeA","slideInRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideInRight___3K8gk","slideInUp":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideInUp___zy0K5","slideOutDown":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideOutDown___19w6V","slideOutLeft":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideOutLeft___LIyk1","slideOutRight":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideOutRight___2xauG","slideOutUp":"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideOutUp___12ncd"};
 682 | 
 683 | /***/ }),
 684 | /* 9 */
 685 | /***/ (function(module, exports) {
 686 | 
 687 | module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
 688 | 
 689 | /***/ }),
 690 | /* 10 */
 691 | /***/ (function(module, exports, __webpack_require__) {
 692 | 
 693 | "use strict";
 694 | /* WEBPACK VAR INJECTION */(function(process) {
 695 | 
 696 | var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 697 | 
 698 | /**
 699 |  * Copyright (c) 2013-present, Facebook, Inc.
 700 |  *
 701 |  * This source code is licensed under the MIT license found in the
 702 |  * LICENSE file in the root directory of this source tree.
 703 |  */
 704 | 
 705 | if (process.env.NODE_ENV !== 'production') {
 706 |   var REACT_ELEMENT_TYPE = typeof Symbol === 'function' && Symbol.for && Symbol.for('react.element') || 0xeac7;
 707 | 
 708 |   var isValidElement = function isValidElement(object) {
 709 |     return (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
 710 |   };
 711 | 
 712 |   // By explicitly using `prop-types` you are opting into new development behavior.
 713 |   // http://fb.me/prop-types-in-prod
 714 |   var throwOnDirectAccess = true;
 715 |   module.exports = __webpack_require__(11)(isValidElement, throwOnDirectAccess);
 716 | } else {
 717 |   // By explicitly using `prop-types` you are opting into new production behavior.
 718 |   // http://fb.me/prop-types-in-prod
 719 |   module.exports = __webpack_require__(14)();
 720 | }
 721 | /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
 722 | 
 723 | /***/ }),
 724 | /* 11 */
 725 | /***/ (function(module, exports, __webpack_require__) {
 726 | 
 727 | "use strict";
 728 | /* WEBPACK VAR INJECTION */(function(process) {/**
 729 |  * Copyright (c) 2013-present, Facebook, Inc.
 730 |  *
 731 |  * This source code is licensed under the MIT license found in the
 732 |  * LICENSE file in the root directory of this source tree.
 733 |  */
 734 | 
 735 | 
 736 | 
 737 | var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
 738 | 
 739 | var emptyFunction = __webpack_require__(1);
 740 | var invariant = __webpack_require__(2);
 741 | var warning = __webpack_require__(4);
 742 | var assign = __webpack_require__(12);
 743 | 
 744 | var ReactPropTypesSecret = __webpack_require__(3);
 745 | var checkPropTypes = __webpack_require__(13);
 746 | 
 747 | module.exports = function (isValidElement, throwOnDirectAccess) {
 748 |   /* global Symbol */
 749 |   var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
 750 |   var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
 751 | 
 752 |   /**
 753 |    * Returns the iterator method function contained on the iterable object.
 754 |    *
 755 |    * Be sure to invoke the function with the iterable as context:
 756 |    *
 757 |    *     var iteratorFn = getIteratorFn(myIterable);
 758 |    *     if (iteratorFn) {
 759 |    *       var iterator = iteratorFn.call(myIterable);
 760 |    *       ...
 761 |    *     }
 762 |    *
 763 |    * @param {?object} maybeIterable
 764 |    * @return {?function}
 765 |    */
 766 |   function getIteratorFn(maybeIterable) {
 767 |     var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
 768 |     if (typeof iteratorFn === 'function') {
 769 |       return iteratorFn;
 770 |     }
 771 |   }
 772 | 
 773 |   /**
 774 |    * Collection of methods that allow declaration and validation of props that are
 775 |    * supplied to React components. Example usage:
 776 |    *
 777 |    *   var Props = require('ReactPropTypes');
 778 |    *   var MyArticle = React.createClass({
 779 |    *     propTypes: {
 780 |    *       // An optional string prop named "description".
 781 |    *       description: Props.string,
 782 |    *
 783 |    *       // A required enum prop named "category".
 784 |    *       category: Props.oneOf(['News','Photos']).isRequired,
 785 |    *
 786 |    *       // A prop named "dialog" that requires an instance of Dialog.
 787 |    *       dialog: Props.instanceOf(Dialog).isRequired
 788 |    *     },
 789 |    *     render: function() { ... }
 790 |    *   });
 791 |    *
 792 |    * A more formal specification of how these methods are used:
 793 |    *
 794 |    *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
 795 |    *   decl := ReactPropTypes.{type}(.isRequired)?
 796 |    *
 797 |    * Each and every declaration produces a function with the same signature. This
 798 |    * allows the creation of custom validation functions. For example:
 799 |    *
 800 |    *  var MyLink = React.createClass({
 801 |    *    propTypes: {
 802 |    *      // An optional string or URI prop named "href".
 803 |    *      href: function(props, propName, componentName) {
 804 |    *        var propValue = props[propName];
 805 |    *        if (propValue != null && typeof propValue !== 'string' &&
 806 |    *            !(propValue instanceof URI)) {
 807 |    *          return new Error(
 808 |    *            'Expected a string or an URI for ' + propName + ' in ' +
 809 |    *            componentName
 810 |    *          );
 811 |    *        }
 812 |    *      }
 813 |    *    },
 814 |    *    render: function() {...}
 815 |    *  });
 816 |    *
 817 |    * @internal
 818 |    */
 819 | 
 820 |   var ANONYMOUS = '<<anonymous>>';
 821 | 
 822 |   // Important!
 823 |   // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
 824 |   var ReactPropTypes = {
 825 |     array: createPrimitiveTypeChecker('array'),
 826 |     bool: createPrimitiveTypeChecker('boolean'),
 827 |     func: createPrimitiveTypeChecker('function'),
 828 |     number: createPrimitiveTypeChecker('number'),
 829 |     object: createPrimitiveTypeChecker('object'),
 830 |     string: createPrimitiveTypeChecker('string'),
 831 |     symbol: createPrimitiveTypeChecker('symbol'),
 832 | 
 833 |     any: createAnyTypeChecker(),
 834 |     arrayOf: createArrayOfTypeChecker,
 835 |     element: createElementTypeChecker(),
 836 |     instanceOf: createInstanceTypeChecker,
 837 |     node: createNodeChecker(),
 838 |     objectOf: createObjectOfTypeChecker,
 839 |     oneOf: createEnumTypeChecker,
 840 |     oneOfType: createUnionTypeChecker,
 841 |     shape: createShapeTypeChecker,
 842 |     exact: createStrictShapeTypeChecker
 843 |   };
 844 | 
 845 |   /**
 846 |    * inlined Object.is polyfill to avoid requiring consumers ship their own
 847 |    * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
 848 |    */
 849 |   /*eslint-disable no-self-compare*/
 850 |   function is(x, y) {
 851 |     // SameValue algorithm
 852 |     if (x === y) {
 853 |       // Steps 1-5, 7-10
 854 |       // Steps 6.b-6.e: +0 != -0
 855 |       return x !== 0 || 1 / x === 1 / y;
 856 |     } else {
 857 |       // Step 6.a: NaN == NaN
 858 |       return x !== x && y !== y;
 859 |     }
 860 |   }
 861 |   /*eslint-enable no-self-compare*/
 862 | 
 863 |   /**
 864 |    * We use an Error-like object for backward compatibility as people may call
 865 |    * PropTypes directly and inspect their output. However, we don't use real
 866 |    * Errors anymore. We don't inspect their stack anyway, and creating them
 867 |    * is prohibitively expensive if they are created too often, such as what
 868 |    * happens in oneOfType() for any type before the one that matched.
 869 |    */
 870 |   function PropTypeError(message) {
 871 |     this.message = message;
 872 |     this.stack = '';
 873 |   }
 874 |   // Make `instanceof Error` still work for returned errors.
 875 |   PropTypeError.prototype = Error.prototype;
 876 | 
 877 |   function createChainableTypeChecker(validate) {
 878 |     if (process.env.NODE_ENV !== 'production') {
 879 |       var manualPropTypeCallCache = {};
 880 |       var manualPropTypeWarningCount = 0;
 881 |     }
 882 |     function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
 883 |       componentName = componentName || ANONYMOUS;
 884 |       propFullName = propFullName || propName;
 885 | 
 886 |       if (secret !== ReactPropTypesSecret) {
 887 |         if (throwOnDirectAccess) {
 888 |           // New behavior only for users of `prop-types` package
 889 |           invariant(false, 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use `PropTypes.checkPropTypes()` to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
 890 |         } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
 891 |           // Old behavior for people using React.PropTypes
 892 |           var cacheKey = componentName + ':' + propName;
 893 |           if (!manualPropTypeCallCache[cacheKey] &&
 894 |           // Avoid spamming the console because they are often not actionable except for lib authors
 895 |           manualPropTypeWarningCount < 3) {
 896 |             warning(false, 'You are manually calling a React.PropTypes validation ' + 'function for the `%s` prop on `%s`. This is deprecated ' + 'and will throw in the standalone `prop-types` package. ' + 'You may be seeing this warning due to a third-party PropTypes ' + 'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.', propFullName, componentName);
 897 |             manualPropTypeCallCache[cacheKey] = true;
 898 |             manualPropTypeWarningCount++;
 899 |           }
 900 |         }
 901 |       }
 902 |       if (props[propName] == null) {
 903 |         if (isRequired) {
 904 |           if (props[propName] === null) {
 905 |             return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
 906 |           }
 907 |           return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
 908 |         }
 909 |         return null;
 910 |       } else {
 911 |         return validate(props, propName, componentName, location, propFullName);
 912 |       }
 913 |     }
 914 | 
 915 |     var chainedCheckType = checkType.bind(null, false);
 916 |     chainedCheckType.isRequired = checkType.bind(null, true);
 917 | 
 918 |     return chainedCheckType;
 919 |   }
 920 | 
 921 |   function createPrimitiveTypeChecker(expectedType) {
 922 |     function validate(props, propName, componentName, location, propFullName, secret) {
 923 |       var propValue = props[propName];
 924 |       var propType = getPropType(propValue);
 925 |       if (propType !== expectedType) {
 926 |         // `propValue` being instance of, say, date/regexp, pass the 'object'
 927 |         // check, but we can offer a more precise error message here rather than
 928 |         // 'of type `object`'.
 929 |         var preciseType = getPreciseType(propValue);
 930 | 
 931 |         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
 932 |       }
 933 |       return null;
 934 |     }
 935 |     return createChainableTypeChecker(validate);
 936 |   }
 937 | 
 938 |   function createAnyTypeChecker() {
 939 |     return createChainableTypeChecker(emptyFunction.thatReturnsNull);
 940 |   }
 941 | 
 942 |   function createArrayOfTypeChecker(typeChecker) {
 943 |     function validate(props, propName, componentName, location, propFullName) {
 944 |       if (typeof typeChecker !== 'function') {
 945 |         return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
 946 |       }
 947 |       var propValue = props[propName];
 948 |       if (!Array.isArray(propValue)) {
 949 |         var propType = getPropType(propValue);
 950 |         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
 951 |       }
 952 |       for (var i = 0; i < propValue.length; i++) {
 953 |         var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
 954 |         if (error instanceof Error) {
 955 |           return error;
 956 |         }
 957 |       }
 958 |       return null;
 959 |     }
 960 |     return createChainableTypeChecker(validate);
 961 |   }
 962 | 
 963 |   function createElementTypeChecker() {
 964 |     function validate(props, propName, componentName, location, propFullName) {
 965 |       var propValue = props[propName];
 966 |       if (!isValidElement(propValue)) {
 967 |         var propType = getPropType(propValue);
 968 |         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
 969 |       }
 970 |       return null;
 971 |     }
 972 |     return createChainableTypeChecker(validate);
 973 |   }
 974 | 
 975 |   function createInstanceTypeChecker(expectedClass) {
 976 |     function validate(props, propName, componentName, location, propFullName) {
 977 |       if (!(props[propName] instanceof expectedClass)) {
 978 |         var expectedClassName = expectedClass.name || ANONYMOUS;
 979 |         var actualClassName = getClassName(props[propName]);
 980 |         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
 981 |       }
 982 |       return null;
 983 |     }
 984 |     return createChainableTypeChecker(validate);
 985 |   }
 986 | 
 987 |   function createEnumTypeChecker(expectedValues) {
 988 |     if (!Array.isArray(expectedValues)) {
 989 |       process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOf, expected an instance of array.') : void 0;
 990 |       return emptyFunction.thatReturnsNull;
 991 |     }
 992 | 
 993 |     function validate(props, propName, componentName, location, propFullName) {
 994 |       var propValue = props[propName];
 995 |       for (var i = 0; i < expectedValues.length; i++) {
 996 |         if (is(propValue, expectedValues[i])) {
 997 |           return null;
 998 |         }
 999 |       }
1000 | 
1001 |       var valuesString = JSON.stringify(expectedValues);
1002 |       return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
1003 |     }
1004 |     return createChainableTypeChecker(validate);
1005 |   }
1006 | 
1007 |   function createObjectOfTypeChecker(typeChecker) {
1008 |     function validate(props, propName, componentName, location, propFullName) {
1009 |       if (typeof typeChecker !== 'function') {
1010 |         return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
1011 |       }
1012 |       var propValue = props[propName];
1013 |       var propType = getPropType(propValue);
1014 |       if (propType !== 'object') {
1015 |         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
1016 |       }
1017 |       for (var key in propValue) {
1018 |         if (propValue.hasOwnProperty(key)) {
1019 |           var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
1020 |           if (error instanceof Error) {
1021 |             return error;
1022 |           }
1023 |         }
1024 |       }
1025 |       return null;
1026 |     }
1027 |     return createChainableTypeChecker(validate);
1028 |   }
1029 | 
1030 |   function createUnionTypeChecker(arrayOfTypeCheckers) {
1031 |     if (!Array.isArray(arrayOfTypeCheckers)) {
1032 |       process.env.NODE_ENV !== 'production' ? warning(false, 'Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
1033 |       return emptyFunction.thatReturnsNull;
1034 |     }
1035 | 
1036 |     for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
1037 |       var checker = arrayOfTypeCheckers[i];
1038 |       if (typeof checker !== 'function') {
1039 |         warning(false, 'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' + 'received %s at index %s.', getPostfixForTypeWarning(checker), i);
1040 |         return emptyFunction.thatReturnsNull;
1041 |       }
1042 |     }
1043 | 
1044 |     function validate(props, propName, componentName, location, propFullName) {
1045 |       for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
1046 |         var checker = arrayOfTypeCheckers[i];
1047 |         if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
1048 |           return null;
1049 |         }
1050 |       }
1051 | 
1052 |       return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
1053 |     }
1054 |     return createChainableTypeChecker(validate);
1055 |   }
1056 | 
1057 |   function createNodeChecker() {
1058 |     function validate(props, propName, componentName, location, propFullName) {
1059 |       if (!isNode(props[propName])) {
1060 |         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
1061 |       }
1062 |       return null;
1063 |     }
1064 |     return createChainableTypeChecker(validate);
1065 |   }
1066 | 
1067 |   function createShapeTypeChecker(shapeTypes) {
1068 |     function validate(props, propName, componentName, location, propFullName) {
1069 |       var propValue = props[propName];
1070 |       var propType = getPropType(propValue);
1071 |       if (propType !== 'object') {
1072 |         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
1073 |       }
1074 |       for (var key in shapeTypes) {
1075 |         var checker = shapeTypes[key];
1076 |         if (!checker) {
1077 |           continue;
1078 |         }
1079 |         var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
1080 |         if (error) {
1081 |           return error;
1082 |         }
1083 |       }
1084 |       return null;
1085 |     }
1086 |     return createChainableTypeChecker(validate);
1087 |   }
1088 | 
1089 |   function createStrictShapeTypeChecker(shapeTypes) {
1090 |     function validate(props, propName, componentName, location, propFullName) {
1091 |       var propValue = props[propName];
1092 |       var propType = getPropType(propValue);
1093 |       if (propType !== 'object') {
1094 |         return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
1095 |       }
1096 |       // We need to check all keys in case some are required but missing from
1097 |       // props.
1098 |       var allKeys = assign({}, props[propName], shapeTypes);
1099 |       for (var key in allKeys) {
1100 |         var checker = shapeTypes[key];
1101 |         if (!checker) {
1102 |           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' + '\nBad object: ' + JSON.stringify(props[propName], null, '  ') + '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  '));
1103 |         }
1104 |         var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
1105 |         if (error) {
1106 |           return error;
1107 |         }
1108 |       }
1109 |       return null;
1110 |     }
1111 | 
1112 |     return createChainableTypeChecker(validate);
1113 |   }
1114 | 
1115 |   function isNode(propValue) {
1116 |     switch (typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue)) {
1117 |       case 'number':
1118 |       case 'string':
1119 |       case 'undefined':
1120 |         return true;
1121 |       case 'boolean':
1122 |         return !propValue;
1123 |       case 'object':
1124 |         if (Array.isArray(propValue)) {
1125 |           return propValue.every(isNode);
1126 |         }
1127 |         if (propValue === null || isValidElement(propValue)) {
1128 |           return true;
1129 |         }
1130 | 
1131 |         var iteratorFn = getIteratorFn(propValue);
1132 |         if (iteratorFn) {
1133 |           var iterator = iteratorFn.call(propValue);
1134 |           var step;
1135 |           if (iteratorFn !== propValue.entries) {
1136 |             while (!(step = iterator.next()).done) {
1137 |               if (!isNode(step.value)) {
1138 |                 return false;
1139 |               }
1140 |             }
1141 |           } else {
1142 |             // Iterator will provide entry [k,v] tuples rather than values.
1143 |             while (!(step = iterator.next()).done) {
1144 |               var entry = step.value;
1145 |               if (entry) {
1146 |                 if (!isNode(entry[1])) {
1147 |                   return false;
1148 |                 }
1149 |               }
1150 |             }
1151 |           }
1152 |         } else {
1153 |           return false;
1154 |         }
1155 | 
1156 |         return true;
1157 |       default:
1158 |         return false;
1159 |     }
1160 |   }
1161 | 
1162 |   function isSymbol(propType, propValue) {
1163 |     // Native Symbol.
1164 |     if (propType === 'symbol') {
1165 |       return true;
1166 |     }
1167 | 
1168 |     // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
1169 |     if (propValue['@@toStringTag'] === 'Symbol') {
1170 |       return true;
1171 |     }
1172 | 
1173 |     // Fallback for non-spec compliant Symbols which are polyfilled.
1174 |     if (typeof Symbol === 'function' && propValue instanceof Symbol) {
1175 |       return true;
1176 |     }
1177 | 
1178 |     return false;
1179 |   }
1180 | 
1181 |   // Equivalent of `typeof` but with special handling for array and regexp.
1182 |   function getPropType(propValue) {
1183 |     var propType = typeof propValue === 'undefined' ? 'undefined' : _typeof(propValue);
1184 |     if (Array.isArray(propValue)) {
1185 |       return 'array';
1186 |     }
1187 |     if (propValue instanceof RegExp) {
1188 |       // Old webkits (at least until Android 4.0) return 'function' rather than
1189 |       // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
1190 |       // passes PropTypes.object.
1191 |       return 'object';
1192 |     }
1193 |     if (isSymbol(propType, propValue)) {
1194 |       return 'symbol';
1195 |     }
1196 |     return propType;
1197 |   }
1198 | 
1199 |   // This handles more types than `getPropType`. Only used for error messages.
1200 |   // See `createPrimitiveTypeChecker`.
1201 |   function getPreciseType(propValue) {
1202 |     if (typeof propValue === 'undefined' || propValue === null) {
1203 |       return '' + propValue;
1204 |     }
1205 |     var propType = getPropType(propValue);
1206 |     if (propType === 'object') {
1207 |       if (propValue instanceof Date) {
1208 |         return 'date';
1209 |       } else if (propValue instanceof RegExp) {
1210 |         return 'regexp';
1211 |       }
1212 |     }
1213 |     return propType;
1214 |   }
1215 | 
1216 |   // Returns a string that is postfixed to a warning about an invalid type.
1217 |   // For example, "undefined" or "of type array"
1218 |   function getPostfixForTypeWarning(value) {
1219 |     var type = getPreciseType(value);
1220 |     switch (type) {
1221 |       case 'array':
1222 |       case 'object':
1223 |         return 'an ' + type;
1224 |       case 'boolean':
1225 |       case 'date':
1226 |       case 'regexp':
1227 |         return 'a ' + type;
1228 |       default:
1229 |         return type;
1230 |     }
1231 |   }
1232 | 
1233 |   // Returns class name of the object, if any.
1234 |   function getClassName(propValue) {
1235 |     if (!propValue.constructor || !propValue.constructor.name) {
1236 |       return ANONYMOUS;
1237 |     }
1238 |     return propValue.constructor.name;
1239 |   }
1240 | 
1241 |   ReactPropTypes.checkPropTypes = checkPropTypes;
1242 |   ReactPropTypes.PropTypes = ReactPropTypes;
1243 | 
1244 |   return ReactPropTypes;
1245 | };
1246 | /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
1247 | 
1248 | /***/ }),
1249 | /* 12 */
1250 | /***/ (function(module, exports, __webpack_require__) {
1251 | 
1252 | "use strict";
1253 | /*
1254 | object-assign
1255 | (c) Sindre Sorhus
1256 | @license MIT
1257 | */
1258 | 
1259 | 
1260 | /* eslint-disable no-unused-vars */
1261 | 
1262 | var getOwnPropertySymbols = Object.getOwnPropertySymbols;
1263 | var hasOwnProperty = Object.prototype.hasOwnProperty;
1264 | var propIsEnumerable = Object.prototype.propertyIsEnumerable;
1265 | 
1266 | function toObject(val) {
1267 | 	if (val === null || val === undefined) {
1268 | 		throw new TypeError('Object.assign cannot be called with null or undefined');
1269 | 	}
1270 | 
1271 | 	return Object(val);
1272 | }
1273 | 
1274 | function shouldUseNative() {
1275 | 	try {
1276 | 		if (!Object.assign) {
1277 | 			return false;
1278 | 		}
1279 | 
1280 | 		// Detect buggy property enumeration order in older V8 versions.
1281 | 
1282 | 		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
1283 | 		var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
1284 | 		test1[5] = 'de';
1285 | 		if (Object.getOwnPropertyNames(test1)[0] === '5') {
1286 | 			return false;
1287 | 		}
1288 | 
1289 | 		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
1290 | 		var test2 = {};
1291 | 		for (var i = 0; i < 10; i++) {
1292 | 			test2['_' + String.fromCharCode(i)] = i;
1293 | 		}
1294 | 		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
1295 | 			return test2[n];
1296 | 		});
1297 | 		if (order2.join('') !== '0123456789') {
1298 | 			return false;
1299 | 		}
1300 | 
1301 | 		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
1302 | 		var test3 = {};
1303 | 		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
1304 | 			test3[letter] = letter;
1305 | 		});
1306 | 		if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
1307 | 			return false;
1308 | 		}
1309 | 
1310 | 		return true;
1311 | 	} catch (err) {
1312 | 		// We don't expect any of the above to throw, but better to be safe.
1313 | 		return false;
1314 | 	}
1315 | }
1316 | 
1317 | module.exports = shouldUseNative() ? Object.assign : function (target, source) {
1318 | 	var from;
1319 | 	var to = toObject(target);
1320 | 	var symbols;
1321 | 
1322 | 	for (var s = 1; s < arguments.length; s++) {
1323 | 		from = Object(arguments[s]);
1324 | 
1325 | 		for (var key in from) {
1326 | 			if (hasOwnProperty.call(from, key)) {
1327 | 				to[key] = from[key];
1328 | 			}
1329 | 		}
1330 | 
1331 | 		if (getOwnPropertySymbols) {
1332 | 			symbols = getOwnPropertySymbols(from);
1333 | 			for (var i = 0; i < symbols.length; i++) {
1334 | 				if (propIsEnumerable.call(from, symbols[i])) {
1335 | 					to[symbols[i]] = from[symbols[i]];
1336 | 				}
1337 | 			}
1338 | 		}
1339 | 	}
1340 | 
1341 | 	return to;
1342 | };
1343 | 
1344 | /***/ }),
1345 | /* 13 */
1346 | /***/ (function(module, exports, __webpack_require__) {
1347 | 
1348 | "use strict";
1349 | /* WEBPACK VAR INJECTION */(function(process) {/**
1350 |  * Copyright (c) 2013-present, Facebook, Inc.
1351 |  *
1352 |  * This source code is licensed under the MIT license found in the
1353 |  * LICENSE file in the root directory of this source tree.
1354 |  */
1355 | 
1356 | 
1357 | 
1358 | var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
1359 | 
1360 | if (process.env.NODE_ENV !== 'production') {
1361 |   var invariant = __webpack_require__(2);
1362 |   var warning = __webpack_require__(4);
1363 |   var ReactPropTypesSecret = __webpack_require__(3);
1364 |   var loggedTypeFailures = {};
1365 | }
1366 | 
1367 | /**
1368 |  * Assert that the values match with the type specs.
1369 |  * Error messages are memorized and will only be shown once.
1370 |  *
1371 |  * @param {object} typeSpecs Map of name to a ReactPropType
1372 |  * @param {object} values Runtime values that need to be type-checked
1373 |  * @param {string} location e.g. "prop", "context", "child context"
1374 |  * @param {string} componentName Name of the component for error messages.
1375 |  * @param {?Function} getStack Returns the component stack.
1376 |  * @private
1377 |  */
1378 | function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
1379 |   if (process.env.NODE_ENV !== 'production') {
1380 |     for (var typeSpecName in typeSpecs) {
1381 |       if (typeSpecs.hasOwnProperty(typeSpecName)) {
1382 |         var error;
1383 |         // Prop type validation may throw. In case they do, we don't want to
1384 |         // fail the render phase where it didn't fail before. So we log it.
1385 |         // After these have been cleaned up, we'll let them throw.
1386 |         try {
1387 |           // This is intentionally an invariant that gets caught. It's the same
1388 |           // behavior as without this statement except with a better message.
1389 |           invariant(typeof typeSpecs[typeSpecName] === 'function', '%s: %s type `%s` is invalid; it must be a function, usually from ' + 'the `prop-types` package, but received `%s`.', componentName || 'React class', location, typeSpecName, _typeof(typeSpecs[typeSpecName]));
1390 |           error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
1391 |         } catch (ex) {
1392 |           error = ex;
1393 |         }
1394 |         warning(!error || error instanceof Error, '%s: type specification of %s `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error === 'undefined' ? 'undefined' : _typeof(error));
1395 |         if (error instanceof Error && !(error.message in loggedTypeFailures)) {
1396 |           // Only monitor this failure once because there tends to be a lot of the
1397 |           // same error.
1398 |           loggedTypeFailures[error.message] = true;
1399 | 
1400 |           var stack = getStack ? getStack() : '';
1401 | 
1402 |           warning(false, 'Failed %s type: %s%s', location, error.message, stack != null ? stack : '');
1403 |         }
1404 |       }
1405 |     }
1406 |   }
1407 | }
1408 | 
1409 | module.exports = checkPropTypes;
1410 | /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
1411 | 
1412 | /***/ }),
1413 | /* 14 */
1414 | /***/ (function(module, exports, __webpack_require__) {
1415 | 
1416 | "use strict";
1417 | /**
1418 |  * Copyright (c) 2013-present, Facebook, Inc.
1419 |  *
1420 |  * This source code is licensed under the MIT license found in the
1421 |  * LICENSE file in the root directory of this source tree.
1422 |  */
1423 | 
1424 | 
1425 | 
1426 | var emptyFunction = __webpack_require__(1);
1427 | var invariant = __webpack_require__(2);
1428 | var ReactPropTypesSecret = __webpack_require__(3);
1429 | 
1430 | module.exports = function () {
1431 |   function shim(props, propName, componentName, location, propFullName, secret) {
1432 |     if (secret === ReactPropTypesSecret) {
1433 |       // It is still safe when called from React.
1434 |       return;
1435 |     }
1436 |     invariant(false, 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
1437 |   };
1438 |   shim.isRequired = shim;
1439 |   function getShim() {
1440 |     return shim;
1441 |   };
1442 |   // Important!
1443 |   // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
1444 |   var ReactPropTypes = {
1445 |     array: shim,
1446 |     bool: shim,
1447 |     func: shim,
1448 |     number: shim,
1449 |     object: shim,
1450 |     string: shim,
1451 |     symbol: shim,
1452 | 
1453 |     any: shim,
1454 |     arrayOf: getShim,
1455 |     element: shim,
1456 |     instanceOf: getShim,
1457 |     node: shim,
1458 |     objectOf: getShim,
1459 |     oneOf: getShim,
1460 |     oneOfType: getShim,
1461 |     shape: getShim,
1462 |     exact: getShim
1463 |   };
1464 | 
1465 |   ReactPropTypes.checkPropTypes = emptyFunction;
1466 |   ReactPropTypes.PropTypes = ReactPropTypes;
1467 | 
1468 |   return ReactPropTypes;
1469 | };
1470 | 
1471 | /***/ }),
1472 | /* 15 */
1473 | /***/ (function(module, exports, __webpack_require__) {
1474 | 
1475 | "use strict";
1476 | var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;
1477 | 
1478 | var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
1479 | 
1480 | /*!
1481 |   Copyright (c) 2016 Jed Watson.
1482 |   Licensed under the MIT License (MIT), see
1483 |   http://jedwatson.github.io/classnames
1484 | */
1485 | /* global define */
1486 | 
1487 | (function () {
1488 | 	'use strict';
1489 | 
1490 | 	var hasOwn = {}.hasOwnProperty;
1491 | 
1492 | 	function classNames() {
1493 | 		var classes = [];
1494 | 
1495 | 		for (var i = 0; i < arguments.length; i++) {
1496 | 			var arg = arguments[i];
1497 | 			if (!arg) continue;
1498 | 
1499 | 			var argType = typeof arg === 'undefined' ? 'undefined' : _typeof(arg);
1500 | 
1501 | 			if (argType === 'string' || argType === 'number') {
1502 | 				classes.push(arg);
1503 | 			} else if (Array.isArray(arg)) {
1504 | 				classes.push(classNames.apply(null, arg));
1505 | 			} else if (argType === 'object') {
1506 | 				for (var key in arg) {
1507 | 					if (hasOwn.call(arg, key) && arg[key]) {
1508 | 						classes.push(key);
1509 | 					}
1510 | 				}
1511 | 			}
1512 | 		}
1513 | 
1514 | 		return classes.join(' ');
1515 | 	}
1516 | 
1517 | 	if (typeof module !== 'undefined' && module.exports) {
1518 | 		module.exports = classNames;
1519 | 	} else if ("function" === 'function' && _typeof(__webpack_require__(5)) === 'object' && __webpack_require__(5)) {
1520 | 		// register as 'classnames', consistent with npm package name
1521 | 		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
1522 | 			return classNames;
1523 | 		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
1524 | 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
1525 | 	} else {
1526 | 		window.classNames = classNames;
1527 | 	}
1528 | })();
1529 | 
1530 | /***/ })
1531 | /******/ ]);
1532 | });


--------------------------------------------------------------------------------
/lib/react-drawer.min.js:
--------------------------------------------------------------------------------
 1 | !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactDrawer=t(require("react")):e.ReactDrawer=t(e.react)}("undefined"!=typeof self?self:this,function(e){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=6)}([function(e,t,o){"use strict";function n(){throw new Error("setTimeout has not been defined")}function r(){throw new Error("clearTimeout has not been defined")}function a(e){if(d===setTimeout)return setTimeout(e,0);if((d===n||!d)&&setTimeout)return d=setTimeout,setTimeout(e,0);try{return d(e,0)}catch(t){try{return d.call(null,e,0)}catch(t){return d.call(this,e,0)}}}function s(e){if(p===clearTimeout)return clearTimeout(e);if((p===r||!p)&&clearTimeout)return p=clearTimeout,clearTimeout(e);try{return p(e)}catch(t){try{return p.call(null,e)}catch(t){return p.call(this,e)}}}function i(){y&&f&&(y=!1,f.length?_=f.concat(_):h=-1,_.length&&u())}function u(){if(!y){var e=a(i);y=!0;for(var t=_.length;t;){for(f=_,_=[];++h<t;)f&&f[h].run();h=-1,t=_.length}f=null,y=!1,s(e)}}function c(e,t){this.fun=e,this.array=t}function l(){}var d,p,m=e.exports={};!function(){try{d="function"==typeof setTimeout?setTimeout:n}catch(e){d=n}try{p="function"==typeof clearTimeout?clearTimeout:r}catch(e){p=r}}();var f,_=[],y=!1,h=-1;m.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var o=1;o<arguments.length;o++)t[o-1]=arguments[o];_.push(new c(e,t)),1!==_.length||y||a(u)},c.prototype.run=function(){this.fun.apply(null,this.array)},m.title="browser",m.browser=!0,m.env={},m.argv=[],m.version="",m.versions={},m.on=l,m.addListener=l,m.once=l,m.off=l,m.removeListener=l,m.removeAllListeners=l,m.emit=l,m.prependListener=l,m.prependOnceListener=l,m.listeners=function(e){return[]},m.binding=function(e){throw new Error("process.binding is not supported")},m.cwd=function(){return"/"},m.chdir=function(e){throw new Error("process.chdir is not supported")},m.umask=function(){return 0}},function(e,t,o){"use strict";function n(e){return function(){return e}}var r=function(){};r.thatReturns=n,r.thatReturnsFalse=n(!1),r.thatReturnsTrue=n(!0),r.thatReturnsNull=n(null),r.thatReturnsThis=function(){return this},r.thatReturnsArgument=function(e){return e},e.exports=r},function(e,t,o){"use strict";(function(t){function o(e,t,o,r,a,s,i,u){if(n(t),!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[o,r,a,s,i,u],d=0;c=new Error(t.replace(/%s/g,function(){return l[d++]})),c.name="Invariant Violation"}throw c.framesToPop=1,c}}var n=function(e){};"production"!==t.env.NODE_ENV&&(n=function(e){if(void 0===e)throw new Error("invariant requires an error message argument")}),e.exports=o}).call(t,o(0))},function(e,t,o){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,o){"use strict";(function(t){var n=o(1),r=n;if("production"!==t.env.NODE_ENV){var a=function(e){for(var t=arguments.length,o=Array(t>1?t-1:0),n=1;n<t;n++)o[n-1]=arguments[n];var r=0,a="Warning: "+e.replace(/%s/g,function(){return o[r++]});"undefined"!=typeof console&&console.error(a);try{throw new Error(a)}catch(e){}};r=function(e,t){if(void 0===t)throw new Error("`warning(condition, format, ...args)` requires a warning message argument");if(0!==t.indexOf("Failed Composite propType: ")&&!e){for(var o=arguments.length,n=Array(o>2?o-2:0),r=2;r<o;r++)n[r-2]=arguments[r];a.apply(void 0,[t].concat(n))}}}e.exports=r}).call(t,o(0))},function(e,t){(function(t){e.exports=t}).call(t,{})},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var u=function(){function e(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}}(),c=o(7),l=n(c),d=o(8),p=n(d),m=o(9),f=n(m),_=o(10),y=n(_),h=o(15),b=n(h),v=function(e){function t(e){a(this,t);var o=s(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return o.openDrawer=o.openDrawer.bind(o),o.closeDrawer=o.closeDrawer.bind(o),o.onAnimationEnded=o.onAnimationEnded.bind(o),o}return i(t,e),u(t,[{key:"onAnimationEnded",value:function(){this.state.open||this.setState({hiddenOverlay:!0,hiddenDrawer:!0})}},{key:"componentWillMount",value:function(){this.setState({open:this.props.open,hiddenOverlay:!0,hiddenDrawer:!0})}},{key:"closeDrawer",value:function(){this.setState({open:!1}),this.props.onClose&&this.props.onClose()}},{key:"openDrawer",value:function(){this.setState({hiddenOverlay:!1,hiddenDrawer:!1,open:!0})}},{key:"componentWillReceiveProps",value:function(e){e.open!=this.state.open&&(e.open?this.openDrawer():this.closeDrawer())}},{key:"componentDidMount",value:function(){this.drawer.addEventListener("webkitAnimationEnd",this.onAnimationEnded)}},{key:"componentWillUnmount",value:function(){this.drawer.removeEventListener("webkitAnimationEnd",this.onAnimationEnded)}},{key:"getOverlayClassName",value:function(e,t){var o;return(0,b.default)("react-drawer-overlay",e.overlay,t.animated,(o={},r(o,""+t.fadeIn,this.state.open),r(o,""+t.fadeOut,!this.state.open),r(o,""+e.hidden,this.state.hiddenOverlay),o))}},{key:"getDrawerClassName",value:function(e,t){var o=this.props.position||"right",n="drawer-"+o,a=e[n],s=void 0,i=void 0;if(this.state.open)switch(s="In",o){case"top":i="Down";break;case"bottom":i="Up";break;case"left":i="Left";break;case"right":i="Right"}else switch(s="Out",o){case"top":i="Up";break;case"bottom":i="Down";break;case"left":i="Left";break;case"right":i="Right"}var u=t["fade"+s+i];return(0,b.default)("react-drawer-drawer",e.drawer,a,t.animated,u,r({},""+e.hidden,this.state.hiddenDrawer))}},{key:"render",value:function(){var e=this,t=this.getOverlayClassName(l.default,p.default),o=this.getDrawerClassName(l.default,p.default);return f.default.createElement("div",null,this.props.noOverlay?null:f.default.createElement("div",{ref:function(t){return e.overlay=t},className:t,onClick:this.closeDrawer}),f.default.createElement("div",{className:o,ref:function(t){return e.drawer=t}},this.props.children))}}]),t}(f.default.Component);v.propTypes={open:y.default.bool.isRequired,onClose:y.default.func,position:y.default.oneOf(["top","bottom","right","left"]),noOverlay:y.default.bool},t.default=v},function(e,t){e.exports={drawer:"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer___2r5VH-sass","drawer-top":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer-top___1dfbB-sass","drawer-bottom":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer-bottom___2f9G_-sass","drawer-left":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer-left___2xURN-sass","drawer-right":"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__drawer-right___h_uSC-sass",hidden:"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__hidden___12vbU-sass",overlay:"css-sourceMap-modules-importLoaders-1-localIdentName-ReactDrawer__overlay___2QFmC-sass"}},function(e,t){e.exports={animated:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__animated___2O131",infinite:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__infinite___3ditF",bounce:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounce___2lrL7",flash:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flash___1cEFo",pulse:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__pulse___2PvmM",rubberBand:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rubberBand___2EGEd",shake:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__shake___2DAZ4",headShake:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__headShake___3XmHP",swing:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__swing___3C_jC",tada:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__tada___Qt5PH",wobble:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__wobble___SKKSi",jello:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__jello___1vLIG",bounceIn:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceIn___A5DKu",bounceInDown:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceInDown___ZnhIW",bounceInLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceInLeft___3RKRN",bounceInRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceInRight___1fPzt",bounceInUp:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceInUp___3be9U",bounceOut:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOut___1cFbR",bounceOutDown:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOutDown___2bUPG",bounceOutLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOutLeft___2Q63A",bounceOutRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOutRight___360fD",bounceOutUp:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__bounceOutUp___3XAFf",fadeIn:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeIn___3bQIe",fadeInDown:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInDown___dGqol",fadeInDownBig:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInDownBig___1FQOh",fadeInLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInLeft___2Rcw5",fadeInLeftBig:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInLeftBig___2VDk0",fadeInRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInRight___uwTeO",fadeInRightBig:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInRightBig___3Xcl7",fadeInUp:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInUp___2xZln",fadeInUpBig:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeInUpBig___zqLD5",fadeOut:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOut___1eBhz",fadeOutDown:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutDown___2VkMZ",fadeOutDownBig:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutDownBig___3TYAD",fadeOutLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutLeft___2jmiI",fadeOutLeftBig:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutLeftBig___1FJrH",fadeOutRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutRight___hdB_e",fadeOutRightBig:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutRightBig___2DPtr",fadeOutUp:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutUp___3e5Sp",fadeOutUpBig:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__fadeOutUpBig___1jhuD",flip:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flip___mEy1R",flipInX:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flipInX___3AYWx",flipInY:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flipInY___kBUzo",flipOutX:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flipOutX___14JIh",flipOutY:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__flipOutY___3-fcT",lightSpeedIn:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__lightSpeedIn___23y_G",lightSpeedOut:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__lightSpeedOut___c7ISu",rotateIn:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateIn___1rIe1",rotateInDownLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateInDownLeft___1Yg3C",rotateInDownRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateInDownRight___23mEq",rotateInUpLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateInUpLeft___7696c",rotateInUpRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateInUpRight___yaDuX",rotateOut:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOut___3wKvg",rotateOutDownLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOutDownLeft___3ULiD",rotateOutDownRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOutDownRight___2Ecbu",rotateOutUpLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOutUpLeft___3Bn0k",rotateOutUpRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rotateOutUpRight___12d5z",hinge:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__hinge___1gC1I",jackInTheBox:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__jackInTheBox___11_ju",rollIn:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rollIn___qdqqO",rollOut:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__rollOut___2jQO8",zoomIn:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomIn___3rhkD",zoomInDown:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomInDown___JG8EB",zoomInLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomInLeft___qAe_q",zoomInRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomInRight___3tQ-_",zoomInUp:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomInUp___1ctD0",zoomOut:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOut___1qWDJ",zoomOutDown:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOutDown___35vfM",zoomOutLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOutLeft___2eFQd",zoomOutRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOutRight___1qxrO",zoomOutUp:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__zoomOutUp___kSWPE",slideInDown:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideInDown___35wHN",slideInLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideInLeft___1ImeA",slideInRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideInRight___3K8gk",slideInUp:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideInUp___zy0K5",slideOutDown:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideOutDown___19w6V",slideOutLeft:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideOutLeft___LIyk1",slideOutRight:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideOutRight___2xauG",slideOutUp:"css-sourceMap-modules-importLoaders-1-localIdentName-animate__slideOutUp___12ncd"}},function(t,o){t.exports=e},function(e,t,o){"use strict";(function(t){var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};if("production"!==t.env.NODE_ENV){var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,a=function(e){return"object"===(void 0===e?"undefined":n(e))&&null!==e&&e.$$typeof===r};e.exports=o(11)(a,!0)}else e.exports=o(14)()}).call(t,o(0))},function(e,t,o){"use strict";(function(t){var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r=o(1),a=o(2),s=o(4),i=o(12),u=o(3),c=o(13);e.exports=function(e,o){function l(e){var t=e&&(R&&e[R]||e[E]);if("function"==typeof t)return t}function d(e,t){return e===t?0!==e||1/e==1/t:e!==e&&t!==t}function p(e){this.message=e,this.stack=""}function m(e){function n(n,c,l,d,m,f,_){if(d=d||j,f=f||l,_!==u)if(o)a(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");else if("production"!==t.env.NODE_ENV&&"undefined"!=typeof console){var y=d+":"+l;!r[y]&&i<3&&(s(!1,"You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.",f,d),r[y]=!0,i++)}return null==c[l]?n?new p(null===c[l]?"The "+m+" `"+f+"` is marked as required in `"+d+"`, but its value is `null`.":"The "+m+" `"+f+"` is marked as required in `"+d+"`, but its value is `undefined`."):null:e(c,l,d,m,f)}if("production"!==t.env.NODE_ENV)var r={},i=0;var c=n.bind(null,!1);return c.isRequired=n.bind(null,!0),c}function f(e){function t(t,o,n,r,a,s){var i=t[o];if(L(i)!==e)return new p("Invalid "+r+" `"+a+"` of type `"+N(i)+"` supplied to `"+n+"`, expected `"+e+"`.");return null}return m(t)}function _(e){function t(t,o,n,r,a){if("function"!=typeof e)return new p("Property `"+a+"` of component `"+n+"` has invalid PropType notation inside arrayOf.");var s=t[o];if(!Array.isArray(s)){return new p("Invalid "+r+" `"+a+"` of type `"+L(s)+"` supplied to `"+n+"`, expected an array.")}for(var i=0;i<s.length;i++){var c=e(s,i,n,r,a+"["+i+"]",u);if(c instanceof Error)return c}return null}return m(t)}function y(e){function t(t,o,n,r,a){if(!(t[o]instanceof e)){var s=e.name||j;return new p("Invalid "+r+" `"+a+"` of type `"+D(t[o])+"` supplied to `"+n+"`, expected instance of `"+s+"`.")}return null}return m(t)}function h(e){function o(t,o,n,r,a){for(var s=t[o],i=0;i<e.length;i++)if(d(s,e[i]))return null;return new p("Invalid "+r+" `"+a+"` of value `"+s+"` supplied to `"+n+"`, expected one of "+JSON.stringify(e)+".")}return Array.isArray(e)?m(o):("production"!==t.env.NODE_ENV&&s(!1,"Invalid argument supplied to oneOf, expected an instance of array."),r.thatReturnsNull)}function b(e){function t(t,o,n,r,a){if("function"!=typeof e)return new p("Property `"+a+"` of component `"+n+"` has invalid PropType notation inside objectOf.");var s=t[o],i=L(s);if("object"!==i)return new p("Invalid "+r+" `"+a+"` of type `"+i+"` supplied to `"+n+"`, expected an object.");for(var c in s)if(s.hasOwnProperty(c)){var l=e(s,c,n,r,a+"."+c,u);if(l instanceof Error)return l}return null}return m(t)}function v(e){function o(t,o,n,r,a){for(var s=0;s<e.length;s++){if(null==(0,e[s])(t,o,n,r,a,u))return null}return new p("Invalid "+r+" `"+a+"` supplied to `"+n+"`.")}if(!Array.isArray(e))return"production"!==t.env.NODE_ENV&&s(!1,"Invalid argument supplied to oneOfType, expected an instance of array."),r.thatReturnsNull;for(var n=0;n<e.length;n++){var a=e[n];if("function"!=typeof a)return s(!1,"Invalid argument supplied to oneOfType. Expected an array of check functions, but received %s at index %s.",M(a),n),r.thatReturnsNull}return m(o)}function I(e){function t(t,o,n,r,a){var s=t[o],i=L(s);if("object"!==i)return new p("Invalid "+r+" `"+a+"` of type `"+i+"` supplied to `"+n+"`, expected `object`.");for(var c in e){var l=e[c];if(l){var d=l(s,c,n,r,a+"."+c,u);if(d)return d}}return null}return m(t)}function g(e){function t(t,o,n,r,a){var s=t[o],c=L(s);if("object"!==c)return new p("Invalid "+r+" `"+a+"` of type `"+c+"` supplied to `"+n+"`, expected `object`.");var l=i({},t[o],e);for(var d in l){var m=e[d];if(!m)return new p("Invalid "+r+" `"+a+"` key `"+d+"` supplied to `"+n+"`.\nBad object: "+JSON.stringify(t[o],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var f=m(s,d,n,r,a+"."+d,u);if(f)return f}return null}return m(t)}function w(t){switch(void 0===t?"undefined":n(t)){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(w);if(null===t||e(t))return!0;var o=l(t);if(!o)return!1;var r,a=o.call(t);if(o!==t.entries){for(;!(r=a.next()).done;)if(!w(r.value))return!1}else for(;!(r=a.next()).done;){var s=r.value;if(s&&!w(s[1]))return!1}return!0;default:return!1}}function O(e,t){return"symbol"===e||("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}function L(e){var t=void 0===e?"undefined":n(e);return Array.isArray(e)?"array":e instanceof RegExp?"object":O(t,e)?"symbol":t}function N(e){if(void 0===e||null===e)return""+e;var t=L(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function M(e){var t=N(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}function D(e){return e.constructor&&e.constructor.name?e.constructor.name:j}var R="function"==typeof Symbol&&Symbol.iterator,E="@@iterator",j="<<anonymous>>",x={array:f("array"),bool:f("boolean"),func:f("function"),number:f("number"),object:f("object"),string:f("string"),symbol:f("symbol"),any:function(){return m(r.thatReturnsNull)}(),arrayOf:_,element:function(){function t(t,o,n,r,a){var s=t[o];if(!e(s)){return new p("Invalid "+r+" `"+a+"` of type `"+L(s)+"` supplied to `"+n+"`, expected a single ReactElement.")}return null}return m(t)}(),instanceOf:y,node:function(){function e(e,t,o,n,r){return w(e[t])?null:new p("Invalid "+n+" `"+r+"` supplied to `"+o+"`, expected a ReactNode.")}return m(e)}(),objectOf:b,oneOf:h,oneOfType:v,shape:I,exact:g};return p.prototype=Error.prototype,x.checkPropTypes=c,x.PropTypes=x,x}}).call(t,o(0))},function(e,t,o){"use strict";function n(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}/*
 2 | object-assign
 3 | (c) Sindre Sorhus
 4 | @license MIT
 5 | */
 6 | var r=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var o,i,u=n(e),c=1;c<arguments.length;c++){o=Object(arguments[c]);for(var l in o)a.call(o,l)&&(u[l]=o[l]);if(r){i=r(o);for(var d=0;d<i.length;d++)s.call(o,i[d])&&(u[i[d]]=o[i[d]])}}return u}},function(e,t,o){"use strict";(function(t){function n(e,o,n,c,l){if("production"!==t.env.NODE_ENV)for(var d in e)if(e.hasOwnProperty(d)){var p;try{a("function"==typeof e[d],"%s: %s type `%s` is invalid; it must be a function, usually from the `prop-types` package, but received `%s`.",c||"React class",n,d,r(e[d])),p=e[d](o,d,c,n,null,i)}catch(e){p=e}if(s(!p||p instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",c||"React class",n,d,void 0===p?"undefined":r(p)),p instanceof Error&&!(p.message in u)){u[p.message]=!0;var m=l?l():"";s(!1,"Failed %s type: %s%s",n,p.message,null!=m?m:"")}}}var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};if("production"!==t.env.NODE_ENV)var a=o(2),s=o(4),i=o(3),u={};e.exports=n}).call(t,o(0))},function(e,t,o){"use strict";var n=o(1),r=o(2),a=o(3);e.exports=function(){function e(e,t,o,n,s,i){i!==a&&r(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var o={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return o.checkPropTypes=n,o.PropTypes=o,o}},function(e,t,o){"use strict";var n,r,a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};/*!
 7 |   Copyright (c) 2016 Jed Watson.
 8 |   Licensed under the MIT License (MIT), see
 9 |   http://jedwatson.github.io/classnames
10 | */
11 | !function(){function s(){for(var e=[],t=0;t<arguments.length;t++){var o=arguments[t];if(o){var n=void 0===o?"undefined":a(o);if("string"===n||"number"===n)e.push(o);else if(Array.isArray(o))e.push(s.apply(null,o));else if("object"===n)for(var r in o)i.call(o,r)&&o[r]&&e.push(r)}}return e.join(" ")}var i={}.hasOwnProperty;void 0!==e&&e.exports?e.exports=s:"object"===a(o(5))&&o(5)?(n=[],void 0!==(r=function(){return s}.apply(t,n))&&(e.exports=r)):window.classNames=s}()}])});


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-drawer",
 3 |   "version": "1.3.4",
 4 |   "description": "react drawer menu",
 5 |   "main": "./lib/react-drawer.js",
 6 |   "scripts": {
 7 |     "start": "webpack --config ./webpack.dev.config.js && webpack-dev-server",
 8 |     "build": "webpack",
 9 |     "build:watch": "webpack --watch",
10 |     "prepare": "npm run lint && jest && npm run build",
11 |     "test": "jest",
12 |     "test:watch": "jest --watch",
13 |     "test:coverage": "jest --coverage",
14 |     "lint": "./node_modules/.bin/eslint src/",
15 |     "semantic-release": "semantic-release",
16 |     "travis-deploy-once": "travis-deploy-once"
17 |   },
18 |   "repository": {
19 |     "type": "git",
20 |     "url": "https://github.com/atom2ueki/react-drawer.git"
21 |   },
22 |   "author": "Tony Li",
23 |   "license": "MIT",
24 |   "bugs": {
25 |     "url": "https://github.com/atom2ueki/react-drawer/issues"
26 |   },
27 |   "homepage": "https://github.com/atom2ueki/react-drawer",
28 |   "dependencies": {
29 |     "classnames": "^2.2.5"
30 |   },
31 |   "peerDependencies": {
32 |     "react": "^0.14.7 || ^15.0.0",
33 |     "prop-types": "^15.5.2"
34 |   },
35 |   "devDependencies": {
36 |     "animate.css": "^3.5.1",
37 |     "babel-cli": "^6.0.0",
38 |     "babel-core": "^6.1.4",
39 |     "babel-jest": "^22.2.2",
40 |     "babel-loader": "^7.1.2",
41 |     "babel-preset-es2015": "^6.3.13",
42 |     "babel-preset-react": "^6.3.13",
43 |     "css-loader": "^0.28.9",
44 |     "enzyme": "^3.3.0",
45 |     "enzyme-adapter-react-16": "^1.1.0",
46 |     "eslint": "^4.17.0",
47 |     "eslint-plugin-react": "^7.6.1",
48 |     "extract-text-webpack-plugin": "^3.0.2",
49 |     "file-loader": "^1.1.6",
50 |     "jest": "^22.3.0",
51 |     "node-sass": "^4.7.2",
52 |     "react": "^16.2.0",
53 |     "react-addons-test-utils": "^15.3.0",
54 |     "react-dom": "^16.2.0",
55 |     "react-test-renderer": "^16.2.0",
56 |     "sass-loader": "^6.0.6",
57 |     "semantic-release": "^12.4.1",
58 |     "style-loader": "^0.20.1",
59 |     "travis-deploy-once": "^4.3.4",
60 |     "url-loader": "^0.6.2",
61 |     "webpack": "^3.11.0",
62 |     "webpack-dev-server": "^2.11.1"
63 |   },
64 |   "jest": {
65 |     "testRegex": "/.*\\.test(.js|.jsx)$",
66 |     "moduleNameMapper": {
67 |       "^.+\\.(css|sass|scss)$": "<rootDir>/src/style.mock.js"
68 |     },
69 |     "moduleFileExtensions": [
70 |       "js",
71 |       "json",
72 |       "jsx"
73 |     ]
74 |   }
75 | }
76 | 


--------------------------------------------------------------------------------
/src/ReactDrawer.js:
--------------------------------------------------------------------------------
  1 | /*!
  2 |  * ReactDrawer
  3 |  * Licensed under the MIT license
  4 |  *
  5 |  * Copyright (c) 2016 Tony Li
  6 |  */
  7 | 
  8 | import theme from './ReactDrawer.scss';
  9 | import animate from 'animate.css';
 10 | import React from 'react';
 11 | import PropTypes from 'prop-types';
 12 | import classNames from 'classnames';
 13 | 
 14 | 
 15 | class ReactDrawer extends React.Component {
 16 |   constructor(props) {
 17 |     super(props);
 18 |     this.openDrawer = this.openDrawer.bind(this);
 19 |     this.closeDrawer = this.closeDrawer.bind(this);
 20 |     this.onAnimationEnded = this.onAnimationEnded.bind(this);
 21 |   }
 22 | 
 23 |   onAnimationEnded() {
 24 |     if (!this.state.open) {
 25 |       this.setState({
 26 |         hiddenOverlay: true,
 27 |         hiddenDrawer: true
 28 |       });
 29 |     }
 30 |   }
 31 | 
 32 |   componentWillMount() {
 33 |     this.setState({
 34 |       open: this.props.open,
 35 |       hiddenOverlay: true,
 36 |       hiddenDrawer: true
 37 |     });
 38 |   }
 39 | 
 40 |   closeDrawer() {
 41 |     this.setState({
 42 |       open: false
 43 |     });
 44 |     if (this.props.onClose) {
 45 |       this.props.onClose();
 46 |     }
 47 |   }
 48 |   openDrawer() {
 49 |     this.setState({
 50 |       hiddenOverlay: false,
 51 |       hiddenDrawer: false,
 52 |       open: true
 53 |     });
 54 |   }
 55 | 
 56 |   componentWillReceiveProps(nextProps) {
 57 |     if (nextProps.open != this.state.open) {
 58 |       nextProps.open ? this.openDrawer(): this.closeDrawer();
 59 |     }
 60 |   }
 61 | 
 62 |   componentDidMount () {
 63 |     this.drawer.addEventListener('webkitAnimationEnd', this.onAnimationEnded);
 64 |   }
 65 | 
 66 |   componentWillUnmount() {
 67 |     this.drawer.removeEventListener('webkitAnimationEnd', this.onAnimationEnded);
 68 |   }
 69 | 
 70 |   getOverlayClassName(theme, animate) {
 71 |     return classNames(
 72 |       'react-drawer-overlay',
 73 |       theme.overlay,
 74 |       animate.animated,
 75 |       {
 76 |         [`${animate.fadeIn}`]: this.state.open,
 77 |         [`${animate.fadeOut}`]: !this.state.open,
 78 |         [`${theme.hidden}`]: this.state.hiddenOverlay
 79 |       }
 80 |     );
 81 |   }
 82 | 
 83 |   getDrawerClassName(theme, animate) {
 84 |     const position = this.props.position || 'right';
 85 |     const themeAttr = `drawer-${position}`;
 86 |     const drawerTheme = theme[themeAttr];
 87 |     let direction, start;
 88 |     if (this.state.open) {
 89 |       direction = 'In';
 90 |       switch(position) {
 91 |       case 'top':
 92 |         start = 'Down'; break;
 93 |       case 'bottom':
 94 |         start = 'Up'; break;
 95 |       case 'left':
 96 |         start = 'Left'; break;
 97 |       case 'right':
 98 |         start = 'Right'; break;
 99 |       }
100 |     } else {
101 |       direction = 'Out';
102 |       switch(position) {
103 |       case 'top':
104 |         start = 'Up'; break;
105 |       case 'bottom':
106 |         start = 'Down'; break;
107 |       case 'left':
108 |         start = 'Left'; break;
109 |       case 'right':
110 |         start = 'Right'; break;
111 |       }
112 |     }
113 |     const fade = animate[`fade${direction}${start}`];
114 |     return classNames(
115 |       'react-drawer-drawer',
116 |       theme.drawer,
117 |       drawerTheme,
118 |       animate.animated,
119 |       fade,
120 |       {
121 |         [`${theme.hidden}`]: this.state.hiddenDrawer
122 |       }
123 |     );
124 |   }
125 |   render() {
126 |     const overlayClass = this.getOverlayClassName(theme, animate);
127 |     const drawerClass = this.getDrawerClassName(theme, animate);
128 | 
129 |     return (
130 |       <div>
131 |         {!this.props.noOverlay ? <div
132 |           ref={(c) => this.overlay = c}
133 |           className={overlayClass}
134 |           onClick={this.closeDrawer}>
135 |         </div>: null}
136 |         <div
137 |           className={drawerClass}
138 |           ref={(c) => this.drawer = c}>
139 |           {this.props.children}
140 |         </div>
141 |       </div>
142 |     );
143 |   }
144 | 
145 | }
146 | 
147 | ReactDrawer.propTypes = {
148 |   open: PropTypes.bool.isRequired,
149 |   onClose: PropTypes.func,
150 |   position: PropTypes.oneOf(['top', 'bottom', 'right', 'left']),
151 |   noOverlay: PropTypes.bool
152 | };
153 | 
154 | export default ReactDrawer;
155 | 


--------------------------------------------------------------------------------
/src/ReactDrawer.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * drawer.scss
 3 |  * Licensed under the MIT license
 4 |  *
 5 |  * Copyright (c) 2016 Tony Li
 6 |  */
 7 | 
 8 | $size: 300px;
 9 | 
10 | .drawer {
11 |   position: fixed;
12 |   background-color: #96CA4E;
13 |   -webkit-box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.55);
14 |   -moz-box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.55);
15 |   box-shadow: -5px 0px 5px -5px rgba(0,0,0,0.55);
16 |   /* animate.css */
17 |   -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
18 |   animation-duration: 0.5s;
19 | }
20 | 
21 | .drawer-top {
22 |   top: 0;
23 |   left: 0;
24 |   right: 0;
25 |   width: 100%;
26 |   height: $size;
27 | }
28 | 
29 | .drawer-bottom {
30 |   bottom: 0;
31 |   left: 0;
32 |   right: 0;
33 |   width: 100%;
34 |   height: $size;
35 | }
36 | 
37 | .drawer-left {
38 |   top: 0;
39 |   left: 0;
40 |   width: $size;
41 |   height: 100%;
42 | }
43 | 
44 | .drawer-right {
45 |   top: 0;
46 |   right: 0;
47 |   width: $size;
48 |   height: 100%;
49 | }
50 | 
51 | 
52 | .hidden {
53 |   display: none;
54 | }
55 | 
56 | .overlay {
57 |   position: fixed;
58 |   top:0;
59 |   left:0;
60 |   width: 100%;
61 |   height: 100%;
62 |   background:rgba(0,0,0,.75);
63 |   /* animate.css */
64 |   -webkit-animation-duration: 0.4s; /* Chrome, Safari, Opera */
65 |   animation-duration: 0.2s;
66 | }
67 | 


--------------------------------------------------------------------------------
/src/ReactDrawer.test.js:
--------------------------------------------------------------------------------
  1 | /*eslint no-unused-vars: ["error", {varsIgnorePattern: "React[Drawer]*"}]*/
  2 | import React from 'react';
  3 | import ReactDrawer from './ReactDrawer';
  4 | import { configure, mount } from 'enzyme';
  5 | import Adapter from 'enzyme-adapter-react-16';
  6 | 
  7 | configure({ adapter: new Adapter() });
  8 | 
  9 | describe('ReactDrawer', () => {
 10 | 
 11 |   it('should display an overlay and a drawer', () => {
 12 |     const wrapper = mount(
 13 |       <ReactDrawer open />
 14 |     );
 15 |     expect(wrapper.find('.react-drawer-overlay').length).toBe(1);
 16 |     expect(wrapper.find('.react-drawer-drawer').length).toBe(1);
 17 |   });
 18 | 
 19 |   it('with noOverlay should display a drawer', () => {
 20 |     const wrapper = mount(
 21 |       <ReactDrawer open noOverlay />
 22 |     );
 23 |     expect(wrapper.find('.react-drawer-overlay').length).toBe(0);
 24 |     expect(wrapper.find('.react-drawer-drawer').length).toBe(1);
 25 |   });
 26 | 
 27 |   it('should onAnimationEnded change the state', () => {
 28 |     const wrapper = mount(
 29 |       <ReactDrawer open />
 30 |     );
 31 |     const instance = wrapper.instance();
 32 |     instance.state.open = false;
 33 |     instance.state.hiddenOverlay = false;
 34 |     instance.onAnimationEnded();
 35 |     expect(instance.state.hiddenOverlay).toBe(true);
 36 |   });
 37 | 
 38 |   it('should componentWillMount set initial state from props', () => {
 39 |     let wrapper = mount(
 40 |       <ReactDrawer open={false} />
 41 |     );
 42 |     let instance = wrapper.instance();
 43 |     expect(instance.state.open).toBe(false);
 44 |     wrapper = mount(
 45 |       <ReactDrawer open />
 46 |     );
 47 |     instance = wrapper.instance();
 48 |     expect(instance.state.open).toBe(true);
 49 |     expect(instance.state.hiddenOverlay).toBe(true);
 50 |     expect(instance.state.hiddenDrawer).toBe(true);
 51 |   });
 52 | 
 53 |   it('should closeDrawer set some state', () => {
 54 |     const wrapper = mount(
 55 |       <ReactDrawer open />
 56 |     );
 57 |     const instance = wrapper.instance();
 58 |     expect(instance.state.open).toBe(true);
 59 |     instance.closeDrawer();
 60 |     expect(instance.state.open).toBe(false);
 61 |   });
 62 | 
 63 |   it('should closeDrawer call onClose', () => {
 64 |     const onClose = jest.fn();
 65 |     const wrapper = mount(
 66 |       <ReactDrawer open onClose={onClose}/>
 67 |     );
 68 |     const instance = wrapper.instance();
 69 |     expect(onClose.mock.calls.length).toBe(0);
 70 |     instance.closeDrawer();
 71 |     expect(onClose.mock.calls.length).toBe(1);
 72 |   });
 73 | 
 74 |   it('should openDrawer set some state', () => {
 75 |     const wrapper = mount(
 76 |       <ReactDrawer open={false} />
 77 |     );
 78 |     const instance = wrapper.instance();
 79 |     instance.openDrawer();
 80 |     expect(instance.state.hiddenOverlay).toBe(false);
 81 |     expect(instance.state.hiddenDrawer).toBe(false);
 82 |     expect(instance.state.open).toBe(true);
 83 |   });
 84 | 
 85 |   it('should componentWillReceiveProps call openDrawer/closeDrawer', () => {
 86 |     const wrapper = mount(
 87 |       <ReactDrawer open={false} />
 88 |     );
 89 |     const instance = wrapper.instance();
 90 |     expect(instance.state.open).toBe(false);
 91 |     instance.openDrawer = jest.fn();
 92 |     instance.closeDrawer = jest.fn();
 93 |     instance.componentWillReceiveProps({open: true});
 94 |     expect(instance.openDrawer.mock.calls.length).toBe(1);
 95 |     expect(instance.closeDrawer.mock.calls.length).toBe(0);
 96 |     // now lets close it
 97 |     instance.state.open = true;
 98 |     instance.componentWillReceiveProps({open: false});
 99 |     expect(instance.closeDrawer.mock.calls.length).toBe(1);
100 |   });
101 | 
102 |   it('should componentDidMount add an event listener', () => {
103 |     const wrapper = mount(
104 |       <ReactDrawer open />
105 |     );
106 |     const instance = wrapper.instance();
107 |     instance.drawer = {
108 |       addEventListener: jest.fn()
109 |     };
110 |     instance.componentDidMount();
111 |     const calls = instance.drawer.addEventListener.mock.calls;
112 |     expect(calls.length).toBe(1);
113 |     expect(calls[0].length).toBe(2);
114 |     expect(calls[0][0]).toBe('webkitAnimationEnd');
115 |     expect(calls[0][1]).toBe(instance.onAnimationEnded);
116 |   });
117 | 
118 |   it('should componentWillUnmount remove an event listener', () => {
119 |     const wrapper = mount(
120 |       <ReactDrawer open />
121 |     );
122 |     const instance = wrapper.instance();
123 |     instance.drawer = {
124 |       removeEventListener: jest.fn()
125 |     };
126 |     instance.componentWillUnmount();
127 |     const calls = instance.drawer.removeEventListener.mock.calls;
128 |     expect(calls.length).toBe(1);
129 |     expect(calls[0].length).toBe(2);
130 |     expect(calls[0][0]).toBe('webkitAnimationEnd');
131 |     expect(calls[0][1]).toBe(instance.onAnimationEnded);
132 |   });
133 | 
134 |   it('should getOverlayClassName return class', () => {
135 |     const theme = {
136 |       overlay: 'test-overlay',
137 |       hidden: 'test-hidden'
138 |     };
139 |     const animate = {
140 |       'fadeIn': 'test-fadeIn',
141 |       'fadeOut': 'test-fadeOut'
142 |     };
143 |     const wrapper = mount(
144 |       <ReactDrawer open />
145 |     );
146 |     const instance = wrapper.instance();
147 |     let c = instance.getOverlayClassName(theme, animate).split(' ');
148 |     expect(c.length).toBe(4);
149 |     expect(c.indexOf('react-drawer-overlay')).not.toBe(-1);
150 |     expect(c.indexOf('test-overlay')).not.toBe(-1);
151 |     expect(c.indexOf('test-fadeIn')).not.toBe(-1);
152 |     expect(c.indexOf('test-hidden')).not.toBe(-1);
153 | 
154 |     instance.state.open = false;
155 |     c = instance.getOverlayClassName(theme, animate).split(' ');
156 |     expect(c.indexOf('test-fadeIn')).toBe(-1);
157 |     expect(c.indexOf('test-fadeOut')).not.toBe(-1);
158 | 
159 |     instance.state.hiddenOverlay = false;
160 |     c = instance.getOverlayClassName(theme, animate).split(' ');
161 |     expect(c.indexOf('test-hidden')).toBe(-1);
162 |   });
163 | 
164 |   it('should getDrawerClassName return class', () => {
165 |     const theme = {
166 |       drawer: 'test-drawer',
167 |       'drawer-top': 'test-drawer-top',
168 |       'drawer-bottom': 'test-drawer-bottom',
169 |       'drawer-left': 'test-drawer-left',
170 |       'drawer-right': 'test-drawer-right',
171 |       hidden: 'test-hidden'
172 |     };
173 |     const animate = {
174 |       'fadeInUp': 'test-fadeInUp',
175 |       'fadeInDown': 'test-fadeInDown',
176 |       'fadeInLeft': 'test-fadeInLeft',
177 |       'fadeInRight': 'test-fadeInRight',
178 |       'fadeOutUp': 'test-fadeOutUp',
179 |       'fadeOutDown': 'test-fadeOutDown',
180 |       'fadeOutLeft': 'test-fadeOutLeft',
181 |       'fadeOutRight': 'test-fadeOutRight'
182 |     };
183 |     const wrapper = mount(
184 |       <ReactDrawer open />
185 |     );
186 |     let instance = wrapper.instance();
187 |     let c = instance.getDrawerClassName(theme, animate).split(' ');
188 |     expect(c.length).toBe(5);
189 |     expect(c.indexOf('react-drawer-drawer')).not.toBe(-1);
190 |     expect(c.indexOf('test-drawer')).not.toBe(-1);
191 |     expect(c.indexOf('test-hidden')).not.toBe(-1);
192 |     expect(c.indexOf('test-fadeInUp')).toBe(-1);
193 |     expect(c.indexOf('test-fadeInRight')).not.toBe(-1);
194 |     expect(c.indexOf('test-fadeInDown')).toBe(-1);
195 |     expect(c.indexOf('test-fadeInLeft')).toBe(-1);
196 | 
197 |     wrapper.setProps({position: 'top'});
198 |     c = instance.getDrawerClassName(theme, animate).split(' ');
199 |     expect(c.indexOf('test-fadeInUp')).toBe(-1);
200 |     expect(c.indexOf('test-fadeInRight')).toBe(-1);
201 |     expect(c.indexOf('test-fadeInDown')).not.toBe(-1);
202 |     expect(c.indexOf('test-fadeInLeft')).toBe(-1);
203 | 
204 |     wrapper.setProps({position: 'bottom'});
205 |     c = instance.getDrawerClassName(theme, animate).split(' ');
206 |     expect(c.indexOf('test-fadeInUp')).not.toBe(-1);
207 |     expect(c.indexOf('test-fadeInRight')).toBe(-1);
208 |     expect(c.indexOf('test-fadeInDown')).toBe(-1);
209 |     expect(c.indexOf('test-fadeInLeft')).toBe(-1);
210 | 
211 |     wrapper.setProps({position: 'left'});
212 |     c = instance.getDrawerClassName(theme, animate).split(' ');
213 |     expect(c.indexOf('test-fadeInUp')).toBe(-1);
214 |     expect(c.indexOf('test-fadeInRight')).toBe(-1);
215 |     expect(c.indexOf('test-fadeInDown')).toBe(-1);
216 |     expect(c.indexOf('test-fadeInLeft')).not.toBe(-1);
217 | 
218 | 
219 |     wrapper.setProps({position: 'right'});
220 |     instance = wrapper.instance();
221 |     instance.state.open = false;
222 |     c = instance.getDrawerClassName(theme, animate).split(' ');
223 |     expect(c.indexOf('react-drawer-drawer')).not.toBe(-1);
224 |     expect(c.indexOf('test-drawer')).not.toBe(-1);
225 |     expect(c.indexOf('test-fadeOutUp')).toBe(-1);
226 |     expect(c.indexOf('test-fadeOutRight')).not.toBe(-1);
227 |     expect(c.indexOf('test-fadeOutDown')).toBe(-1);
228 |     expect(c.indexOf('test-fadeOutLeft')).toBe(-1);
229 | 
230 |     wrapper.setProps({position: 'top'});
231 |     instance = wrapper.instance();
232 |     instance.state.open = false;
233 |     c = instance.getDrawerClassName(theme, animate).split(' ');
234 |     expect(c.indexOf('test-fadeOutUp')).not.toBe(-1);
235 |     expect(c.indexOf('test-fadeOutRight')).toBe(-1);
236 |     expect(c.indexOf('test-fadeOutDown')).toBe(-1);
237 |     expect(c.indexOf('test-fadeOutLeft')).toBe(-1);
238 | 
239 |     wrapper.setProps({position: 'bottom'});
240 |     instance = wrapper.instance();
241 |     instance.state.open = false;
242 |     c = instance.getDrawerClassName(theme, animate).split(' ');
243 |     expect(c.indexOf('test-fadeOutUp')).toBe(-1);
244 |     expect(c.indexOf('test-fadeOutRight')).toBe(-1);
245 |     expect(c.indexOf('test-fadeOutDown')).not.toBe(-1);
246 |     expect(c.indexOf('test-fadeOutLeft')).toBe(-1);
247 | 
248 |     wrapper.setProps({position: 'left'});
249 |     instance = wrapper.instance();
250 |     instance.state.open = false;
251 |     c = instance.getDrawerClassName(theme, animate).split(' ');
252 |     expect(c.indexOf('test-fadeOutUp')).toBe(-1);
253 |     expect(c.indexOf('test-fadeOutRight')).toBe(-1);
254 |     expect(c.indexOf('test-fadeOutDown')).toBe(-1);
255 |     expect(c.indexOf('test-fadeOutLeft')).not.toBe(-1);
256 | 
257 | 
258 |     instance.state.hiddenDrawer = false;
259 |     c = instance.getDrawerClassName(theme, animate).split(' ');
260 |     expect(c.indexOf('test-hidden')).toBe(-1);
261 |   });
262 | });
263 | 


--------------------------------------------------------------------------------
/src/style.mock.js:
--------------------------------------------------------------------------------
1 | // test/styleMock.js
2 | // // Return an object to emulate css modules (if you are using them)
3 | module.exports = {};


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
  1 | const path = require('path');
  2 | const webpack = require('webpack');
  3 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
  4 | 
  5 | const PATH = {
  6 |   src: path.join(__dirname, './src'),
  7 |   lib: path.join(__dirname, './lib'),
  8 |   dist: path.join(__dirname, './dist'),
  9 |   example: path.join(__dirname, './example'),
 10 |   root: path.join(__dirname, './')
 11 | };
 12 | const css = 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]';
 13 | const sass = `${css}!sass`;
 14 | const extractCSS = new ExtractTextPlugin({filename: 'react-drawer.css', allChunks: true});
 15 | const uglify = new webpack.optimize.UglifyJsPlugin({
 16 |   sourceMap: true,
 17 |   minimize: true,
 18 |   compress: {
 19 |     warnings: false
 20 |   }
 21 | });
 22 | 
 23 | const CONFIG = {
 24 |   entry: path.join(PATH.src, 'ReactDrawer.js'),
 25 |   externals: {
 26 |     'react': 'react'
 27 |   },
 28 |   devServer: {
 29 |     contentBase: PATH.root,
 30 |     inline: true,
 31 |     port: 3000
 32 |   },
 33 |   module: {
 34 |     rules: [
 35 |       {
 36 |         test: /\.jsx?$/,
 37 |         use: {
 38 |           loader: 'babel-loader',
 39 |           options: {
 40 |             presets: ['react', 'es2015']
 41 |           }
 42 |         }
 43 |       },
 44 |       {
 45 |         test: /\.(png|jpg)$/,
 46 |         use: {
 47 |           loader: 'file-loader'
 48 |         }
 49 |       },
 50 |       {
 51 |         test: /\.css$/,
 52 |         use: extractCSS.extract({
 53 |           fallback: "style-loader",
 54 |           use: {
 55 |             loader: 'css-loader',
 56 |             options: {
 57 |               modules: true,
 58 |               localIdentName: css
 59 |             }
 60 |           }
 61 |         })
 62 |       },
 63 |       {
 64 |         test: /\.scss$/,
 65 |         use: extractCSS.extract({
 66 |           fallback: "style-loader",
 67 |           use: [{
 68 |             loader: 'css-loader',
 69 |             options: {
 70 |               modules: true,
 71 |               localIdentName: sass
 72 |             }
 73 |           },{
 74 |             loader: 'sass-loader'
 75 |           }]
 76 |         })
 77 |       }
 78 |     ]
 79 |   },
 80 |   plugins: [
 81 |     extractCSS
 82 |   ]
 83 | };
 84 | 
 85 | const umd = Object.assign({}, CONFIG, {
 86 |   output: {
 87 |     libraryTarget: 'umd',
 88 |     library: 'ReactDrawer',
 89 |     filename: 'react-drawer.js',
 90 |     path: PATH.lib
 91 |   }
 92 | });
 93 | 
 94 | const umdMinified = Object.assign({}, umd, {
 95 |   output: {
 96 |     libraryTarget: 'umd',
 97 |     library: 'ReactDrawer',
 98 |     filename: 'react-drawer.min.js',
 99 |     path: PATH.lib
100 |   },
101 |   plugins: [
102 |     extractCSS,
103 |     uglify
104 |   ]
105 | });
106 | 
107 | module.exports = [umd, umdMinified];
108 | 


--------------------------------------------------------------------------------
/webpack.dev.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | const webpack = require('webpack');
 3 | 
 4 | const PATH = {
 5 |   example: path.join(__dirname, './example')
 6 | };
 7 | 
 8 | const example = {
 9 |   entry: path.join(PATH.example, 'app.js'),
10 |   output: {
11 |     filename: 'bundle.js',
12 |     path: PATH.example
13 |   },
14 |   externals: {
15 |     'react': 'react',
16 |     'react-dom': 'ReactDOM',
17 |     'react-drawer': 'ReactDrawer'
18 |   },
19 |   module: {
20 |     rules: [
21 |       {
22 |         test: /\.jsx?$/,
23 |         use: {
24 |           loader: 'babel-loader',
25 |           options: {
26 |             presets: ['react', 'es2015']
27 |           }
28 |         }
29 |       }
30 |     ]
31 |   }
32 | };
33 | 
34 | module.exports = [example];


--------------------------------------------------------------------------------