├── .babelrc
├── .prettierrc
├── .gitignore
├── src
    ├── index.js
    ├── AnimateGroup.js
    ├── utils
    │   └── mergeDiff.js
    └── Animate.js
├── test
    ├── enzyme-setup.js
    ├── Animate.test.js
    └── AnimateGroup.test.js
├── .flowconfig
├── jest.config.js
├── demo
    ├── CodeExample.js
    ├── examples
    │   ├── Animate-2.js
    │   ├── Animate-1.js
    │   └── AnimateGroup.js
    ├── index.html
    ├── styles.css
    └── index.js
├── .eslintrc
├── LICENSE
├── webpack.config.js
├── docs
    ├── index.html
    ├── style.css
    └── docs.js
├── package.json
├── README.md
└── flow-typed
    └── npm
        └── jest_v23.x.x.js


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


--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 |   "printWidth": 120,
3 |   "singleQuote": true
4 | }
5 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_STORE
2 | node_modules
3 | .module-cache
4 | *.log*
5 | _nogit
6 | lib


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | //@flow
2 | import Animate from './Animate';
3 | import AnimateGroup from './AnimateGroup';
4 | 
5 | export { Animate, AnimateGroup }


--------------------------------------------------------------------------------
/test/enzyme-setup.js:
--------------------------------------------------------------------------------
1 | const Enzyme = require('enzyme');
2 | const React16Adapter = require('enzyme-adapter-react-16');
3 | 
4 | Enzyme.configure({ adapter: new React16Adapter() });
5 | 


--------------------------------------------------------------------------------
/.flowconfig:
--------------------------------------------------------------------------------
 1 | [ignore]
 2 | .*/dist/.*
 3 | .*/lib/.*
 4 | 
 5 | [include]
 6 | 
 7 | [libs]
 8 | flow-typed/
 9 | 
10 | [lints]
11 | 
12 | [options]
13 | module.name_mapper='^react-native$' -> 'react-native-web'
14 | 
15 | [strict]
16 | 


--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   name: 'react-animate-mount',
 3 | 	rootDir: './',
 4 | 	verbose: true,
 5 |   transform: {
 6 |     '^.+\\.js$': 'babel-jest'
 7 |   },
 8 |   setupTestFrameworkScriptFile: '<rootDir>/test/enzyme-setup.js',
 9 |   testEnvironment: 'jsdom',
10 |   testPathIgnorePatterns: ['<rootDir>/node_modules'],
11 |   timers: 'fake'
12 | };
13 | 


--------------------------------------------------------------------------------
/demo/CodeExample.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import { Animate } from '../src/Animate';
 4 | 
 5 | export default class CodeExample extends React.PureComponent {
 6 |   render() {
 7 | 		const { code, example } = this.props;
 8 |     return (
 9 |       <div className="code-container">
10 | 				<div className="code">{code}</div>
11 | 				{example}
12 |       </div>
13 |     );
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "parser": "babel-eslint",
 3 |   "parserOptions": {
 4 |     "ecmaVersion": 7,
 5 |     "ecmaFeatures": {
 6 |       "experimentalObjectRestSpread": true,
 7 |       "jsx": true
 8 |     },
 9 |     "sourceType": "module"
10 |   },
11 |   "extends": ["prettier", "prettier/flowtype", "prettier/react"],
12 |   "plugins": ["flowtype", "prettier", "promise", "react", "import"],
13 |   "env": {
14 |     "es6": true,
15 |     "node": true,
16 |     "browser": true
17 |   }
18 | }
19 | 


--------------------------------------------------------------------------------
/demo/examples/Animate-2.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import Animate from '../../src/Animate';
 4 | 
 5 | export default class ExampleAnimate2 extends React.PureComponent {
 6 |   state = { show: false };
 7 |   render() {
 8 |     return (
 9 |       <div className="example-root">
10 |         <div className="example-toggle" onClick={this.toggleShow}>
11 |           Click to toggle animation
12 |         </div>
13 |         <div className="floating">
14 |           <Animate show={this.state.show} type="fade">
15 |             <div className="example-animate example-animate-2">
16 |               <h3>This component fadeIn and fadeOut</h3>
17 |             </div>
18 |           </Animate>
19 |         </div>
20 |       </div>
21 |     );
22 |   }
23 |   toggleShow = () => {
24 |     this.setState({ show: !this.state.show });
25 |   };
26 | }
27 | 


--------------------------------------------------------------------------------
/demo/examples/Animate-1.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import Animate from '../../src/Animate'
 4 | 
 5 | export default class ExampleAnimate1 extends React.PureComponent {
 6 |   state = { show: false };
 7 |   render() {
 8 |     return (
 9 |       <div className="example-root">
10 |         <div className="example-toggle" onClick={this.toggleShow}>
11 |           Click to toggle animation
12 |         </div>
13 |         <Animate show={this.state.show}>
14 |           <div className="example-animate">
15 |             <h3>This component slideUp and slideDown</h3>
16 |           </div>
17 |         </Animate>
18 |         <div className="example-content">
19 |           <p>
20 |             Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
21 |             industry's standard dummy text ever since the 1500s.
22 |           </p>
23 |         </div>
24 |       </div>
25 |     );
26 |   }
27 |   toggleShow = () => {
28 |     this.setState({ show: !this.state.show });
29 |   };
30 | }
31 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Mingrui Zhang
 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 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const webpack = require('webpack');
 2 | const path = require('path');
 3 | 
 4 | const HtmlWebpackPlugin = require('html-webpack-plugin');
 5 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
 6 | 
 7 | const distPath = path.join(__dirname, './docs');
 8 | const docsPath = path.join(__dirname, './demo');
 9 | const srcPath = path.join(__dirname, './src');
10 | 
11 | const rules = [
12 |   {
13 |     test: /\.js$/,
14 |     exclude: /node_modules/,
15 |     use: {
16 |       loader: 'babel-loader'
17 |     }
18 |   },
19 |   {
20 |     test: /\.css$/,
21 |     use: ExtractTextPlugin.extract({
22 |       fallback: 'style-loader',
23 |       use: ['css-loader']
24 |     })
25 |   }
26 | ];
27 | 
28 | const entry = {
29 | 	docs: path.join(docsPath, 'index.js')
30 | }
31 | 
32 | const plugins = [
33 | 	new webpack.HotModuleReplacementPlugin(),
34 | 	new webpack.NamedModulesPlugin(),
35 | 	new HtmlWebpackPlugin({
36 | 		template: path.join(docsPath, 'index.html'),
37 | 		path: distPath,
38 | 		filename: 'index.html',
39 | 	}),
40 | 	new ExtractTextPlugin({filename: 'style.css'})
41 | ]
42 | 
43 | module.exports = {
44 |   entry,
45 |   output: {
46 |     path: distPath,
47 |     filename: '[name].js',
48 |   },
49 |   module: {
50 |     rules
51 | 	},
52 | 	plugins
53 | };
54 | 


--------------------------------------------------------------------------------
/demo/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 	<meta name="theme-color" content="#000000">
 8 | 	<!--
 9 |       manifest.json provides metadata used when your web app is added to the
10 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
11 |     -->
12 |   <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
13 |   <link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway" rel="stylesheet">
14 |   <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
15 | 	<!-- <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> -->
16 | 	<!--
17 |       Notice the use of %PUBLIC_URL% in the tags above.
18 |       It will be replaced with the URL of the `public` folder during the build.
19 |       Only files inside the `public` folder can be referenced from the HTML.
20 | 
21 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
22 |       work correctly both with client-side routing and a non-root public URL.
23 |       Learn how to configure a non-root public URL by running `npm run build`.
24 |     -->
25 | 	<title>React Animate Mount</title>
26 | </head>
27 | 
28 | <body>
29 | 	<noscript>
30 | 		You need to enable JavaScript to run this app.
31 | 	</noscript>
32 | 	<div id="root"></div>
33 | 	<!--
34 |       This HTML file is a template.
35 |       If you open it directly in the browser, you will see an empty page.
36 | 
37 |       You can add webfonts, meta tags, or analytics to this file.
38 |       The build step will place the bundled scripts into the <body> tag.
39 | 
40 |       To begin the development, run `npm start` or `yarn start`.
41 |       To create a production bundle, use `npm run build` or `yarn build`.
42 |     -->
43 | </body>
44 | 
45 | </html>


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 | 	<meta name="theme-color" content="#000000">
 8 | 	<!--
 9 |       manifest.json provides metadata used when your web app is added to the
10 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
11 |     -->
12 |   <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
13 |   <link href="https://fonts.googleapis.com/css?family=Open+Sans|Raleway" rel="stylesheet">
14 |   <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
15 | 	<!-- <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> -->
16 | 	<!--
17 |       Notice the use of %PUBLIC_URL% in the tags above.
18 |       It will be replaced with the URL of the `public` folder during the build.
19 |       Only files inside the `public` folder can be referenced from the HTML.
20 | 
21 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
22 |       work correctly both with client-side routing and a non-root public URL.
23 |       Learn how to configure a non-root public URL by running `npm run build`.
24 |     -->
25 | 	<title>React Animate Mount</title>
26 | <link href="style.css" rel="stylesheet"></head>
27 | 
28 | <body>
29 | 	<noscript>
30 | 		You need to enable JavaScript to run this app.
31 | 	</noscript>
32 | 	<div id="root"></div>
33 | 	<!--
34 |       This HTML file is a template.
35 |       If you open it directly in the browser, you will see an empty page.
36 | 
37 |       You can add webfonts, meta tags, or analytics to this file.
38 |       The build step will place the bundled scripts into the <body> tag.
39 | 
40 |       To begin the development, run `npm start` or `yarn start`.
41 |       To create a production bundle, use `npm run build` or `yarn build`.
42 |     -->
43 | <script type="text/javascript" src="docs.js"></script></body>
44 | 
45 | </html>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-animate-mount",
 3 |   "version": "1.0.1",
 4 |   "description": "",
 5 |   "main": "lib/index.js",
 6 |   "scripts": {
 7 |     "build": "npm run clean && babel src/ -d lib/ && webpack",
 8 |     "clean": "rimraf lib",
 9 |     "prepublish": "npm run build",
10 |     "lint": "eslint",
11 |     "start": "NODE_ENV=development webpack-dev-server --mode=development --hot",
12 |     "test": "NODE_ENV=test jest"
13 |   },
14 |   "repository": {
15 |     "type": "git",
16 |     "url": "git+https://github.com/MingruiZhang/react-animate-mount.git"
17 |   },
18 |   "author": "Mingrui Zhang",
19 |   "license": "MIT",
20 |   "bugs": {
21 |     "url": "https://github.com/MingruiZhang/react-animate-mount/issues"
22 |   },
23 |   "homepage": "https://github.com/MingruiZhang/react-animate-mount#readme",
24 |   "devDependencies": {
25 |     "babel-cli": "^6.26.0",
26 |     "babel-core": "^6.26.3",
27 |     "babel-eslint": "^8.2.5",
28 |     "babel-jest": "^23.2.0",
29 |     "babel-loader": "^7.1.4",
30 |     "babel-preset-env": "^1.7.0",
31 |     "babel-preset-flow": "^6.23.0",
32 |     "babel-preset-react": "^6.24.1",
33 |     "babel-preset-stage-2": "^6.24.1",
34 |     "css-loader": "^0.28.11",
35 |     "enzyme": "^3.3.0",
36 |     "enzyme-adapter-react-16": "^1.1.1",
37 |     "eslint": "^5.0.0",
38 |     "eslint-config-prettier": "^2.9.0",
39 |     "eslint-plugin-flowtype": "^2.49.3",
40 |     "eslint-plugin-import": "^2.13.0",
41 |     "eslint-plugin-prettier": "^2.6.1",
42 |     "eslint-plugin-promise": "^3.8.0",
43 |     "eslint-plugin-react": "^7.9.1",
44 |     "extract-text-webpack-plugin": "^4.0.0-beta.0",
45 |     "flow-bin": "^0.75.0",
46 |     "html-webpack-plugin": "^3.2.0",
47 |     "jest": "^23.2.0",
48 |     "path": "^0.12.7",
49 |     "prettier": "^1.13.5",
50 |     "react": "^16.4.1",
51 |     "react-dom": "^16.4.1",
52 |     "rimraf": "^2.6.2",
53 |     "style-loader": "^0.21.0",
54 |     "webpack": "^4.12.2",
55 |     "webpack-cli": "^3.0.8",
56 |     "webpack-dev-server": "^3.1.4"
57 |   },
58 |   "dependencies": {},
59 |   "peerDependencies": {
60 |     "react": ">=16.3.0",
61 |     "react-dom": ">=16.3.0"
62 |   }
63 | }
64 | 


--------------------------------------------------------------------------------
/src/AnimateGroup.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | import * as React from 'react';
 3 | import { Animate } from './Animate';
 4 | import mergeDiff, { type ChildWithStatus, Status } from './utils/mergeDiff';
 5 | 
 6 | type Props = {|
 7 |   children: React.Node,
 8 |   duration?: number,
 9 |   onAnimateComplete?: () => void,
10 |   type?: 'slide' | 'fade'
11 | |};
12 | 
13 | type State = {|
14 |   isAnimating: boolean,
15 |   renderChildren: Array<ChildWithStatus>
16 | |};
17 | 
18 | class AnimateGroup extends React.Component<Props, State> {
19 |   _mounted: boolean;
20 | 
21 |   state = {
22 |     isAnimating: false,
23 |     renderChildren: React.Children.toArray(this.props.children).map(child => ({
24 |       status: Status.static,
25 |       child
26 |     }))
27 |   };
28 | 
29 |   static getDerivedStateFromProps(nextProps: Props, prevState: State) {
30 |     const newChildrenWithState = mergeDiff(
31 |       prevState.renderChildren.map(childWithState => childWithState.child),
32 |       React.Children.toArray(nextProps.children)
33 |     );
34 | 
35 |     if (!newChildrenWithState.every(child => child.status === Status.static)) {
36 |       return { renderChildren: newChildrenWithState, isAnimating: true };
37 |     } else {
38 |       return null;
39 |     }
40 |   }
41 | 
42 |   componentDidMount() {
43 |     this._mounted = true;
44 |   }
45 | 
46 |   componentWillUnmount() {
47 |     this._mounted = false;
48 |   }
49 | 
50 |   render() {
51 |     const { type, duration } = this.props;
52 |     const { renderChildren } = this.state;
53 |     return renderChildren.map(({ status, child }) => {
54 |       return (
55 |         <Animate
56 |           appear={status !== Status.static}
57 |           duration={duration}
58 |           key={child.key}
59 |           onAnimateComplete={this._handleEachAnimateComplete}
60 |           show={status !== Status.out}
61 |           type={type}
62 |         >
63 |           {child}
64 |         </Animate>
65 |       );
66 |     });
67 |   }
68 | 
69 |   _handleEachAnimateComplete = () => {
70 |     const { isAnimating } = this.state;
71 |     const { onAnimateComplete, children } = this.props;
72 |     if (isAnimating) {
73 |       onAnimateComplete && onAnimateComplete();
74 |       this.setState({
75 |         renderChildren: React.Children.toArray(children).map(child => ({
76 |           status: Status.static,
77 |           child
78 |         })),
79 |         isAnimating: false
80 |       });
81 |     }
82 |   };
83 | 
84 |   _requestNewFrame = (cb: () => void) => {
85 |     window.requestAnimationFrame(() => {
86 |       window.requestAnimationFrame(() => {
87 |         if (this._mounted) {
88 |           cb();
89 |         }
90 |       });
91 |     });
92 |   };
93 | }
94 | 
95 | export default AnimateGroup;
96 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # React Animate Mount
 2 | 
 3 | [![npm version](https://img.shields.io/npm/v/react-animate-mount.svg)](https://www.npmjs.com/package/react-animate-mount)
 4 | [![license](https://img.shields.io/github/license/mashape/apistatus.svg?maxAge=2592000)](https://github.com/mingruizhang/react-animate-mount/blob/master/LICENSE)
 5 | 
 6 | Simple and light wrapper component for sliding (to auto height) and fading animation when children mounts and unmount:
 7 | * [**Animate**](https://github.com/MingruiZhang/react-animate-mount#animate) - provides sliding and fading animation for single component when mount & umount
 8 | * [**AnimateGroup**](https://github.com/MingruiZhang/react-animate-mount#animategroup) - provides animation for items entering & leaving a list.
 9 | 
10 | ![Gif Demo](https://media.giphy.com/media/1ZDtRxrFcosjQRyAC5/giphy.gif)
11 | 
12 | #### Install
13 | 
14 | ```bash
15 | $ yarn add react-animate-mount
16 | ```
17 | 
18 | #### Demos
19 | 
20 | * https://mingruizhang.github.io/react-animate-mount/
21 | * https://codesandbox.io/s/303lzkow5
22 | * https://codesandbox.io/s/zrwyk6l933
23 | 
24 | 
25 | ## Animate
26 | 
27 | Help animate single component when mount & umount
28 | 
29 | #### Usage
30 | 
31 | ```
32 | /** Before **/
33 | this.state.show ? {childen} : null;
34 | 
35 | /** After **/
36 | import { Animate } from 'react-animate-mount'
37 | 
38 | <Animate show={this.state.show}>
39 |   {childen}
40 | </Animate>
41 | ```
42 | 
43 | #### Props
44 | 
45 | | Name                                               | Type            | Description                     |
46 | | :------------------------------------------------- | :------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
47 | | **show**        | boolean    | The key boolean that indicate if the children should be mounted    |
48 | | **appear** | ?boolean = false | Normally component is not animated when `<Animate>` mounts, with this flag the child component will animate in on initialization.   |
49 | | **duration**       | ?number = 200 | The duration you want the animate to last in ms, default to 250 |
50 | | **type**       | ?string('slide' or 'fade') = 'slide' | Specify animation effect, sliding or pure fading |
51 | | **onAnimateComplete**       | ?function | Invokes when component animation finishes. |
52 | 
53 | 
54 | ## AnimateGroup
55 | 
56 | Wraps around a list of item, this provides `<Animate>` effect to each individual child. As item changes in the list, `<AnimateGroup>` will animate out removed children and animate in new children correctly.
57 | 
58 | Please provide unique key to each child. keys are used to identify child between renders
59 | 
60 | #### Usage
61 | 
62 | ```
63 | import { AnimateGroup } from 'react-animate-mount'
64 | 
65 | <AnimateGroup>
66 |   {items.map(item => (<Item key={item.key} data={item.data} />)}
67 | </AnimateGroup>
68 | ```
69 | 
70 | #### Props
71 | 
72 | | Name                                               | Type           | Description                     |
73 | | :------------------------------------------------- | :------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
74 | | **duration**       | ?number = 200 | The duration you want the animate to last in ms, default to 250 |
75 | | **type**       | ?string('slide' or 'fade') = 'slide' | Specify animation effect, sliding or pure fading |
76 | | **onAnimateComplete**       | ?function | Invokes when each time animation finishes. |
77 | 
78 | 
79 | 
80 | 


--------------------------------------------------------------------------------
/demo/examples/AnimateGroup.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | import ReactDOM from 'react-dom';
  3 | import AnimateGroup from '../../src/AnimateGroup'
  4 | 
  5 | let nameInc = 7;
  6 | 
  7 | const colorPalette = [
  8 |   'rgba(255, 202, 177, 0.4)',
  9 |   'rgba(105, 162, 176, 0.4)',
 10 |   'rgba(101, 145, 87, 0.4)',
 11 |   'rgba(161, 192, 132, 0.4)',
 12 |   'rgba(224, 82, 99, 0.4)',
 13 |   'rgba(31, 39, 27, 0.4)',
 14 |   'rgba(25, 100, 126, 0.4)',
 15 |   'rgba(40, 175, 176, 0.4)',
 16 |   'rgba(244, 211, 94, 0.4)',
 17 |   'rgba(238, 150, 75, 0.4)'
 18 | ];
 19 | 
 20 | const randomMode = ['AddRemove'];
 21 | 
 22 | const itemStyle = {
 23 | 	display: 'flex',
 24 | 	flexDirection: 'column',
 25 |   marginTop: 10,
 26 |   marginBottom: 10,
 27 |   padding: 5,
 28 | 	alignItems: 'center',
 29 |   borderRadius: 10
 30 | };
 31 | 
 32 | const textStyle = {
 33 |   fontSize: 16,
 34 |   fontWeight: 'bold'
 35 | };
 36 | 
 37 | class ExampleAnimateGroup extends React.PureComponent {
 38 |   state = {
 39 |     items: [
 40 |       {
 41 |         name: 1,
 42 |         bgc: colorPalette[0]
 43 |       },
 44 |       {
 45 |         name: 2,
 46 |         bgc: colorPalette[1]
 47 |       },
 48 |       {
 49 |         name: 3,
 50 |         bgc: colorPalette[2]
 51 |       },
 52 |       {
 53 |         name: 4,
 54 |         bgc: colorPalette[3]
 55 |       },
 56 |       {
 57 |         name: 5,
 58 |         bgc: colorPalette[4]
 59 |       }
 60 |     ]
 61 |   };
 62 | 
 63 |   _handleRandomAction = () => {
 64 |     const { items } = this.state;
 65 |     const mode = randomMode[this._getRandomInt(3)];
 66 |     if (items.length < 3) {
 67 |       this._randomAdd();
 68 |     } else if (items.length > 6) {
 69 |       this._randomRemove();
 70 |     } else if (mode === 'Add') {
 71 |       this._randomAdd();
 72 |     } else if (mode === 'Remove') {
 73 |       this._randomRemove();
 74 |     } else {
 75 |       this._randomAddRemove();
 76 |     }
 77 |   };
 78 | 
 79 |   _randomAdd = () => {
 80 |     const { items } = this.state;
 81 |     const randomPosition = this._getRandomInt(items.length);
 82 |     this.setState({
 83 |       items: [...items.slice(0, randomPosition), this._generateNewItem(), ...items.slice(randomPosition)]
 84 |     });
 85 |   };
 86 | 
 87 |   _randomRemove = () => {
 88 |     const { items } = this.state;
 89 |     const randomPosition = this._getRandomInt(items.length);
 90 |     this.setState({
 91 |       items: [...items.slice(0, randomPosition), ...items.slice(randomPosition + 1)]
 92 |     });
 93 |   };
 94 | 
 95 |   _randomAddRemove = () => {
 96 |     const { items } = this.state;
 97 |     const randomRemovePosition = this._getRandomInt(items.length);
 98 |     const itemsTemp = [...items.slice(0, randomRemovePosition), ...items.slice(randomRemovePosition + 1)];
 99 |     const randomAddPosition = this._getRandomInt(itemsTemp.length);
100 |     this.setState({
101 |       items: [...itemsTemp.slice(0, randomAddPosition), this._generateNewItem(), ...itemsTemp.slice(randomAddPosition)]
102 |     });
103 |   };
104 | 
105 |   _getRandomInt = (max: number) => {
106 |     return Math.floor(Math.random() * Math.floor(max));
107 |   };
108 | 
109 |   _generateNewItem = () => ({
110 |     name: nameInc++,
111 |     bgc: colorPalette[nameInc % 10]
112 |   });
113 | 
114 |   render() {
115 |     const { items } = this.state;
116 |     return (
117 |       <div className="example-root">
118 |         <div onClick={this._handleRandomAction} className="example-toggle">
119 |           Add/Remove item
120 |         </div>
121 |         <AnimateGroup>
122 |           {items.map(item => (
123 |             <div key={item.name} style={{...itemStyle, backgroundColor: item.bgc }}>
124 |               <p style={textStyle}>{item.name}</p>
125 |             </div>
126 |           ))}
127 |         </AnimateGroup>
128 |       </div>
129 |     );
130 |   }
131 | }
132 | 
133 | export default ExampleAnimateGroup;
134 | 


--------------------------------------------------------------------------------
/src/utils/mergeDiff.js:
--------------------------------------------------------------------------------
 1 | // @flow
 2 | import * as React from 'react';
 3 | 
 4 | type StatusEnum = $Values<typeof Status>;
 5 | export const Status = Object.freeze({
 6 |   in: 'in', // Child is animating in
 7 |   out: 'out', // Child is animating out
 8 |   static: 'static' // Child is from initial render or have animated in
 9 | });
10 | 
11 | export type ChildWithStatus = {|
12 |   status: StatusEnum,
13 |   child: React.Element<*>
14 | |};
15 | 
16 | /**
17 |  * Core merging algorithm: Topological sorting (https://en.wikipedia.org/wiki/Topological_sorting)
18 |  *
19 |  * If previous keys are [A, C] and the next render keys are [B, C, D], the merged keys should have
20 |  * - A, B must be before C, order of A and B can be ambiguous
21 |  * - D must be after C
22 |  *
23 |  * The result here could either be [A, B, C, D] or [B, A, C, D]. We will choose to always prioritize previous keys, so the final result here will be [A, B, C, D].
24 |  *
25 |  * We picked to use an insertion sort instead of Kahn's algorithm and can achieve closely O(n+m) complexity for the following reasons:
26 |  * 1. Essentially we are merging only two path.
27 |  * 2. The children we recieved from both render are already in order.
28 |  * 3. Most use cases for this function will have a diff that is limited in size. (add/remove one item)
29 |  *
30 |  * However, note that the complexity can be O(n*m) in the case that there are no similarities between the two input lists.
31 |  */
32 | export default (
33 |   prevChildren: Array<React.Element<*>>,
34 |   nextChildren: Array<React.Element<*>>
35 | ): Array<ChildWithStatus> => {
36 |   let nextChildIndex = 0;
37 |   let prevChildIndex = 0;
38 |   const mergedChildren = [];
39 |   while (prevChildIndex < prevChildren.length) {
40 |     if (nextChildIndex >= nextChildren.length) {
41 |       // in this case, we've exhausted all next children and merge the rest of prev children
42 |       mergedChildren.push(...prevChildren.slice(prevChildIndex).map(child => ({ child, status: Status.out })));
43 |       break;
44 |     }
45 |     const nextChild = nextChildren[nextChildIndex];
46 |     const prevChild = prevChildren[prevChildIndex];
47 | 
48 |     if (nextChild.key === prevChild.key) {
49 |       // if keys are equal, the child is static and has not transitioned between states
50 |       mergedChildren.push({ child: nextChild, status: Status.static });
51 |       nextChildIndex++;
52 |     } else {
53 |       // otherwise, we check for membership of prevChild in nextChildren
54 |       const prevChildIndexInNextChildren = nextChildren.findIndex(child => child.key === prevChild.key);
55 |       if (prevChildIndexInNextChildren >= 0) {
56 |         // if prevChild is in nextChildren, then the elements between nextChildIndex and prevChildIndexInNextChildren are transitioning in; thus we insert them
57 |         // and we also push the matching prevChild and nextChild at prevChildIndexInNextChildren + 1
58 |         // then move the indices accordingly.
59 |         mergedChildren.push(
60 |           ...nextChildren
61 |             .slice(nextChildIndex, prevChildIndexInNextChildren)
62 |             .map(child => ({ child, status: Status.in })),
63 |           { child: nextChildren[prevChildIndexInNextChildren], status: Status.static }
64 |         );
65 |         // Push the prevChild (also nextChildren at prevChildIndexInNextChildren)
66 |         nextChildIndex = prevChildIndexInNextChildren + 1;
67 |       } else {
68 |         // if prevChild is not in next children, that child is leaving.
69 |         mergedChildren.push({ child: prevChild, status: Status.out });
70 |       }
71 |     }
72 |     prevChildIndex++;
73 |   }
74 | 
75 |   if (nextChildIndex < nextChildren.length) {
76 |     // in this case, we've exhausted all prev children and merge the rest of next children
77 |     mergedChildren.push(...nextChildren.slice(nextChildIndex).map(child => ({ child, status: Status.in })));
78 |   }
79 | 
80 |   return mergedChildren;
81 | };
82 | 


--------------------------------------------------------------------------------
/demo/styles.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |   font-family: 'Raleway', sans-serif;
  3 |   letter-spacing: 1px;
  4 |   text-align: center;
  5 |   margin: 0;
  6 |   height: 100%;
  7 | }
  8 | 
  9 | a,
 10 | a:visited,
 11 | a:hover,
 12 | a:active {
 13 |   color: inherit;
 14 |   text-decoration: none;
 15 | }
 16 | 
 17 | .root {
 18 |   max-width: 960px;
 19 |   margin: 0 auto;
 20 |   margin-bottom: 50px;
 21 |   display: flex;
 22 |   flex-direction: column;
 23 | }
 24 | 
 25 | .header {
 26 |   font-weight: 300;
 27 |   font-size: 36px;
 28 |   margin-left: 20px;
 29 |   margin-right: 20px;
 30 | }
 31 | 
 32 | .header-sub {
 33 |   font-weight: 200;
 34 |   font-size: 16px;
 35 |   margin: 10px 20px 30px;
 36 | }
 37 | 
 38 | .nav {
 39 |   padding: 0;
 40 |   display: flex;
 41 |   flex-direction: row;
 42 |   justify-content: space-around;
 43 |   list-style-type: none;
 44 |   text-decoration: underline;
 45 | }
 46 | 
 47 | .floating-nav-fixed {
 48 |   z-index: 100;
 49 |   position: fixed;
 50 |   background-color: white;
 51 |   width: 100%;
 52 |   box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 4px 0px;
 53 | }
 54 | 
 55 | .floating-nav {
 56 |   padding: 15px 0;
 57 |   margin: 0;
 58 |   display: flex;
 59 |   flex-direction: row-reverse;
 60 |   justify-content: space-between;
 61 | }
 62 | 
 63 | .floating-left {
 64 |   margin-left: 40px;
 65 | }
 66 | 
 67 | .floating-right {
 68 |   margin: 0;
 69 |   padding: 0;
 70 |   display: flex;
 71 |   flex-direction: row;
 72 |   justify-content: space-between;
 73 |   align-items: center;
 74 |   list-style-type: none;
 75 | }
 76 | 
 77 | .right-margin {
 78 |   margin-right: 20px;
 79 | }
 80 | 
 81 | .floating-right li {
 82 |   margin-right: 20px;
 83 |   font-size: 14px;
 84 | }
 85 | 
 86 | .section {
 87 |   display: flex;
 88 |   flex-direction: column;
 89 |   align-items: center;
 90 |   margin: 40px 20px;
 91 | }
 92 | 
 93 | .section .section-header {
 94 |   font-weight: 300;
 95 | }
 96 | 
 97 | .section .section-text {
 98 |   font-weight: 200;
 99 |   font-size: 14px;
100 | }
101 | 
102 | .code-container {
103 |   max-width: 500px;
104 |   width: 100%;
105 |   display: flex;
106 |   flex-direction: column;
107 |   border: 1px solid black;
108 |   border-radius: 10px;
109 |   overflow: hidden;
110 |   margin: 20px 0 30px;
111 |   box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 4px 0px, rgba(0, 0, 0, 0.12) 0px 4px 4px 0px;
112 | }
113 | 
114 | .code {
115 |   display: flex;
116 |   flex-direction: column;
117 |   justify-content: flex-start;
118 |   padding: 20px 50px;
119 |   font-family: 'Inconsolata', monospace;
120 |   line-height: 1.4rem;
121 |   font-size: 14px;
122 |   background-color: black;
123 |   color: white;
124 |   white-space: pre-wrap;
125 |   text-align: left;
126 | }
127 | 
128 | .code-red {
129 |   color: rgba(242, 112, 118, 100);
130 | }
131 | 
132 | .code-purple {
133 |   color: rgba(200, 143, 236, 100);
134 | }
135 | 
136 | .example-root {
137 |   margin: 20px;
138 |   display: flex;
139 |   flex-direction: column;
140 |   justify-content: center;
141 |   position: relative;
142 | }
143 | 
144 | .example-toggle {
145 |   -webkit-user-select: none; /* Safari 3.1+ */
146 |   -moz-user-select: none; /* Firefox 2+ */
147 |   -ms-user-select: none; /* IE 10+ */
148 |   user-select: none;
149 |   margin: 0 0 20px;
150 |   padding: 10px 20px;
151 |   border-radius: 10px;
152 |   font-weight: bold;
153 |   border: 1px solid black;
154 |   transition: background-color 0.15s ease;
155 |   cursor: pointer;
156 | }
157 | 
158 | .example-toggle:hover,
159 | .example-toggle:active {
160 |   background-color: rgba(113, 129, 141, 0.15);
161 | }
162 | 
163 | .example-content {
164 |   text-align: center;
165 |   background: rgba(105, 162, 176, 0.4);
166 |   padding: 20px;
167 |   border-radius: 10px;
168 | }
169 | 
170 | .example-animate {
171 |   text-align: center;
172 |   background: rgba(255, 202, 177, 0.4);
173 |   padding: 20px;
174 |   margin-bottom: 20px;
175 |   border-radius: 10px;
176 | }
177 | 
178 | .example-animate-2 {
179 |   text-align: center;
180 |   background: rgba(255, 202, 177, 0.4);
181 |   padding: 20px;
182 |   margin-bottom: 20px;
183 |   border-radius: 10px;
184 |   box-sizing: border-box;
185 |   background-color: rgba(224, 197, 241, 100);
186 |   box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 4px 0px, rgba(0, 0, 0, 0.12) 0px 4px 4px 0px;
187 | 
188 | }
189 | 
190 | .floating {
191 |   top: -125px;
192 |   width: 100%;
193 |   position: absolute;
194 |   z-index: 10;
195 | }
196 | 


--------------------------------------------------------------------------------
/docs/style.css:
--------------------------------------------------------------------------------
  1 | body {
  2 |   font-family: 'Raleway', sans-serif;
  3 |   letter-spacing: 1px;
  4 |   text-align: center;
  5 |   margin: 0;
  6 |   height: 100%;
  7 | }
  8 | 
  9 | a,
 10 | a:visited,
 11 | a:hover,
 12 | a:active {
 13 |   color: inherit;
 14 |   text-decoration: none;
 15 | }
 16 | 
 17 | .root {
 18 |   max-width: 960px;
 19 |   margin: 0 auto;
 20 |   margin-bottom: 50px;
 21 |   display: flex;
 22 |   flex-direction: column;
 23 | }
 24 | 
 25 | .header {
 26 |   font-weight: 300;
 27 |   font-size: 36px;
 28 |   margin-left: 20px;
 29 |   margin-right: 20px;
 30 | }
 31 | 
 32 | .header-sub {
 33 |   font-weight: 200;
 34 |   font-size: 16px;
 35 |   margin: 10px 20px 30px;
 36 | }
 37 | 
 38 | .nav {
 39 |   padding: 0;
 40 |   display: flex;
 41 |   flex-direction: row;
 42 |   justify-content: space-around;
 43 |   list-style-type: none;
 44 |   text-decoration: underline;
 45 | }
 46 | 
 47 | .floating-nav-fixed {
 48 |   z-index: 100;
 49 |   position: fixed;
 50 |   background-color: white;
 51 |   width: 100%;
 52 |   box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 4px 0px;
 53 | }
 54 | 
 55 | .floating-nav {
 56 |   padding: 15px 0;
 57 |   margin: 0;
 58 |   display: flex;
 59 |   flex-direction: row-reverse;
 60 |   justify-content: space-between;
 61 | }
 62 | 
 63 | .floating-left {
 64 |   margin-left: 40px;
 65 | }
 66 | 
 67 | .floating-right {
 68 |   margin: 0;
 69 |   padding: 0;
 70 |   display: flex;
 71 |   flex-direction: row;
 72 |   justify-content: space-between;
 73 |   align-items: center;
 74 |   list-style-type: none;
 75 | }
 76 | 
 77 | .right-margin {
 78 |   margin-right: 20px;
 79 | }
 80 | 
 81 | .floating-right li {
 82 |   margin-right: 20px;
 83 |   font-size: 14px;
 84 | }
 85 | 
 86 | .section {
 87 |   display: flex;
 88 |   flex-direction: column;
 89 |   align-items: center;
 90 |   margin: 40px 20px;
 91 | }
 92 | 
 93 | .section .section-header {
 94 |   font-weight: 300;
 95 | }
 96 | 
 97 | .section .section-text {
 98 |   font-weight: 200;
 99 |   font-size: 14px;
100 | }
101 | 
102 | .code-container {
103 |   max-width: 500px;
104 |   width: 100%;
105 |   display: flex;
106 |   flex-direction: column;
107 |   border: 1px solid black;
108 |   border-radius: 10px;
109 |   overflow: hidden;
110 |   margin: 20px 0 30px;
111 |   box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 4px 0px, rgba(0, 0, 0, 0.12) 0px 4px 4px 0px;
112 | }
113 | 
114 | .code {
115 |   display: flex;
116 |   flex-direction: column;
117 |   justify-content: flex-start;
118 |   padding: 20px 50px;
119 |   font-family: 'Inconsolata', monospace;
120 |   line-height: 1.4rem;
121 |   font-size: 14px;
122 |   background-color: black;
123 |   color: white;
124 |   white-space: pre-wrap;
125 |   text-align: left;
126 | }
127 | 
128 | .code-red {
129 |   color: rgba(242, 112, 118, 100);
130 | }
131 | 
132 | .code-purple {
133 |   color: rgba(200, 143, 236, 100);
134 | }
135 | 
136 | .example-root {
137 |   margin: 20px;
138 |   display: flex;
139 |   flex-direction: column;
140 |   justify-content: center;
141 |   position: relative;
142 | }
143 | 
144 | .example-toggle {
145 |   -webkit-user-select: none; /* Safari 3.1+ */
146 |   -moz-user-select: none; /* Firefox 2+ */
147 |   -ms-user-select: none; /* IE 10+ */
148 |   user-select: none;
149 |   margin: 0 0 20px;
150 |   padding: 10px 20px;
151 |   border-radius: 10px;
152 |   font-weight: bold;
153 |   border: 1px solid black;
154 |   transition: background-color 0.15s ease;
155 |   cursor: pointer;
156 | }
157 | 
158 | .example-toggle:hover,
159 | .example-toggle:active {
160 |   background-color: rgba(113, 129, 141, 0.15);
161 | }
162 | 
163 | .example-content {
164 |   text-align: center;
165 |   background: rgba(105, 162, 176, 0.4);
166 |   padding: 20px;
167 |   border-radius: 10px;
168 | }
169 | 
170 | .example-animate {
171 |   text-align: center;
172 |   background: rgba(255, 202, 177, 0.4);
173 |   padding: 20px;
174 |   margin-bottom: 20px;
175 |   border-radius: 10px;
176 | }
177 | 
178 | .example-animate-2 {
179 |   text-align: center;
180 |   background: rgba(255, 202, 177, 0.4);
181 |   padding: 20px;
182 |   margin-bottom: 20px;
183 |   border-radius: 10px;
184 |   box-sizing: border-box;
185 |   background-color: rgba(224, 197, 241, 100);
186 |   box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 4px 0px, rgba(0, 0, 0, 0.12) 0px 4px 4px 0px;
187 | 
188 | }
189 | 
190 | .floating {
191 |   top: -125px;
192 |   width: 100%;
193 |   position: absolute;
194 |   z-index: 10;
195 | }
196 | 


--------------------------------------------------------------------------------
/test/Animate.test.js:
--------------------------------------------------------------------------------
  1 | // @flow
  2 | import * as React from 'react';
  3 | import Animate from '../src/Animate';
  4 | import { mount } from 'enzyme';
  5 | 
  6 | const TestChildren = <div testid={'children'} />;
  7 | const onCompleteFn = jest.fn();
  8 | const outerLayerNode = 'outerLayerNode';
  9 | 
 10 | const validateStaticMounted = component => {
 11 |   expect(component.state('animateStage')).toBe('static');
 12 |   expect(onCompleteFn).toBeCalled();
 13 |   expect(component.find({ testid: 'children' })).toHaveLength(1);
 14 | };
 15 | 
 16 | const validateStaticUnmounted = component => {
 17 |   expect(component.state('animateStage')).toBe('static');
 18 |   expect(onCompleteFn).toBeCalled();
 19 |   component.update();
 20 |   expect(component.find({ testid: 'children' })).toHaveLength(0);
 21 | };
 22 | 
 23 | describe('Animate', () => {
 24 |   jest.useFakeTimers();
 25 |   window.requestAnimationFrame = cb => {
 26 |     setTimeout(cb, 0);
 27 |   };
 28 | 
 29 |   describe('initial render', () => {
 30 |     test('be null when show=false', () => {
 31 |       const component = new Animate({ show: false, children: TestChildren, duration: 200, type: 'slide' });
 32 |       expect(component.render()).toBeNull();
 33 |     });
 34 | 
 35 |     test('be children 2 wrapped View when show=true', () => {
 36 |       const component = new Animate({ show: true, children: TestChildren, duration: 200, type: 'slide' });
 37 |       expect(component.render()).toEqual(
 38 |         <div>
 39 |           <div style={{ display: 'flex', flexDirection: 'column' }}>{TestChildren}</div>
 40 |         </div>
 41 |       );
 42 |     });
 43 |   });
 44 | 
 45 |   describe('mounting transition', () => {
 46 |     let component;
 47 |     let transitionEndCallback;
 48 | 
 49 |     beforeEach(() => {
 50 |       component = mount(
 51 |         <Animate onAnimateComplete={onCompleteFn} show={false}>
 52 |           {TestChildren}
 53 |         </Animate>
 54 |       );
 55 |       component.instance()._setInnerLayerNode = jest.fn();
 56 |       expect(component.find({ testid: 'children' })).toHaveLength(0);
 57 |       expect(component.state('animateStage')).toBe('static');
 58 |       component.setProps({ show: true });
 59 |       // animateStage change to 'prep'
 60 |       expect(component.state('animateStage')).toBe('prep');
 61 |       expect(component.find({ testid: 'children' })).toHaveLength(1);
 62 |       const outerLayer = component.children();
 63 |       transitionEndCallback = outerLayer.prop('onTransitionEnd');
 64 |       // animateStage change to 'animate'
 65 |       component.instance()._transitionStart({ componentHeight: 300 });
 66 |       expect(component.state('animateStage')).toBe('animate');
 67 |       expect(component.state('animateProps')).toEqual({ height: 0, opacity: 0 });
 68 |       jest.advanceTimersByTime(5);
 69 |       expect(component.state('animateProps')).toEqual({ height: 300, opacity: 1 });
 70 |       component.instance()._outerLayerNode = outerLayerNode;
 71 |     });
 72 | 
 73 |     test('basic prep -> animate -> static flow', () => {
 74 |       // css transition ends
 75 |       transitionEndCallback({ target: outerLayerNode });
 76 | 
 77 |       validateStaticMounted(component);
 78 |     });
 79 | 
 80 |     test('intecepted by un-mount during animate', () => {
 81 |       // new prop came in before transition finishes
 82 |       component.setProps({ show: false });
 83 |       // animateStage change to 'animate' but different firection
 84 |       expect(component.state('animateStage')).toBe('animate');
 85 |       expect(component.state('animateProps')).toEqual({ height: 0, opacity: 0 });
 86 |       transitionEndCallback({ target: outerLayerNode });
 87 | 
 88 |       validateStaticUnmounted(component);
 89 |     });
 90 |   });
 91 | 
 92 |   describe('un-mounting transition', () => {
 93 |     let component;
 94 |     let transitionEndCallback;
 95 | 
 96 |     beforeEach(() => {
 97 |       component = mount(
 98 |         <Animate onAnimateComplete={onCompleteFn} show>
 99 |           {TestChildren}
100 |         </Animate>
101 |       );
102 |       component.instance()._setInnerLayerNode = jest.fn();
103 |       expect(component.find({ testid: 'children' })).toHaveLength(1);
104 |       expect(component.state('animateStage')).toBe('static');
105 |       component.setProps({ show: false });
106 |       // animateStage change to 'prep'
107 |       expect(component.state('animateStage')).toBe('prep');
108 |       expect(component.find({ testid: 'children' })).toHaveLength(1);
109 |       const outerLayer = component.children();
110 |       transitionEndCallback = outerLayer.prop('onTransitionEnd');
111 |       component.instance()._transitionStart({ componentHeight: 300 });
112 |       // animateStage change to 'animate'
113 |       expect(component.state('animateStage')).toBe('animate');
114 |       expect(component.state('animateProps')).toEqual({ height: 300, opacity: 1 });
115 |       jest.advanceTimersByTime(5);
116 |       expect(component.state('animateProps')).toEqual({ height: 0, opacity: 0 });
117 |       component.instance()._outerLayerNode = outerLayerNode;
118 |     });
119 | 
120 |     test('basic prep -> animate -> static flow', () => {
121 |       // css transition ends
122 |       transitionEndCallback({ target: outerLayerNode });
123 | 
124 |       validateStaticUnmounted(component);
125 |     });
126 | 
127 |     test('intecepted by mount during animate', () => {
128 |       // new prop came in before transition finishes
129 |       component.setProps({ show: true });
130 |       // animateStage change to 'animate' but different firection
131 |       expect(component.state('animateStage')).toBe('animate');
132 |       expect(component.state('animateProps')).toEqual({ height: 300, opacity: 1 });
133 |       transitionEndCallback({ target: outerLayerNode });
134 | 
135 |       validateStaticMounted(component);
136 |     });
137 |   });
138 | });
139 | 


--------------------------------------------------------------------------------
/test/AnimateGroup.test.js:
--------------------------------------------------------------------------------
  1 | // @flow
  2 | // eslint-env jest
  3 | import * as React from 'react';
  4 | import AnimateGroup from '../src/AnimateGroup';
  5 | import { mount } from 'enzyme';
  6 | import mergeDiff, { Status } from '../src/utils/mergeDiff';
  7 | 
  8 | const textArrayInit = [
  9 |   <div key={'item-1'}>Text 1</div>,
 10 |   <div key={'item-2'}>Text 2</div>,
 11 |   <div key={'item-3'}>Text 3</div>,
 12 |   <div key={'item-4'}>Text 4</div>,
 13 |   <div key={'item-5'}>Text 5</div>
 14 | ];
 15 | 
 16 | describe('AnimateGroup', () => {
 17 |   describe('mergeDiff', () => {
 18 |     test('merge correctly when adding new item in middle', () => {
 19 |       // Added 'Text 6' betweet 3 and 4
 20 |       const textArrayNew = [
 21 |         <div key={'item-1'}>Text 1</div>,
 22 |         <div key={'item-2'}>Text 2</div>,
 23 |         <div key={'item-3'}>Text 3</div>,
 24 |         <div key={'item-6'}>Text 6</div>,
 25 |         <div key={'item-4'}>Text 4</div>,
 26 |         <div key={'item-5'}>Text 5</div>
 27 |       ];
 28 | 
 29 |       expect(mergeDiff(textArrayInit, textArrayNew)).toEqual([
 30 |         { child: <div key={'item-1'}>Text 1</div>, status: Status.static },
 31 |         { child: <div key={'item-2'}>Text 2</div>, status: Status.static },
 32 |         { child: <div key={'item-3'}>Text 3</div>, status: Status.static },
 33 |         { child: <div key={'item-6'}>Text 6</div>, status: Status.in },
 34 |         { child: <div key={'item-4'}>Text 4</div>, status: Status.static },
 35 |         { child: <div key={'item-5'}>Text 5</div>, status: Status.static }
 36 |       ]);
 37 |     });
 38 | 
 39 |     test('merge correctly when adding new item at end', () => {
 40 |       // Added 'Text 6' after 5
 41 |       const textArrayNew = [
 42 |         <div key={'item-1'}>Text 1</div>,
 43 |         <div key={'item-2'}>Text 2</div>,
 44 |         <div key={'item-3'}>Text 3</div>,
 45 |         <div key={'item-4'}>Text 4</div>,
 46 |         <div key={'item-5'}>Text 5</div>,
 47 |         <div key={'item-6'}>Text 6</div>
 48 |       ];
 49 | 
 50 |       expect(mergeDiff(textArrayInit, textArrayNew)).toEqual([
 51 |         { child: <div key={'item-1'}>Text 1</div>, status: Status.static },
 52 |         { child: <div key={'item-2'}>Text 2</div>, status: Status.static },
 53 |         { child: <div key={'item-3'}>Text 3</div>, status: Status.static },
 54 |         { child: <div key={'item-4'}>Text 4</div>, status: Status.static },
 55 |         { child: <div key={'item-5'}>Text 5</div>, status: Status.static },
 56 |         { child: <div key={'item-6'}>Text 6</div>, status: Status.in }
 57 |       ]);
 58 |     });
 59 | 
 60 |     test('merge correctly when removing item in middle', () => {
 61 |       // Removed 'Text 2'
 62 |       const textArrayNew = [
 63 |         <div key={'item-1'}>Text 1</div>,
 64 |         <div key={'item-3'}>Text 3</div>,
 65 |         <div key={'item-4'}>Text 4</div>,
 66 |         <div key={'item-5'}>Text 5</div>
 67 |       ];
 68 | 
 69 |       expect(mergeDiff(textArrayInit, textArrayNew)).toEqual([
 70 |         { child: <div key={'item-1'}>Text 1</div>, status: Status.static },
 71 |         { child: <div key={'item-2'}>Text 2</div>, status: Status.out },
 72 |         { child: <div key={'item-3'}>Text 3</div>, status: Status.static },
 73 |         { child: <div key={'item-4'}>Text 4</div>, status: Status.static },
 74 |         { child: <div key={'item-5'}>Text 5</div>, status: Status.static }
 75 |       ]);
 76 |     });
 77 | 
 78 |     test('merge correctly when removing item at end', () => {
 79 |       // Removed 'Text 5'
 80 |       const textArrayNew = [
 81 |         <div key={'item-1'}>Text 1</div>,
 82 |         <div key={'item-2'}>Text 2</div>,
 83 |         <div key={'item-3'}>Text 3</div>,
 84 |         <div key={'item-4'}>Text 4</div>
 85 |       ];
 86 | 
 87 |       expect(mergeDiff(textArrayInit, textArrayNew)).toEqual([
 88 |         { child: <div key={'item-1'}>Text 1</div>, status: Status.static },
 89 |         { child: <div key={'item-2'}>Text 2</div>, status: Status.static },
 90 |         { child: <div key={'item-3'}>Text 3</div>, status: Status.static },
 91 |         { child: <div key={'item-4'}>Text 4</div>, status: Status.static },
 92 |         { child: <div key={'item-5'}>Text 5</div>, status: Status.out }
 93 |       ]);
 94 |     });
 95 | 
 96 |     test('merge correctly when both adding and removing item', () => {
 97 |       // Removed 2 and 4 ,Added 6 and 7
 98 |       const textArrayNew = [
 99 |         <div key={'item-1'}>Text 1</div>,
100 |         <div key={'item-7'}>Text 7</div>,
101 |         <div key={'item-3'}>Text 3</div>,
102 |         <div key={'item-5'}>Text 5</div>,
103 |         <div key={'item-6'}>Text 6</div>
104 |       ];
105 | 
106 |       expect(mergeDiff(textArrayInit, textArrayNew)).toEqual([
107 |         { child: <div key={'item-1'}>Text 1</div>, status: Status.static },
108 |         { child: <div key={'item-2'}>Text 2</div>, status: Status.out },
109 |         { child: <div key={'item-7'}>Text 7</div>, status: Status.in },
110 |         { child: <div key={'item-3'}>Text 3</div>, status: Status.static },
111 |         { child: <div key={'item-4'}>Text 4</div>, status: Status.out },
112 |         { child: <div key={'item-5'}>Text 5</div>, status: Status.static },
113 |         { child: <div key={'item-6'}>Text 6</div>, status: Status.in }
114 |       ]);
115 |     });
116 |   });
117 | 
118 |   test('onAnimateComplete gets triggered only when all animate finishesComplete', () => {
119 |     const onCompleteStub = jest.fn();
120 |     const component = mount(<AnimateGroup onAnimateComplete={onCompleteStub}>{textArrayInit}</AnimateGroup>);
121 |     const textArrayNew = [
122 |       <div key={'item-1'}>Text 1</div>,
123 |       <div key={'item-7'}>Text 7</div>,
124 |       <div key={'item-3'}>Text 3</div>,
125 |       <div key={'item-5'}>Text 5</div>,
126 |       <div key={'item-6'}>Text 6</div>
127 |     ];
128 |     component.setProps({ children: textArrayNew });
129 |     expect(component.state('isAnimating')).toEqual(true);
130 |     component.instance()._handleEachAnimateComplete();
131 |     expect(component.state('isAnimating')).toEqual(false);
132 |     expect(onCompleteStub).toBeCalled();
133 |   });
134 | });
135 | 


--------------------------------------------------------------------------------
/src/Animate.js:
--------------------------------------------------------------------------------
  1 | // @flow
  2 | import * as React from 'react';
  3 | import ReactDOM from 'react-dom';
  4 | 
  5 | type AnimateStageEnum = $Values<typeof AnimateStage>;
  6 | const AnimateStage = Object.freeze({
  7 |   animate: 'animate',
  8 |   static: 'static',
  9 |   prep: 'prep'
 10 | });
 11 | 
 12 | type AnimateProps = {
 13 |   height: number | 'auto',
 14 |   opacity: number
 15 | };
 16 | 
 17 | type Props = {|
 18 |   appear?: boolean,
 19 |   children: React.Node,
 20 |   duration: number,
 21 |   onAnimateComplete?: () => void,
 22 |   type: 'slide' | 'fade',
 23 |   show: boolean
 24 | |};
 25 | 
 26 | type State = {|
 27 |   renderChildren: React.Node,
 28 |   animateStage: AnimateStageEnum,
 29 |   animateProps: AnimateProps,
 30 |   componentHeight: number,
 31 |   props: Props
 32 | |};
 33 | 
 34 | // Set inner layer to be flex to avoid collapsing margins
 35 | const innerLayerStyle = { display: 'flex', flexDirection: 'column' };
 36 | const transitionStyle = duration => ({
 37 |   transitionProperty: 'opacity, height',
 38 |   transitionTimingFunction: 'ease',
 39 |   overflow: 'hidden',
 40 |   transitionDuration: `${duration}ms`
 41 | });
 42 | 
 43 | export class Animate extends React.Component<Props, State> {
 44 |   _mounted: boolean;
 45 |   _outerLayerNode: ?(Element | Text);
 46 |   _innerLayerNode: ?(Element | Text);
 47 | 
 48 |   static defaultProps = {
 49 |     duration: 250,
 50 |     type: 'slide'
 51 |   };
 52 | 
 53 |   state = {
 54 |     animateStage: AnimateStage.static,
 55 |     animateProps: this.props.show && !this.props.appear ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 },
 56 |     renderChildren: this.props.children,
 57 |     componentHeight: 0,
 58 |     props: {
 59 |       ...this.props,
 60 |       show: this.props.appear ? !this.props.show : this.props.show
 61 |     }
 62 |   };
 63 | 
 64 |   componentDidMount() {
 65 |     this._mounted = true;
 66 |   }
 67 | 
 68 |   componentWillUnmount() {
 69 |     this._mounted = false;
 70 |   }
 71 | 
 72 |   static getDerivedStateFromProps(nextProps: Props, prevState: State) {
 73 |     if (nextProps.show !== prevState.props.show) {
 74 |       if (prevState.animateStage === AnimateStage.static) {
 75 |         return {
 76 |           animateStage: AnimateStage.prep,
 77 |           renderChildren: nextProps.show ? nextProps.children : prevState.props.children,
 78 |           props: nextProps
 79 |         };
 80 |       } else {
 81 |         return {
 82 |           animateStage: AnimateStage.animate,
 83 |           animateProps: nextProps.show ? { height: prevState.componentHeight, opacity: 1 } : { height: 0, opacity: 0 },
 84 |           props: nextProps
 85 |         };
 86 |       }
 87 |     } else {
 88 |       return {
 89 |         props: nextProps,
 90 |         renderChildren: nextProps.children
 91 |       };
 92 |     }
 93 |   }
 94 | 
 95 |   render() {
 96 |     const {
 97 |       animateProps: { height, opacity },
 98 |       animateStage,
 99 |       renderChildren,
100 |       props: { show, duration }
101 |     } = this.state;
102 | 
103 |     const isStatic = animateStage === AnimateStage.static;
104 |     const isAnimate = animateStage === AnimateStage.animate;
105 | 
106 |     const outerLayerStyle = isAnimate ? { height, opacity, ...transitionStyle(duration) } : { height, opacity };
107 | 
108 |     if (isStatic) {
109 |       return show ? (
110 |         <div>
111 |           <div style={innerLayerStyle}>{renderChildren}</div>
112 |         </div>
113 |       ) : null;
114 |     } else {
115 |       return (
116 |         <div onTransitionEnd={this._handleTransitionEnd} ref={this._setOuterLayerNode} style={outerLayerStyle}>
117 |           <div ref={this._setInnerLayerNode} style={innerLayerStyle}>
118 |             {renderChildren}
119 |           </div>
120 |         </div>
121 |       );
122 |     }
123 |   }
124 | 
125 |   _transitionStart = ({ componentHeight }: Object) => {
126 |     const {
127 |       props: { show, type }
128 |     } = this.state;
129 |     const isFade = type === 'fade';
130 |     if (show) {
131 |       this.setState(
132 |         {
133 |           animateProps: { height: isFade ? 'auto' : 0, opacity: 0 },
134 |           animateStage: AnimateStage.animate,
135 |           componentHeight
136 |         },
137 |         this._requestNewFrame(() => {
138 |           this.setState({
139 |             animateProps: { height: isFade ? 'auto' : componentHeight, opacity: 1 }
140 |           });
141 |         })
142 |       );
143 |     } else {
144 |       this.setState(
145 |         {
146 |           animateProps: { height: isFade ? 'auto' : componentHeight, opacity: 1 },
147 |           animateStage: AnimateStage.animate,
148 |           componentHeight
149 |         },
150 |         this._requestNewFrame(() => {
151 |           this.setState({
152 |             animateProps: { height: isFade ? 'auto' : 0, opacity: 0 }
153 |           });
154 |         })
155 |       );
156 |     }
157 |   };
158 | 
159 |   _handleTransitionEnd = (event: SyntheticTransitionEvent<*>) => {
160 |     const { onAnimateComplete, show } = this.props;
161 |     // Prevent side-effect of capturing parent transition events
162 |     if (event.target === this._outerLayerNode) {
163 |       onAnimateComplete && onAnimateComplete();
164 |       this.setState({
165 |         animateProps: show ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 },
166 |         animateStage: AnimateStage.static
167 |       });
168 |     }
169 |   };
170 | 
171 |   _requestNewFrame = (cb: () => void) => {
172 |     window.requestAnimationFrame(() => {
173 |       window.requestAnimationFrame(() => {
174 |         if (this._mounted) {
175 |           cb();
176 |         }
177 |       });
178 |     });
179 |   };
180 | 
181 |   _setOuterLayerNode = (elementRef: ?React.ElementRef<*>) => {
182 |     this._outerLayerNode = ReactDOM.findDOMNode(elementRef);
183 |   };
184 | 
185 |   _setInnerLayerNode = (elementRef: ?React.ElementRef<*>) => {
186 |     const innerLayerNode = ReactDOM.findDOMNode(elementRef);
187 |     if (innerLayerNode instanceof window.HTMLElement) {
188 |       const height = innerLayerNode.getBoundingClientRect().height;
189 |       this._transitionStart({ componentHeight: height });
190 |     }
191 |   };
192 | }
193 | 
194 | export default Animate;
195 | 


--------------------------------------------------------------------------------
/demo/index.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | import ReactDOM from 'react-dom';
  3 | import { Animate } from '../src/Animate';
  4 | 
  5 | import ExampleAnimate1 from './examples/Animate-1';
  6 | import ExampleAnimate2 from './examples/Animate-2';
  7 | import ExampleAnimateGroup from './examples/AnimateGroup';
  8 | import CodeExample from './CodeExample';
  9 | 
 10 | import './styles.css';
 11 | 
 12 | class App extends React.Component {
 13 |   state = { floatingNav: false, narrowScreen: false };
 14 | 
 15 |   componentDidMount() {
 16 |     window.onscroll = () => {
 17 |       const { floatingNav } = this.state;
 18 |       if (window.pageYOffset >= 180 && !floatingNav) {
 19 |         this.setState({ floatingNav: true });
 20 |       }
 21 |       if (window.pageYOffset < 180 && floatingNav) {
 22 |         this.setState({ floatingNav: false });
 23 |       }
 24 |     };
 25 | 
 26 |     if (window.innerWidth < 800) {
 27 |       this.setState({ narrowScreen: true });
 28 |     }
 29 |   }
 30 | 
 31 |   render() {
 32 |     const { floatingNav, narrowScreen } = this.state;
 33 |     const floatingRightCSS = narrowScreen ? 'floating-right' : 'floating-right right-margin';
 34 |     return (
 35 |       <React.Fragment>
 36 |         <div className="floating-nav-fixed">
 37 |           <Animate show={floatingNav}>
 38 |             <div className="floating-nav">
 39 |               <ul className={floatingRightCSS}>
 40 |                 <li>
 41 |                   <a href="#" onClick={this.scrollToAnimateSection}>
 42 |                     Animate
 43 |                   </a>
 44 |                 </li>
 45 |                 <li>
 46 |                   <a href="#" onClick={this.scrollToAnimateGroupSection}>
 47 |                     AnimateGroup
 48 |                   </a>
 49 |                 </li>
 50 |                 <li>
 51 |                   <a href="#" onClick={this.scrollToGithubSection}>
 52 |                     Github
 53 |                   </a>
 54 |                 </li>
 55 |               </ul>
 56 |               {narrowScreen ? null : <div className="floating-left">React Animate Mount</div>}
 57 |             </div>
 58 |           </Animate>
 59 |         </div>
 60 |         <div className="root">
 61 |           <Animate appear duration={750} show>
 62 |             <h1 className="header">React Animate Mount</h1>
 63 |             <h3 className="header-sub">Simple and light component for animating mount and unmount</h3>
 64 |           </Animate>
 65 |           <ul className="nav">
 66 |             <li>
 67 |               <a href="#" onClick={this.scrollToAnimateSection}>
 68 |                 Animate
 69 |               </a>
 70 |             </li>
 71 |             <li>
 72 |               <a href="#" onClick={this.scrollToAnimateGroupSection}>
 73 |                 AnimateGroup
 74 |               </a>
 75 |             </li>
 76 |             <li>
 77 |               <a href="#" onClick={this.scrollToGithubSection}>
 78 |                 Github
 79 |               </a>
 80 |             </li>
 81 |           </ul>
 82 |           <section className="section" id="animate" ref={this._animateSectionRef}>
 83 |             <h2 className="section-header">&#60; Animate /&#62;</h2>
 84 |             <p className="section-text">
 85 |               SlideUp / SlideDown component (animate height 0 and 'auto', like this page's floating nav)
 86 |             </p>
 87 |             <CodeExample
 88 |               code={
 89 |                 <React.Fragment>
 90 |                   <div className="code-red">{`<Animate show={this.state.show} />`}</div>
 91 |                   <div>{`  <div className="example-animate">`}</div>
 92 |                   <div>{`    <h2>This component slideUp and slideDown</h2>`}</div>
 93 |                   <div>{`  </div>`}</div>
 94 |                   <div className="code-red">{`</Animate>`}</div>
 95 |                 </React.Fragment>
 96 |               }
 97 |               example={<ExampleAnimate1 />}
 98 |             />
 99 |             <p className="section-text">FadeIn / FadeOut component (animate opacity 0 and 1)</p>
100 |             <CodeExample
101 |               code={
102 |                 <React.Fragment>
103 |                   <div className="code-red">
104 |                     <span>{`<Animate show={this.state.show} `}</span>
105 |                     <span className="code-purple">{`type="fade" `}</span>
106 |                     <span>{`/>`}</span>
107 |                   </div>
108 |                   <div>{`  <div className="example-animate">`}</div>
109 |                   <div>{`    <h2>This component fadeIn and fadeOut</h2>`}</div>
110 |                   <div>{`  </div>`}</div>
111 |                   <div className="code-red">{`</Animate>`}</div>
112 |                 </React.Fragment>
113 |               }
114 |               example={<ExampleAnimate2 />}
115 |             />
116 |             <p className="section-text">Or simply animateIn on mount (like this page's header) </p>
117 |             <CodeExample
118 |               code={
119 |                 <React.Fragment>
120 |                   <div className="code-red">
121 |                     <span>{`<Animate `}</span>
122 |                     <span className="code-purple">{`appear `}</span>
123 |                     <span>{`show />`}</span>
124 |                   </div>
125 |                   <div>{`  <h1>React Animate Mount</h1>`}</div>
126 |                   <div>{`  <h3> Simple and light component... </h3>`}</div>
127 |                   <div className="code-red">{`</Animate>`}</div>
128 |                 </React.Fragment>
129 |               }
130 |             />
131 |           </section>
132 |           <section className="section" id="animate-group" ref={this._animateGroupSectionRef}>
133 |             <h2 className="section-header">&#60; AnimateGroup /&#62;</h2>
134 |             <p className="section-text">Animate items when they are added / removed from a list</p>
135 |             <CodeExample
136 |               code={
137 |                 <React.Fragment>
138 |                   <div className="code-red">{`<AnimateGroup>`}</div>
139 |                   <div>{`  {items.map(item => (<Item key=... data=... />)}`}</div>
140 |                   <div className="code-red">{`</AnimateGroup>`}</div>
141 |                 </React.Fragment>
142 |               }
143 |               example={<ExampleAnimateGroup />}
144 |             />
145 |           </section>
146 |           <section className="section" id="github" ref={this._githubSectionRef}>
147 |             <h2 className="section-header">Github</h2>
148 |             <a href="https://github.com/MingruiZhang/react-animate-mount" className="section-text" target="_blank">
149 |               https://github.com/MingruiZhang/react-animate-mount
150 |             </a>
151 |           </section>
152 |         </div>
153 |       </React.Fragment>
154 |     );
155 |   }
156 | 
157 |   scrollToAnimateSection = event => {
158 |     event.preventDefault();
159 |     this.scrollToSection(this._animateSectionNode);
160 |   };
161 | 
162 |   scrollToAnimateGroupSection = event => {
163 |     event.preventDefault();
164 |     this.scrollToSection(this._animateGroupSectionNode);
165 |   };
166 | 
167 |   scrollToGithubSection = event => {
168 |     event.preventDefault();
169 |     this.scrollToSection(this._githubSectionNode);
170 |   };
171 | 
172 |   scrollToSection = node => {
173 |     const behavior = 'scrollBehavior' in document.documentElement.style ? 'smooth' : undefined;
174 | 
175 |     if (node instanceof window.HTMLElement) {
176 |       const { top } = node.getBoundingClientRect();
177 |       const windowTop = window.pageYOffset;
178 |       window.requestAnimationFrame(() =>
179 |         window.scrollTo({
180 |           top: Math.max(windowTop + top - 60, 0),
181 |           left: 0,
182 |           behavior
183 |         })
184 |       );
185 |     }
186 |   };
187 | 
188 |   _animateSectionRef = elementRef => {
189 |     this._animateSectionNode = ReactDOM.findDOMNode(elementRef);
190 |   };
191 | 
192 |   _animateGroupSectionRef = elementRef => {
193 |     this._animateGroupSectionNode = ReactDOM.findDOMNode(elementRef);
194 |   };
195 | 
196 |   _githubSectionRef = elementRef => {
197 |     this._githubSectionNode = ReactDOM.findDOMNode(elementRef);
198 |   };
199 | }
200 | 
201 | const rootElement = document.getElementById('root');
202 | ReactDOM.render(<App />, rootElement);
203 | 


--------------------------------------------------------------------------------
/flow-typed/npm/jest_v23.x.x.js:
--------------------------------------------------------------------------------
   1 | // flow-typed signature: 4cacceffd326bb118e4a3c1b4d629e98
   2 | // flow-typed version: e737b9832f/jest_v23.x.x/flow_>=v0.39.x
   3 | 
   4 | type JestMockFn<TArguments: $ReadOnlyArray<*>, TReturn> = {
   5 |   (...args: TArguments): TReturn,
   6 |   /**
   7 |    * An object for introspecting mock calls
   8 |    */
   9 |   mock: {
  10 |     /**
  11 |      * An array that represents all calls that have been made into this mock
  12 |      * function. Each call is represented by an array of arguments that were
  13 |      * passed during the call.
  14 |      */
  15 |     calls: Array<TArguments>,
  16 |     /**
  17 |      * An array that contains all the object instances that have been
  18 |      * instantiated from this mock function.
  19 |      */
  20 |     instances: Array<TReturn>
  21 |   },
  22 |   /**
  23 |    * Resets all information stored in the mockFn.mock.calls and
  24 |    * mockFn.mock.instances arrays. Often this is useful when you want to clean
  25 |    * up a mock's usage data between two assertions.
  26 |    */
  27 |   mockClear(): void,
  28 |   /**
  29 |    * Resets all information stored in the mock. This is useful when you want to
  30 |    * completely restore a mock back to its initial state.
  31 |    */
  32 |   mockReset(): void,
  33 |   /**
  34 |    * Removes the mock and restores the initial implementation. This is useful
  35 |    * when you want to mock functions in certain test cases and restore the
  36 |    * original implementation in others. Beware that mockFn.mockRestore only
  37 |    * works when mock was created with jest.spyOn. Thus you have to take care of
  38 |    * restoration yourself when manually assigning jest.fn().
  39 |    */
  40 |   mockRestore(): void,
  41 |   /**
  42 |    * Accepts a function that should be used as the implementation of the mock.
  43 |    * The mock itself will still record all calls that go into and instances
  44 |    * that come from itself -- the only difference is that the implementation
  45 |    * will also be executed when the mock is called.
  46 |    */
  47 |   mockImplementation(
  48 |     fn: (...args: TArguments) => TReturn
  49 |   ): JestMockFn<TArguments, TReturn>,
  50 |   /**
  51 |    * Accepts a function that will be used as an implementation of the mock for
  52 |    * one call to the mocked function. Can be chained so that multiple function
  53 |    * calls produce different results.
  54 |    */
  55 |   mockImplementationOnce(
  56 |     fn: (...args: TArguments) => TReturn
  57 |   ): JestMockFn<TArguments, TReturn>,
  58 |   /**
  59 |    * Accepts a string to use in test result output in place of "jest.fn()" to
  60 |    * indicate which mock function is being referenced.
  61 |    */
  62 |   mockName(name: string): JestMockFn<TArguments, TReturn>,
  63 |   /**
  64 |    * Just a simple sugar function for returning `this`
  65 |    */
  66 |   mockReturnThis(): void,
  67 |   /**
  68 |    * Deprecated: use jest.fn(() => value) instead
  69 |    */
  70 |   mockReturnValue(value: TReturn): JestMockFn<TArguments, TReturn>,
  71 |   /**
  72 |    * Sugar for only returning a value once inside your mock
  73 |    */
  74 |   mockReturnValueOnce(value: TReturn): JestMockFn<TArguments, TReturn>,
  75 |   /** 
  76 |    * Sugar for jest.fn().mockImplementation(() => Promise.resolve(value))
  77 |    */
  78 |   mockResolvedValue(value: TReturn): JestMockFn<TArguments, Promise<TReturn>>,
  79 |   /**
  80 |    * Sugar for jest.fn().mockImplementationOnce(() => Promise.resolve(value))
  81 |    */
  82 |   mockResolvedValueOnce(value: TReturn): JestMockFn<TArguments, Promise<TReturn>>,
  83 |   /**
  84 |    * Sugar for jest.fn().mockImplementation(() => Promise.reject(value))
  85 |    */
  86 |   mockRejectedValue(value: TReturn): JestMockFn<TArguments, Promise<any>>,
  87 |   /**
  88 |    * Sugar for jest.fn().mockImplementationOnce(() => Promise.reject(value))
  89 |    */
  90 |   mockRejectedValueOnce(value: TReturn): JestMockFn<TArguments, Promise<any>>
  91 | };
  92 | 
  93 | type JestAsymmetricEqualityType = {
  94 |   /**
  95 |    * A custom Jasmine equality tester
  96 |    */
  97 |   asymmetricMatch(value: mixed): boolean
  98 | };
  99 | 
 100 | type JestCallsType = {
 101 |   allArgs(): mixed,
 102 |   all(): mixed,
 103 |   any(): boolean,
 104 |   count(): number,
 105 |   first(): mixed,
 106 |   mostRecent(): mixed,
 107 |   reset(): void
 108 | };
 109 | 
 110 | type JestClockType = {
 111 |   install(): void,
 112 |   mockDate(date: Date): void,
 113 |   tick(milliseconds?: number): void,
 114 |   uninstall(): void
 115 | };
 116 | 
 117 | type JestMatcherResult = {
 118 |   message?: string | (() => string),
 119 |   pass: boolean
 120 | };
 121 | 
 122 | type JestMatcher = (actual: any, expected: any) => JestMatcherResult;
 123 | 
 124 | type JestPromiseType = {
 125 |   /**
 126 |    * Use rejects to unwrap the reason of a rejected promise so any other
 127 |    * matcher can be chained. If the promise is fulfilled the assertion fails.
 128 |    */
 129 |   rejects: JestExpectType,
 130 |   /**
 131 |    * Use resolves to unwrap the value of a fulfilled promise so any other
 132 |    * matcher can be chained. If the promise is rejected the assertion fails.
 133 |    */
 134 |   resolves: JestExpectType
 135 | };
 136 | 
 137 | /**
 138 |  * Jest allows functions and classes to be used as test names in test() and
 139 |  * describe()
 140 |  */
 141 | type JestTestName = string | Function;
 142 | 
 143 | /**
 144 |  *  Plugin: jest-enzyme
 145 |  */
 146 | type EnzymeMatchersType = {
 147 |   toBeChecked(): void,
 148 |   toBeDisabled(): void,
 149 |   toBeEmpty(): void,
 150 |   toBeEmptyRender(): void,
 151 |   toBePresent(): void,
 152 |   toContainReact(element: React$Element<any>): void,
 153 |   toExist(): void,
 154 |   toHaveClassName(className: string): void,
 155 |   toHaveHTML(html: string): void,
 156 |   toHaveProp: ((propKey: string, propValue?: any) => void) & ((props: Object) => void),
 157 |   toHaveRef(refName: string): void,
 158 |   toHaveState: ((stateKey: string, stateValue?: any) => void) & ((state: Object) => void),
 159 |   toHaveStyle: ((styleKey: string, styleValue?: any) => void) & ((style: Object) => void),
 160 |   toHaveTagName(tagName: string): void,
 161 |   toHaveText(text: string): void,
 162 |   toIncludeText(text: string): void,
 163 |   toHaveValue(value: any): void,
 164 |   toMatchElement(element: React$Element<any>): void,
 165 |   toMatchSelector(selector: string): void
 166 | };
 167 | 
 168 | // DOM testing library extensions https://github.com/kentcdodds/dom-testing-library#custom-jest-matchers
 169 | type DomTestingLibraryType = {
 170 |   toBeInTheDOM(): void,
 171 |   toHaveTextContent(content: string): void,
 172 |   toHaveAttribute(name: string, expectedValue?: string): void
 173 | };
 174 | 
 175 | // Jest JQuery Matchers: https://github.com/unindented/custom-jquery-matchers
 176 | type JestJQueryMatchersType = {
 177 |   toExist(): void,
 178 |   toHaveLength(len: number): void,
 179 |   toHaveId(id: string): void,
 180 |   toHaveClass(className: string): void,
 181 |   toHaveTag(tag: string): void,
 182 |   toHaveAttr(key: string, val?: any): void,
 183 |   toHaveProp(key: string, val?: any): void,
 184 |   toHaveText(text: string | RegExp): void,
 185 |   toHaveData(key: string, val?: any): void,
 186 |   toHaveValue(val: any): void,
 187 |   toHaveCss(css: {[key: string]: any}): void,
 188 |   toBeChecked(): void,
 189 |   toBeDisabled(): void,
 190 |   toBeEmpty(): void,
 191 |   toBeHidden(): void,
 192 |   toBeSelected(): void,
 193 |   toBeVisible(): void,
 194 |   toBeFocused(): void,
 195 |   toBeInDom(): void,
 196 |   toBeMatchedBy(sel: string): void,
 197 |   toHaveDescendant(sel: string): void,
 198 |   toHaveDescendantWithText(sel: string, text: string | RegExp): void
 199 | };
 200 | 
 201 | 
 202 | // Jest Extended Matchers: https://github.com/jest-community/jest-extended
 203 | type JestExtendedMatchersType = {
 204 |   /**
 205 |      * Note: Currently unimplemented
 206 |      * Passing assertion
 207 |      *
 208 |      * @param {String} message
 209 |      */
 210 |   //  pass(message: string): void;
 211 | 
 212 |     /**
 213 |      * Note: Currently unimplemented
 214 |      * Failing assertion
 215 |      *
 216 |      * @param {String} message
 217 |      */
 218 |   //  fail(message: string): void;
 219 | 
 220 |     /**
 221 |      * Use .toBeEmpty when checking if a String '', Array [] or Object {} is empty.
 222 |      */
 223 |     toBeEmpty(): void;
 224 | 
 225 |     /**
 226 |      * Use .toBeOneOf when checking if a value is a member of a given Array.
 227 |      * @param {Array.<*>} members
 228 |      */
 229 |     toBeOneOf(members: any[]): void;
 230 | 
 231 |     /**
 232 |      * Use `.toBeNil` when checking a value is `null` or `undefined`.
 233 |      */
 234 |     toBeNil(): void;
 235 | 
 236 |     /**
 237 |      * Use `.toSatisfy` when you want to use a custom matcher by supplying a predicate function that returns a `Boolean`.
 238 |      * @param {Function} predicate
 239 |      */
 240 |     toSatisfy(predicate: (n: any) => boolean): void;
 241 | 
 242 |     /**
 243 |      * Use `.toBeArray` when checking if a value is an `Array`.
 244 |      */
 245 |     toBeArray(): void;
 246 | 
 247 |     /**
 248 |      * Use `.toBeArrayOfSize` when checking if a value is an `Array` of size x.
 249 |      * @param {Number} x
 250 |      */
 251 |     toBeArrayOfSize(x: number): void;
 252 | 
 253 |     /**
 254 |      * Use `.toIncludeAllMembers` when checking if an `Array` contains all of the same members of a given set.
 255 |      * @param {Array.<*>} members
 256 |      */
 257 |     toIncludeAllMembers(members: any[]): void;
 258 | 
 259 |     /**
 260 |      * Use `.toIncludeAnyMembers` when checking if an `Array` contains any of the members of a given set.
 261 |      * @param {Array.<*>} members
 262 |      */
 263 |     toIncludeAnyMembers(members: any[]): void;
 264 | 
 265 |     /**
 266 |      * Use `.toSatisfyAll` when you want to use a custom matcher by supplying a predicate function that returns a `Boolean` for all values in an array.
 267 |      * @param {Function} predicate
 268 |      */
 269 |     toSatisfyAll(predicate: (n: any) => boolean): void;
 270 | 
 271 |     /**
 272 |      * Use `.toBeBoolean` when checking if a value is a `Boolean`.
 273 |      */
 274 |     toBeBoolean(): void;
 275 | 
 276 |     /**
 277 |      * Use `.toBeTrue` when checking a value is equal (===) to `true`.
 278 |      */
 279 |     toBeTrue(): void;
 280 | 
 281 |     /**
 282 |      * Use `.toBeFalse` when checking a value is equal (===) to `false`.
 283 |      */
 284 |     toBeFalse(): void;
 285 | 
 286 |     /**
 287 |      * Use .toBeDate when checking if a value is a Date.
 288 |      */
 289 |     toBeDate(): void;
 290 | 
 291 |     /**
 292 |      * Use `.toBeFunction` when checking if a value is a `Function`.
 293 |      */
 294 |     toBeFunction(): void;
 295 | 
 296 |     /**
 297 |      * Use `.toHaveBeenCalledBefore` when checking if a `Mock` was called before another `Mock`.
 298 |      *
 299 |      * Note: Required Jest version >22
 300 |      * Note: Your mock functions will have to be asynchronous to cause the timestamps inside of Jest to occur in a differentJS event loop, otherwise the mock timestamps will all be the same
 301 |      *
 302 |      * @param {Mock} mock
 303 |      */
 304 |     toHaveBeenCalledBefore(mock: JestMockFn<any, any>): void;
 305 | 
 306 |     /**
 307 |      * Use `.toBeNumber` when checking if a value is a `Number`.
 308 |      */
 309 |     toBeNumber(): void;
 310 | 
 311 |     /**
 312 |      * Use `.toBeNaN` when checking a value is `NaN`.
 313 |      */
 314 |     toBeNaN(): void;
 315 | 
 316 |     /**
 317 |      * Use `.toBeFinite` when checking if a value is a `Number`, not `NaN` or `Infinity`.
 318 |      */
 319 |     toBeFinite(): void;
 320 | 
 321 |     /**
 322 |      * Use `.toBePositive` when checking if a value is a positive `Number`.
 323 |      */
 324 |     toBePositive(): void;
 325 | 
 326 |     /**
 327 |      * Use `.toBeNegative` when checking if a value is a negative `Number`.
 328 |      */
 329 |     toBeNegative(): void;
 330 | 
 331 |     /**
 332 |      * Use `.toBeEven` when checking if a value is an even `Number`.
 333 |      */
 334 |     toBeEven(): void;
 335 | 
 336 |     /**
 337 |      * Use `.toBeOdd` when checking if a value is an odd `Number`.
 338 |      */
 339 |     toBeOdd(): void;
 340 | 
 341 |     /**
 342 |      * Use `.toBeWithin` when checking if a number is in between the given bounds of: start (inclusive) and end (exclusive).
 343 |      *
 344 |      * @param {Number} start
 345 |      * @param {Number} end
 346 |      */
 347 |     toBeWithin(start: number, end: number): void;
 348 | 
 349 |     /**
 350 |      * Use `.toBeObject` when checking if a value is an `Object`.
 351 |      */
 352 |     toBeObject(): void;
 353 | 
 354 |     /**
 355 |      * Use `.toContainKey` when checking if an object contains the provided key.
 356 |      *
 357 |      * @param {String} key
 358 |      */
 359 |     toContainKey(key: string): void;
 360 | 
 361 |     /**
 362 |      * Use `.toContainKeys` when checking if an object has all of the provided keys.
 363 |      *
 364 |      * @param {Array.<String>} keys
 365 |      */
 366 |     toContainKeys(keys: string[]): void;
 367 | 
 368 |     /**
 369 |      * Use `.toContainAllKeys` when checking if an object only contains all of the provided keys.
 370 |      *
 371 |      * @param {Array.<String>} keys
 372 |      */
 373 |     toContainAllKeys(keys: string[]): void;
 374 | 
 375 |     /**
 376 |      * Use `.toContainAnyKeys` when checking if an object contains at least one of the provided keys.
 377 |      *
 378 |      * @param {Array.<String>} keys
 379 |      */
 380 |     toContainAnyKeys(keys: string[]): void;
 381 | 
 382 |     /**
 383 |      * Use `.toContainValue` when checking if an object contains the provided value.
 384 |      *
 385 |      * @param {*} value
 386 |      */
 387 |     toContainValue(value: any): void;
 388 | 
 389 |     /**
 390 |      * Use `.toContainValues` when checking if an object contains all of the provided values.
 391 |      *
 392 |      * @param {Array.<*>} values
 393 |      */
 394 |     toContainValues(values: any[]): void;
 395 | 
 396 |     /**
 397 |      * Use `.toContainAllValues` when checking if an object only contains all of the provided values.
 398 |      *
 399 |      * @param {Array.<*>} values
 400 |      */
 401 |     toContainAllValues(values: any[]): void;
 402 | 
 403 |     /**
 404 |      * Use `.toContainAnyValues` when checking if an object contains at least one of the provided values.
 405 |      *
 406 |      * @param {Array.<*>} values
 407 |      */
 408 |     toContainAnyValues(values: any[]): void;
 409 | 
 410 |     /**
 411 |      * Use `.toContainEntry` when checking if an object contains the provided entry.
 412 |      *
 413 |      * @param {Array.<String, String>} entry
 414 |      */
 415 |     toContainEntry(entry: [string, string]): void;
 416 | 
 417 |     /**
 418 |      * Use `.toContainEntries` when checking if an object contains all of the provided entries.
 419 |      *
 420 |      * @param {Array.<Array.<String, String>>} entries
 421 |      */
 422 |     toContainEntries(entries: [string, string][]): void;
 423 | 
 424 |     /**
 425 |      * Use `.toContainAllEntries` when checking if an object only contains all of the provided entries.
 426 |      *
 427 |      * @param {Array.<Array.<String, String>>} entries
 428 |      */
 429 |     toContainAllEntries(entries: [string, string][]): void;
 430 | 
 431 |     /**
 432 |      * Use `.toContainAnyEntries` when checking if an object contains at least one of the provided entries.
 433 |      *
 434 |      * @param {Array.<Array.<String, String>>} entries
 435 |      */
 436 |     toContainAnyEntries(entries: [string, string][]): void;
 437 | 
 438 |     /**
 439 |      * Use `.toBeExtensible` when checking if an object is extensible.
 440 |      */
 441 |     toBeExtensible(): void;
 442 | 
 443 |     /**
 444 |      * Use `.toBeFrozen` when checking if an object is frozen.
 445 |      */
 446 |     toBeFrozen(): void;
 447 | 
 448 |     /**
 449 |      * Use `.toBeSealed` when checking if an object is sealed.
 450 |      */
 451 |     toBeSealed(): void;
 452 | 
 453 |     /**
 454 |      * Use `.toBeString` when checking if a value is a `String`.
 455 |      */
 456 |     toBeString(): void;
 457 | 
 458 |     /**
 459 |      * Use `.toEqualCaseInsensitive` when checking if a string is equal (===) to another ignoring the casing of both strings.
 460 |      *
 461 |      * @param {String} string
 462 |      */
 463 |     toEqualCaseInsensitive(string: string): void;
 464 | 
 465 |     /**
 466 |      * Use `.toStartWith` when checking if a `String` starts with a given `String` prefix.
 467 |      *
 468 |      * @param {String} prefix
 469 |      */
 470 |     toStartWith(prefix: string): void;
 471 | 
 472 |     /**
 473 |      * Use `.toEndWith` when checking if a `String` ends with a given `String` suffix.
 474 |      *
 475 |      * @param {String} suffix
 476 |      */
 477 |     toEndWith(suffix: string): void;
 478 | 
 479 |     /**
 480 |      * Use `.toInclude` when checking if a `String` includes the given `String` substring.
 481 |      *
 482 |      * @param {String} substring
 483 |      */
 484 |     toInclude(substring: string): void;
 485 | 
 486 |     /**
 487 |      * Use `.toIncludeRepeated` when checking if a `String` includes the given `String` substring the correct number of times.
 488 |      *
 489 |      * @param {String} substring
 490 |      * @param {Number} times
 491 |      */
 492 |     toIncludeRepeated(substring: string, times: number): void;
 493 | 
 494 |     /**
 495 |      * Use `.toIncludeMultiple` when checking if a `String` includes all of the given substrings.
 496 |      *
 497 |      * @param {Array.<String>} substring
 498 |      */
 499 |     toIncludeMultiple(substring: string[]): void;
 500 | };
 501 | 
 502 | interface JestExpectType {
 503 |   not: JestExpectType & EnzymeMatchersType & DomTestingLibraryType & JestJQueryMatchersType & JestExtendedMatchersType,
 504 |   /**
 505 |    * If you have a mock function, you can use .lastCalledWith to test what
 506 |    * arguments it was last called with.
 507 |    */
 508 |   lastCalledWith(...args: Array<any>): void,
 509 |   /**
 510 |    * toBe just checks that a value is what you expect. It uses === to check
 511 |    * strict equality.
 512 |    */
 513 |   toBe(value: any): void,
 514 |   /**
 515 |    * Use .toBeCalledWith to ensure that a mock function was called with
 516 |    * specific arguments.
 517 |    */
 518 |   toBeCalledWith(...args: Array<any>): void,
 519 |   /**
 520 |    * Using exact equality with floating point numbers is a bad idea. Rounding
 521 |    * means that intuitive things fail.
 522 |    */
 523 |   toBeCloseTo(num: number, delta: any): void,
 524 |   /**
 525 |    * Use .toBeDefined to check that a variable is not undefined.
 526 |    */
 527 |   toBeDefined(): void,
 528 |   /**
 529 |    * Use .toBeFalsy when you don't care what a value is, you just want to
 530 |    * ensure a value is false in a boolean context.
 531 |    */
 532 |   toBeFalsy(): void,
 533 |   /**
 534 |    * To compare floating point numbers, you can use toBeGreaterThan.
 535 |    */
 536 |   toBeGreaterThan(number: number): void,
 537 |   /**
 538 |    * To compare floating point numbers, you can use toBeGreaterThanOrEqual.
 539 |    */
 540 |   toBeGreaterThanOrEqual(number: number): void,
 541 |   /**
 542 |    * To compare floating point numbers, you can use toBeLessThan.
 543 |    */
 544 |   toBeLessThan(number: number): void,
 545 |   /**
 546 |    * To compare floating point numbers, you can use toBeLessThanOrEqual.
 547 |    */
 548 |   toBeLessThanOrEqual(number: number): void,
 549 |   /**
 550 |    * Use .toBeInstanceOf(Class) to check that an object is an instance of a
 551 |    * class.
 552 |    */
 553 |   toBeInstanceOf(cls: Class<*>): void,
 554 |   /**
 555 |    * .toBeNull() is the same as .toBe(null) but the error messages are a bit
 556 |    * nicer.
 557 |    */
 558 |   toBeNull(): void,
 559 |   /**
 560 |    * Use .toBeTruthy when you don't care what a value is, you just want to
 561 |    * ensure a value is true in a boolean context.
 562 |    */
 563 |   toBeTruthy(): void,
 564 |   /**
 565 |    * Use .toBeUndefined to check that a variable is undefined.
 566 |    */
 567 |   toBeUndefined(): void,
 568 |   /**
 569 |    * Use .toContain when you want to check that an item is in a list. For
 570 |    * testing the items in the list, this uses ===, a strict equality check.
 571 |    */
 572 |   toContain(item: any): void,
 573 |   /**
 574 |    * Use .toContainEqual when you want to check that an item is in a list. For
 575 |    * testing the items in the list, this matcher recursively checks the
 576 |    * equality of all fields, rather than checking for object identity.
 577 |    */
 578 |   toContainEqual(item: any): void,
 579 |   /**
 580 |    * Use .toEqual when you want to check that two objects have the same value.
 581 |    * This matcher recursively checks the equality of all fields, rather than
 582 |    * checking for object identity.
 583 |    */
 584 |   toEqual(value: any): void,
 585 |   /**
 586 |    * Use .toHaveBeenCalled to ensure that a mock function got called.
 587 |    */
 588 |   toHaveBeenCalled(): void,
 589 |   toBeCalled(): void;
 590 |   /**
 591 |    * Use .toHaveBeenCalledTimes to ensure that a mock function got called exact
 592 |    * number of times.
 593 |    */
 594 |   toHaveBeenCalledTimes(number: number): void,
 595 |   toBeCalledTimes(number: number): void;
 596 |   /**
 597 |    *
 598 |    */
 599 |   toHaveBeenNthCalledWith(nthCall: number, ...args: Array<any>): void;
 600 |   nthCalledWith(nthCall: number, ...args: Array<any>): void;
 601 |   /**
 602 |    *
 603 |    */
 604 |   toHaveReturned(): void;
 605 |   toReturn(): void;
 606 |   /**
 607 |    *
 608 |    */
 609 |   toHaveReturnedTimes(number: number): void;
 610 |   toReturnTimes(number: number): void;
 611 |   /**
 612 |    *
 613 |    */
 614 |   toHaveReturnedWith(value: any): void;
 615 |   toReturnWith(value: any): void;
 616 |   /**
 617 |    *
 618 |    */
 619 |   toHaveLastReturnedWith(value: any): void;
 620 |   lastReturnedWith(value: any): void;
 621 |   /**
 622 |    *
 623 |    */
 624 |   toHaveNthReturnedWith(nthCall: number, value: any): void;
 625 |   nthReturnedWith(nthCall: number, value: any): void;
 626 |   /**
 627 |    * Use .toHaveBeenCalledWith to ensure that a mock function was called with
 628 |    * specific arguments.
 629 |    */
 630 |   toHaveBeenCalledWith(...args: Array<any>): void,
 631 |   toBeCalledWith(...args: Array<any>): void,
 632 |   /**
 633 |    * Use .toHaveBeenLastCalledWith to ensure that a mock function was last called
 634 |    * with specific arguments.
 635 |    */
 636 |   toHaveBeenLastCalledWith(...args: Array<any>): void,
 637 |   lastCalledWith(...args: Array<any>): void,
 638 |   /**
 639 |    * Check that an object has a .length property and it is set to a certain
 640 |    * numeric value.
 641 |    */
 642 |   toHaveLength(number: number): void,
 643 |   /**
 644 |    *
 645 |    */
 646 |   toHaveProperty(propPath: string, value?: any): void,
 647 |   /**
 648 |    * Use .toMatch to check that a string matches a regular expression or string.
 649 |    */
 650 |   toMatch(regexpOrString: RegExp | string): void,
 651 |   /**
 652 |    * Use .toMatchObject to check that a javascript object matches a subset of the properties of an object.
 653 |    */
 654 |   toMatchObject(object: Object | Array<Object>): void,
 655 |   /**
 656 |    * Use .toStrictEqual to check that a javascript object matches a subset of the properties of an object.
 657 |    */
 658 |   toStrictEqual(value: any): void,
 659 |   /**
 660 |    * This ensures that an Object matches the most recent snapshot.
 661 |    */
 662 |   toMatchSnapshot(propertyMatchers?: {[key: string]: JestAsymmetricEqualityType}, name?: string): void,
 663 |   /**
 664 |    * This ensures that an Object matches the most recent snapshot.
 665 |    */
 666 |   toMatchSnapshot(name: string): void,
 667 |   /**
 668 |    * Use .toThrow to test that a function throws when it is called.
 669 |    * If you want to test that a specific error gets thrown, you can provide an
 670 |    * argument to toThrow. The argument can be a string for the error message,
 671 |    * a class for the error, or a regex that should match the error.
 672 |    *
 673 |    * Alias: .toThrowError
 674 |    */
 675 |   toThrow(message?: string | Error | Class<Error> | RegExp): void,
 676 |   toThrowError(message?: string | Error | Class<Error> | RegExp): void,
 677 |   /**
 678 |    * Use .toThrowErrorMatchingSnapshot to test that a function throws a error
 679 |    * matching the most recent snapshot when it is called.
 680 |    */
 681 |   toThrowErrorMatchingSnapshot(): void
 682 | }
 683 | 
 684 | type JestObjectType = {
 685 |   /**
 686 |    *  Disables automatic mocking in the module loader.
 687 |    *
 688 |    *  After this method is called, all `require()`s will return the real
 689 |    *  versions of each module (rather than a mocked version).
 690 |    */
 691 |   disableAutomock(): JestObjectType,
 692 |   /**
 693 |    * An un-hoisted version of disableAutomock
 694 |    */
 695 |   autoMockOff(): JestObjectType,
 696 |   /**
 697 |    * Enables automatic mocking in the module loader.
 698 |    */
 699 |   enableAutomock(): JestObjectType,
 700 |   /**
 701 |    * An un-hoisted version of enableAutomock
 702 |    */
 703 |   autoMockOn(): JestObjectType,
 704 |   /**
 705 |    * Clears the mock.calls and mock.instances properties of all mocks.
 706 |    * Equivalent to calling .mockClear() on every mocked function.
 707 |    */
 708 |   clearAllMocks(): JestObjectType,
 709 |   /**
 710 |    * Resets the state of all mocks. Equivalent to calling .mockReset() on every
 711 |    * mocked function.
 712 |    */
 713 |   resetAllMocks(): JestObjectType,
 714 |   /**
 715 |    * Restores all mocks back to their original value.
 716 |    */
 717 |   restoreAllMocks(): JestObjectType,
 718 |   /**
 719 |    * Removes any pending timers from the timer system.
 720 |    */
 721 |   clearAllTimers(): void,
 722 |   /**
 723 |    * The same as `mock` but not moved to the top of the expectation by
 724 |    * babel-jest.
 725 |    */
 726 |   doMock(moduleName: string, moduleFactory?: any): JestObjectType,
 727 |   /**
 728 |    * The same as `unmock` but not moved to the top of the expectation by
 729 |    * babel-jest.
 730 |    */
 731 |   dontMock(moduleName: string): JestObjectType,
 732 |   /**
 733 |    * Returns a new, unused mock function. Optionally takes a mock
 734 |    * implementation.
 735 |    */
 736 |   fn<TArguments: $ReadOnlyArray<*>, TReturn>(
 737 |     implementation?: (...args: TArguments) => TReturn
 738 |   ): JestMockFn<TArguments, TReturn>,
 739 |   /**
 740 |    * Determines if the given function is a mocked function.
 741 |    */
 742 |   isMockFunction(fn: Function): boolean,
 743 |   /**
 744 |    * Given the name of a module, use the automatic mocking system to generate a
 745 |    * mocked version of the module for you.
 746 |    */
 747 |   genMockFromModule(moduleName: string): any,
 748 |   /**
 749 |    * Mocks a module with an auto-mocked version when it is being required.
 750 |    *
 751 |    * The second argument can be used to specify an explicit module factory that
 752 |    * is being run instead of using Jest's automocking feature.
 753 |    *
 754 |    * The third argument can be used to create virtual mocks -- mocks of modules
 755 |    * that don't exist anywhere in the system.
 756 |    */
 757 |   mock(
 758 |     moduleName: string,
 759 |     moduleFactory?: any,
 760 |     options?: Object
 761 |   ): JestObjectType,
 762 |   /**
 763 |    * Returns the actual module instead of a mock, bypassing all checks on
 764 |    * whether the module should receive a mock implementation or not.
 765 |    */
 766 |   requireActual(moduleName: string): any,
 767 |   /**
 768 |    * Returns a mock module instead of the actual module, bypassing all checks
 769 |    * on whether the module should be required normally or not.
 770 |    */
 771 |   requireMock(moduleName: string): any,
 772 |   /**
 773 |    * Resets the module registry - the cache of all required modules. This is
 774 |    * useful to isolate modules where local state might conflict between tests.
 775 |    */
 776 |   resetModules(): JestObjectType,
 777 |   /**
 778 |    * Exhausts the micro-task queue (usually interfaced in node via
 779 |    * process.nextTick).
 780 |    */
 781 |   runAllTicks(): void,
 782 |   /**
 783 |    * Exhausts the macro-task queue (i.e., all tasks queued by setTimeout(),
 784 |    * setInterval(), and setImmediate()).
 785 |    */
 786 |   runAllTimers(): void,
 787 |   /**
 788 |    * Exhausts all tasks queued by setImmediate().
 789 |    */
 790 |   runAllImmediates(): void,
 791 |   /**
 792 |    * Executes only the macro task queue (i.e. all tasks queued by setTimeout()
 793 |    * or setInterval() and setImmediate()).
 794 |    */
 795 |   advanceTimersByTime(msToRun: number): void,
 796 |   /**
 797 |    * Executes only the macro task queue (i.e. all tasks queued by setTimeout()
 798 |    * or setInterval() and setImmediate()).
 799 |    *
 800 |    * Renamed to `advanceTimersByTime`.
 801 |    */
 802 |   runTimersToTime(msToRun: number): void,
 803 |   /**
 804 |    * Executes only the macro-tasks that are currently pending (i.e., only the
 805 |    * tasks that have been queued by setTimeout() or setInterval() up to this
 806 |    * point)
 807 |    */
 808 |   runOnlyPendingTimers(): void,
 809 |   /**
 810 |    * Explicitly supplies the mock object that the module system should return
 811 |    * for the specified module. Note: It is recommended to use jest.mock()
 812 |    * instead.
 813 |    */
 814 |   setMock(moduleName: string, moduleExports: any): JestObjectType,
 815 |   /**
 816 |    * Indicates that the module system should never return a mocked version of
 817 |    * the specified module from require() (e.g. that it should always return the
 818 |    * real module).
 819 |    */
 820 |   unmock(moduleName: string): JestObjectType,
 821 |   /**
 822 |    * Instructs Jest to use fake versions of the standard timer functions
 823 |    * (setTimeout, setInterval, clearTimeout, clearInterval, nextTick,
 824 |    * setImmediate and clearImmediate).
 825 |    */
 826 |   useFakeTimers(): JestObjectType,
 827 |   /**
 828 |    * Instructs Jest to use the real versions of the standard timer functions.
 829 |    */
 830 |   useRealTimers(): JestObjectType,
 831 |   /**
 832 |    * Creates a mock function similar to jest.fn but also tracks calls to
 833 |    * object[methodName].
 834 |    */
 835 |   spyOn(object: Object, methodName: string, accessType?: "get" | "set"): JestMockFn<any, any>,
 836 |   /**
 837 |    * Set the default timeout interval for tests and before/after hooks in milliseconds.
 838 |    * Note: The default timeout interval is 5 seconds if this method is not called.
 839 |    */
 840 |   setTimeout(timeout: number): JestObjectType
 841 | };
 842 | 
 843 | type JestSpyType = {
 844 |   calls: JestCallsType
 845 | };
 846 | 
 847 | /** Runs this function after every test inside this context */
 848 | declare function afterEach(
 849 |   fn: (done: () => void) => ?Promise<mixed>,
 850 |   timeout?: number
 851 | ): void;
 852 | /** Runs this function before every test inside this context */
 853 | declare function beforeEach(
 854 |   fn: (done: () => void) => ?Promise<mixed>,
 855 |   timeout?: number
 856 | ): void;
 857 | /** Runs this function after all tests have finished inside this context */
 858 | declare function afterAll(
 859 |   fn: (done: () => void) => ?Promise<mixed>,
 860 |   timeout?: number
 861 | ): void;
 862 | /** Runs this function before any tests have started inside this context */
 863 | declare function beforeAll(
 864 |   fn: (done: () => void) => ?Promise<mixed>,
 865 |   timeout?: number
 866 | ): void;
 867 | 
 868 | /** A context for grouping tests together */
 869 | declare var describe: {
 870 |   /**
 871 |    * Creates a block that groups together several related tests in one "test suite"
 872 |    */
 873 |   (name: JestTestName, fn: () => void): void,
 874 | 
 875 |   /**
 876 |    * Only run this describe block
 877 |    */
 878 |   only(name: JestTestName, fn: () => void): void,
 879 | 
 880 |   /**
 881 |    * Skip running this describe block
 882 |    */
 883 |   skip(name: JestTestName, fn: () => void): void
 884 | };
 885 | 
 886 | /** An individual test unit */
 887 | declare var it: {
 888 |   /**
 889 |    * An individual test unit
 890 |    *
 891 |    * @param {JestTestName} Name of Test
 892 |    * @param {Function} Test
 893 |    * @param {number} Timeout for the test, in milliseconds.
 894 |    */
 895 |   (
 896 |     name: JestTestName,
 897 |     fn?: (done: () => void) => ?Promise<mixed>,
 898 |     timeout?: number
 899 |   ): void,
 900 |   /**
 901 |    * Only run this test
 902 |    *
 903 |    * @param {JestTestName} Name of Test
 904 |    * @param {Function} Test
 905 |    * @param {number} Timeout for the test, in milliseconds.
 906 |    */
 907 |   only(
 908 |     name: JestTestName,
 909 |     fn?: (done: () => void) => ?Promise<mixed>,
 910 |     timeout?: number
 911 |   ): void,
 912 |   /**
 913 |    * Skip running this test
 914 |    *
 915 |    * @param {JestTestName} Name of Test
 916 |    * @param {Function} Test
 917 |    * @param {number} Timeout for the test, in milliseconds.
 918 |    */
 919 |   skip(
 920 |     name: JestTestName,
 921 |     fn?: (done: () => void) => ?Promise<mixed>,
 922 |     timeout?: number
 923 |   ): void,
 924 |   /**
 925 |    * Run the test concurrently
 926 |    *
 927 |    * @param {JestTestName} Name of Test
 928 |    * @param {Function} Test
 929 |    * @param {number} Timeout for the test, in milliseconds.
 930 |    */
 931 |   concurrent(
 932 |     name: JestTestName,
 933 |     fn?: (done: () => void) => ?Promise<mixed>,
 934 |     timeout?: number
 935 |   ): void
 936 | };
 937 | declare function fit(
 938 |   name: JestTestName,
 939 |   fn: (done: () => void) => ?Promise<mixed>,
 940 |   timeout?: number
 941 | ): void;
 942 | /** An individual test unit */
 943 | declare var test: typeof it;
 944 | /** A disabled group of tests */
 945 | declare var xdescribe: typeof describe;
 946 | /** A focused group of tests */
 947 | declare var fdescribe: typeof describe;
 948 | /** A disabled individual test */
 949 | declare var xit: typeof it;
 950 | /** A disabled individual test */
 951 | declare var xtest: typeof it;
 952 | 
 953 | type JestPrettyFormatColors = {
 954 |   comment: { close: string, open: string },
 955 |   content: { close: string, open: string },
 956 |   prop: { close: string, open: string },
 957 |   tag: { close: string, open: string },
 958 |   value: { close: string, open: string },
 959 | };
 960 | 
 961 | type JestPrettyFormatIndent = string => string;
 962 | type JestPrettyFormatRefs = Array<any>;
 963 | type JestPrettyFormatPrint = any => string;
 964 | type JestPrettyFormatStringOrNull = string | null;
 965 | 
 966 | type JestPrettyFormatOptions = {|
 967 |   callToJSON: boolean,
 968 |   edgeSpacing: string,
 969 |   escapeRegex: boolean,
 970 |   highlight: boolean,
 971 |   indent: number,
 972 |   maxDepth: number,
 973 |   min: boolean,
 974 |   plugins: JestPrettyFormatPlugins,
 975 |   printFunctionName: boolean,
 976 |   spacing: string,
 977 |   theme: {|
 978 |     comment: string,
 979 |     content: string,
 980 |     prop: string,
 981 |     tag: string,
 982 |     value: string,
 983 |   |},
 984 | |};
 985 | 
 986 | type JestPrettyFormatPlugin = {
 987 |   print: (
 988 |     val: any,
 989 |     serialize: JestPrettyFormatPrint,
 990 |     indent: JestPrettyFormatIndent,
 991 |     opts: JestPrettyFormatOptions,
 992 |     colors: JestPrettyFormatColors,
 993 |   ) => string,
 994 |   test: any => boolean,
 995 | };
 996 | 
 997 | type JestPrettyFormatPlugins = Array<JestPrettyFormatPlugin>;
 998 | 
 999 | /** The expect function is used every time you want to test a value */
1000 | declare var expect: {
1001 |   /** The object that you want to make assertions against */
1002 |   (value: any): JestExpectType & JestPromiseType & EnzymeMatchersType & DomTestingLibraryType & JestJQueryMatchersType & JestExtendedMatchersType,
1003 |   /** Add additional Jasmine matchers to Jest's roster */
1004 |   extend(matchers: { [name: string]: JestMatcher }): void,
1005 |   /** Add a module that formats application-specific data structures. */
1006 |   addSnapshotSerializer(pluginModule: JestPrettyFormatPlugin): void,
1007 |   assertions(expectedAssertions: number): void,
1008 |   hasAssertions(): void,
1009 |   any(value: mixed): JestAsymmetricEqualityType,
1010 |   anything(): any,
1011 |   arrayContaining(value: Array<mixed>): Array<mixed>,
1012 |   objectContaining(value: Object): Object,
1013 |   /** Matches any received string that contains the exact expected string. */
1014 |   stringContaining(value: string): string,
1015 |   stringMatching(value: string | RegExp): string,
1016 |   not: {
1017 |     arrayContaining: (value: $ReadOnlyArray<mixed>) => Array<mixed>,
1018 |     objectContaining: (value: {}) => Object,
1019 |     stringContaining: (value: string) => string,
1020 |     stringMatching: (value: string | RegExp) => string,
1021 |   },
1022 | };
1023 | 
1024 | // TODO handle return type
1025 | // http://jasmine.github.io/2.4/introduction.html#section-Spies
1026 | declare function spyOn(value: mixed, method: string): Object;
1027 | 
1028 | /** Holds all functions related to manipulating test runner */
1029 | declare var jest: JestObjectType;
1030 | 
1031 | /**
1032 |  * The global Jasmine object, this is generally not exposed as the public API,
1033 |  * using features inside here could break in later versions of Jest.
1034 |  */
1035 | declare var jasmine: {
1036 |   DEFAULT_TIMEOUT_INTERVAL: number,
1037 |   any(value: mixed): JestAsymmetricEqualityType,
1038 |   anything(): any,
1039 |   arrayContaining(value: Array<mixed>): Array<mixed>,
1040 |   clock(): JestClockType,
1041 |   createSpy(name: string): JestSpyType,
1042 |   createSpyObj(
1043 |     baseName: string,
1044 |     methodNames: Array<string>
1045 |   ): { [methodName: string]: JestSpyType },
1046 |   objectContaining(value: Object): Object,
1047 |   stringMatching(value: string): string
1048 | };
1049 | 


--------------------------------------------------------------------------------
/docs/docs.js:
--------------------------------------------------------------------------------
 1 | !function(e){var t=window.webpackHotUpdate;window.webpackHotUpdate=function(e,n){!function(e,t){if(!w[e]||!b[e])return;for(var n in b[e]=!1,t)Object.prototype.hasOwnProperty.call(t,n)&&(m[n]=t[n]);0==--v&&0===y&&x()}(e,n),t&&t(e,n)};var n,r=!0,o="870ddbead90dea800006",a=1e4,i={},l=[],u=[];function c(e){var t=S[e];if(!t)return T;var r=function(r){return t.hot.active?(S[r]?-1===S[r].parents.indexOf(e)&&S[r].parents.push(e):(l=[e],n=r),-1===t.children.indexOf(r)&&t.children.push(r)):(console.warn("[HMR] unexpected require("+r+") from disposed module "+e),l=[]),T(r)},o=function(e){return{configurable:!0,enumerable:!0,get:function(){return T[e]},set:function(t){T[e]=t}}};for(var a in T)Object.prototype.hasOwnProperty.call(T,a)&&"e"!==a&&"t"!==a&&Object.defineProperty(r,a,o(a));return r.e=function(e){return"ready"===f&&d("prepare"),y++,T.e(e).then(t,function(e){throw t(),e});function t(){y--,"prepare"===f&&(g[e]||k(e),0===y&&0===v&&x())}},r.t=function(e,t){return 1&t&&(e=r(e)),T.t(e,-2&t)},r}var s=[],f="idle";function d(e){f=e;for(var t=0;t<s.length;t++)s[t].call(null,e)}var p,m,h,v=0,y=0,g={},b={},w={};function _(e){return+e+""===e?+e:e}function E(e){if("idle"!==f)throw new Error("check() is only allowed in idle status");return r=e,d("check"),function(e){return e=e||1e4,new Promise(function(t,n){if("undefined"==typeof XMLHttpRequest)return n(new Error("No browser support"));try{var r=new XMLHttpRequest,a=T.p+""+o+".hot-update.json";r.open("GET",a,!0),r.timeout=e,r.send(null)}catch(e){return n(e)}r.onreadystatechange=function(){if(4===r.readyState)if(0===r.status)n(new Error("Manifest request to "+a+" timed out."));else if(404===r.status)t();else if(200!==r.status&&304!==r.status)n(new Error("Manifest request to "+a+" failed."));else{try{var e=JSON.parse(r.responseText)}catch(e){return void n(e)}t(e)}}})}(a).then(function(e){if(!e)return d("idle"),null;b={},g={},w=e.c,h=e.h,d("prepare");var t=new Promise(function(e,t){p={resolve:e,reject:t}});m={};return k(0),"prepare"===f&&0===y&&0===v&&x(),t})}function k(e){w[e]?(b[e]=!0,v++,function(e){var t=document.getElementsByTagName("head")[0],n=document.createElement("script");n.charset="utf-8",n.src=T.p+""+e+"."+o+".hot-update.js",t.appendChild(n)}(e)):g[e]=!0}function x(){d("ready");var e=p;if(p=null,e)if(r)Promise.resolve().then(function(){return C(r)}).then(function(t){e.resolve(t)},function(t){e.reject(t)});else{var t=[];for(var n in m)Object.prototype.hasOwnProperty.call(m,n)&&t.push(_(n));e.resolve(t)}}function C(t){if("ready"!==f)throw new Error("apply() is only allowed in ready status");var n,r,a,u,c;function s(e){for(var t=[e],n={},r=t.slice().map(function(e){return{chain:[e],id:e}});r.length>0;){var o=r.pop(),a=o.id,i=o.chain;if((u=S[a])&&!u.hot._selfAccepted){if(u.hot._selfDeclined)return{type:"self-declined",chain:i,moduleId:a};if(u.hot._main)return{type:"unaccepted",chain:i,moduleId:a};for(var l=0;l<u.parents.length;l++){var c=u.parents[l],s=S[c];if(s){if(s.hot._declinedDependencies[a])return{type:"declined",chain:i.concat([c]),moduleId:a,parentId:c};-1===t.indexOf(c)&&(s.hot._acceptedDependencies[a]?(n[c]||(n[c]=[]),p(n[c],[a])):(delete n[c],t.push(c),r.push({chain:i.concat([c]),id:c})))}}}}return{type:"accepted",moduleId:e,outdatedModules:t,outdatedDependencies:n}}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];-1===e.indexOf(r)&&e.push(r)}}t=t||{};var v={},y=[],g={},b=function(){console.warn("[HMR] unexpected require("+k.moduleId+") to disposed module")};for(var E in m)if(Object.prototype.hasOwnProperty.call(m,E)){var k;c=_(E);var x=!1,C=!1,P=!1,N="";switch((k=m[E]?s(c):{type:"disposed",moduleId:E}).chain&&(N="\nUpdate propagation: "+k.chain.join(" -> ")),k.type){case"self-declined":t.onDeclined&&t.onDeclined(k),t.ignoreDeclined||(x=new Error("Aborted because of self decline: "+k.moduleId+N));break;case"declined":t.onDeclined&&t.onDeclined(k),t.ignoreDeclined||(x=new Error("Aborted because of declined dependency: "+k.moduleId+" in "+k.parentId+N));break;case"unaccepted":t.onUnaccepted&&t.onUnaccepted(k),t.ignoreUnaccepted||(x=new Error("Aborted because "+c+" is not accepted"+N));break;case"accepted":t.onAccepted&&t.onAccepted(k),C=!0;break;case"disposed":t.onDisposed&&t.onDisposed(k),P=!0;break;default:throw new Error("Unexception type "+k.type)}if(x)return d("abort"),Promise.reject(x);if(C)for(c in g[c]=m[c],p(y,k.outdatedModules),k.outdatedDependencies)Object.prototype.hasOwnProperty.call(k.outdatedDependencies,c)&&(v[c]||(v[c]=[]),p(v[c],k.outdatedDependencies[c]));P&&(p(y,[k.moduleId]),g[c]=b)}var O,j=[];for(r=0;r<y.length;r++)c=y[r],S[c]&&S[c].hot._selfAccepted&&j.push({module:c,errorHandler:S[c].hot._selfAccepted});d("dispose"),Object.keys(w).forEach(function(e){!1===w[e]&&function(e){delete installedChunks[e]}(e)});for(var A,R,M=y.slice();M.length>0;)if(c=M.pop(),u=S[c]){var I={},D=u.hot._disposeHandlers;for(a=0;a<D.length;a++)(n=D[a])(I);for(i[c]=I,u.hot.active=!1,delete S[c],delete v[c],a=0;a<u.children.length;a++){var F=S[u.children[a]];F&&((O=F.parents.indexOf(c))>=0&&F.parents.splice(O,1))}}for(c in v)if(Object.prototype.hasOwnProperty.call(v,c)&&(u=S[c]))for(R=v[c],a=0;a<R.length;a++)A=R[a],(O=u.children.indexOf(A))>=0&&u.children.splice(O,1);for(c in d("apply"),o=h,g)Object.prototype.hasOwnProperty.call(g,c)&&(e[c]=g[c]);var U=null;for(c in v)if(Object.prototype.hasOwnProperty.call(v,c)&&(u=S[c])){R=v[c];var L=[];for(r=0;r<R.length;r++)if(A=R[r],n=u.hot._acceptedDependencies[A]){if(-1!==L.indexOf(n))continue;L.push(n)}for(r=0;r<L.length;r++){n=L[r];try{n(R)}catch(e){t.onErrored&&t.onErrored({type:"accept-errored",moduleId:c,dependencyId:R[r],error:e}),t.ignoreErrored||U||(U=e)}}}for(r=0;r<j.length;r++){var z=j[r];c=z.module,l=[c];try{T(c)}catch(e){if("function"==typeof z.errorHandler)try{z.errorHandler(e)}catch(n){t.onErrored&&t.onErrored({type:"self-accept-error-handler-errored",moduleId:c,error:n,originalError:e}),t.ignoreErrored||U||(U=n),U||(U=e)}else t.onErrored&&t.onErrored({type:"self-accept-errored",moduleId:c,error:e}),t.ignoreErrored||U||(U=e)}}return U?(d("fail"),Promise.reject(U)):(d("idle"),new Promise(function(e){e(y)}))}var S={};function T(t){if(S[t])return S[t].exports;var r=S[t]={i:t,l:!1,exports:{},hot:function(e){var t={_acceptedDependencies:{},_declinedDependencies:{},_selfAccepted:!1,_selfDeclined:!1,_disposeHandlers:[],_main:n!==e,active:!0,accept:function(e,n){if(void 0===e)t._selfAccepted=!0;else if("function"==typeof e)t._selfAccepted=e;else if("object"==typeof e)for(var r=0;r<e.length;r++)t._acceptedDependencies[e[r]]=n||function(){};else t._acceptedDependencies[e]=n||function(){}},decline:function(e){if(void 0===e)t._selfDeclined=!0;else if("object"==typeof e)for(var n=0;n<e.length;n++)t._declinedDependencies[e[n]]=!0;else t._declinedDependencies[e]=!0},dispose:function(e){t._disposeHandlers.push(e)},addDisposeHandler:function(e){t._disposeHandlers.push(e)},removeDisposeHandler:function(e){var n=t._disposeHandlers.indexOf(e);n>=0&&t._disposeHandlers.splice(n,1)},check:E,apply:C,status:function(e){if(!e)return f;s.push(e)},addStatusHandler:function(e){s.push(e)},removeStatusHandler:function(e){var t=s.indexOf(e);t>=0&&s.splice(t,1)},data:i[e]};return n=void 0,t}(t),parents:(u=l,l=[],u),children:[]};return e[t].call(r.exports,r,r.exports,c(t)),r.l=!0,r.exports}T.m=e,T.c=S,T.d=function(e,t,n){T.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},T.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},T.t=function(e,t){if(1&t&&(e=T(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(T.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)T.d(n,r,function(t){return e[t]}.bind(null,r));return n},T.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return T.d(t,"a",t),t},T.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},T.p="",T.h=function(){return o},c("./demo/index.js")(T.s="./demo/index.js")}({"./demo/CodeExample.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=a(n("./node_modules/react/index.js"));a(n("./node_modules/react-dom/index.js")),n("./src/Animate.js");function a(e){return e&&e.__esModule?e:{default:e}}var i=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(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}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(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)}(t,o.default.PureComponent),r(t,[{key:"render",value:function(){var e=this.props,t=e.code,n=e.example;return o.default.createElement("div",{className:"code-container"},o.default.createElement("div",{className:"code"},t),n)}}]),t}();t.default=i},"./demo/examples/Animate-1.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=i(n("./node_modules/react/index.js")),a=(i(n("./node_modules/react-dom/index.js")),i(n("./src/Animate.js")));function i(e){return e&&e.__esModule?e:{default:e}}function l(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}var u=function(e){function t(){var e,n,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=l(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={show:!1},r.toggleShow=function(){r.setState({show:!r.state.show})},l(r,n)}return function(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)}(t,o.default.PureComponent),r(t,[{key:"render",value:function(){return o.default.createElement("div",{className:"example-root"},o.default.createElement("div",{className:"example-toggle",onClick:this.toggleShow},"Click to toggle animation"),o.default.createElement(a.default,{show:this.state.show},o.default.createElement("div",{className:"example-animate"},o.default.createElement("h3",null,"This component slideUp and slideDown"))),o.default.createElement("div",{className:"example-content"},o.default.createElement("p",null,"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.")))}}]),t}();t.default=u},"./demo/examples/Animate-2.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=i(n("./node_modules/react/index.js")),a=(i(n("./node_modules/react-dom/index.js")),i(n("./src/Animate.js")));function i(e){return e&&e.__esModule?e:{default:e}}function l(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}var u=function(e){function t(){var e,n,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=l(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={show:!1},r.toggleShow=function(){r.setState({show:!r.state.show})},l(r,n)}return function(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)}(t,o.default.PureComponent),r(t,[{key:"render",value:function(){return o.default.createElement("div",{className:"example-root"},o.default.createElement("div",{className:"example-toggle",onClick:this.toggleShow},"Click to toggle animation"),o.default.createElement("div",{className:"floating"},o.default.createElement(a.default,{show:this.state.show,type:"fade"},o.default.createElement("div",{className:"example-animate example-animate-2"},o.default.createElement("h3",null,"This component fadeIn and fadeOut")))))}}]),t}();t.default=u},"./demo/examples/AnimateGroup.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=l(n("./node_modules/react/index.js")),i=(l(n("./node_modules/react-dom/index.js")),l(n("./src/AnimateGroup.js")));function l(e){return e&&e.__esModule?e:{default:e}}function u(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}function c(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}var s=7,f=["rgba(255, 202, 177, 0.4)","rgba(105, 162, 176, 0.4)","rgba(101, 145, 87, 0.4)","rgba(161, 192, 132, 0.4)","rgba(224, 82, 99, 0.4)","rgba(31, 39, 27, 0.4)","rgba(25, 100, 126, 0.4)","rgba(40, 175, 176, 0.4)","rgba(244, 211, 94, 0.4)","rgba(238, 150, 75, 0.4)"],d=["AddRemove"],p={display:"flex",flexDirection:"column",marginTop:10,marginBottom:10,padding:5,alignItems:"center",borderRadius:10},m={fontSize:16,fontWeight:"bold"},h=function(e){function t(){var e,n,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=c(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={items:[{name:1,bgc:f[0]},{name:2,bgc:f[1]},{name:3,bgc:f[2]},{name:4,bgc:f[3]},{name:5,bgc:f[4]}]},r._handleRandomAction=function(){var e=r.state.items,t=d[r._getRandomInt(3)];e.length<3?r._randomAdd():e.length>6?r._randomRemove():"Add"===t?r._randomAdd():"Remove"===t?r._randomRemove():r._randomAddRemove()},r._randomAdd=function(){var e=r.state.items,t=r._getRandomInt(e.length);r.setState({items:[].concat(u(e.slice(0,t)),[r._generateNewItem()],u(e.slice(t)))})},r._randomRemove=function(){var e=r.state.items,t=r._getRandomInt(e.length);r.setState({items:[].concat(u(e.slice(0,t)),u(e.slice(t+1)))})},r._randomAddRemove=function(){var e=r.state.items,t=r._getRandomInt(e.length),n=[].concat(u(e.slice(0,t)),u(e.slice(t+1))),o=r._getRandomInt(n.length);r.setState({items:[].concat(u(n.slice(0,o)),[r._generateNewItem()],u(n.slice(o)))})},r._getRandomInt=function(e){return Math.floor(Math.random()*Math.floor(e))},r._generateNewItem=function(){return{name:s++,bgc:f[s%10]}},c(r,n)}return function(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)}(t,a.default.PureComponent),o(t,[{key:"render",value:function(){var e=this.state.items;return a.default.createElement("div",{className:"example-root"},a.default.createElement("div",{onClick:this._handleRandomAction,className:"example-toggle"},"Add/Remove item"),a.default.createElement(i.default,null,e.map(function(e){return a.default.createElement("div",{key:e.name,style:r({},p,{backgroundColor:e.bgc})},a.default.createElement("p",{style:m},e.name))})))}}]),t}();t.default=h},"./demo/index.js":function(e,t,n){"use strict";var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=f(n("./node_modules/react/index.js")),a=f(n("./node_modules/react-dom/index.js")),i=n("./src/Animate.js"),l=f(n("./demo/examples/Animate-1.js")),u=f(n("./demo/examples/Animate-2.js")),c=f(n("./demo/examples/AnimateGroup.js")),s=f(n("./demo/CodeExample.js"));function f(e){return e&&e.__esModule?e:{default:e}}function d(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}n("./demo/styles.css");var p=function(e){function t(){var e,n,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var o=arguments.length,i=Array(o),l=0;l<o;l++)i[l]=arguments[l];return n=r=d(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),r.state={floatingNav:!1,narrowScreen:!1},r.scrollToAnimateSection=function(e){e.preventDefault(),r.scrollToSection(r._animateSectionNode)},r.scrollToAnimateGroupSection=function(e){e.preventDefault(),r.scrollToSection(r._animateGroupSectionNode)},r.scrollToGithubSection=function(e){e.preventDefault(),r.scrollToSection(r._githubSectionNode)},r.scrollToSection=function(e){var t="scrollBehavior"in document.documentElement.style?"smooth":void 0;if(e instanceof window.HTMLElement){var n=e.getBoundingClientRect().top,r=window.pageYOffset;window.requestAnimationFrame(function(){return window.scrollTo({top:Math.max(r+n-60,0),left:0,behavior:t})})}},r._animateSectionRef=function(e){r._animateSectionNode=a.default.findDOMNode(e)},r._animateGroupSectionRef=function(e){r._animateGroupSectionNode=a.default.findDOMNode(e)},r._githubSectionRef=function(e){r._githubSectionNode=a.default.findDOMNode(e)},d(r,n)}return function(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)}(t,o.default.Component),r(t,[{key:"componentDidMount",value:function(){var e=this;window.onscroll=function(){var t=e.state.floatingNav;window.pageYOffset>=180&&!t&&e.setState({floatingNav:!0}),window.pageYOffset<180&&t&&e.setState({floatingNav:!1})},window.innerWidth<800&&this.setState({narrowScreen:!0})}},{key:"render",value:function(){var e=this.state,t=e.floatingNav,n=e.narrowScreen,r=n?"floating-right":"floating-right right-margin";return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:"floating-nav-fixed"},o.default.createElement(i.Animate,{show:t},o.default.createElement("div",{className:"floating-nav"},o.default.createElement("ul",{className:r},o.default.createElement("li",null,o.default.createElement("a",{href:"#",onClick:this.scrollToAnimateSection},"Animate")),o.default.createElement("li",null,o.default.createElement("a",{href:"#",onClick:this.scrollToAnimateGroupSection},"AnimateGroup")),o.default.createElement("li",null,o.default.createElement("a",{href:"#",onClick:this.scrollToGithubSection},"Github"))),n?null:o.default.createElement("div",{className:"floating-left"},"React Animate Mount")))),o.default.createElement("div",{className:"root"},o.default.createElement(i.Animate,{appear:!0,duration:750,show:!0},o.default.createElement("h1",{className:"header"},"React Animate Mount"),o.default.createElement("h3",{className:"header-sub"},"Simple and light component for animating mount and unmount")),o.default.createElement("ul",{className:"nav"},o.default.createElement("li",null,o.default.createElement("a",{href:"#",onClick:this.scrollToAnimateSection},"Animate")),o.default.createElement("li",null,o.default.createElement("a",{href:"#",onClick:this.scrollToAnimateGroupSection},"AnimateGroup")),o.default.createElement("li",null,o.default.createElement("a",{href:"#",onClick:this.scrollToGithubSection},"Github"))),o.default.createElement("section",{className:"section",id:"animate",ref:this._animateSectionRef},o.default.createElement("h2",{className:"section-header"},"< Animate />"),o.default.createElement("p",{className:"section-text"},"SlideUp / SlideDown component (animate height 0 and 'auto', like this page's floating nav)"),o.default.createElement(s.default,{code:o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:"code-red"},"<Animate show={this.state.show} />"),o.default.createElement("div",null,'  <div className="example-animate">'),o.default.createElement("div",null,"    <h2>This component slideUp and slideDown</h2>"),o.default.createElement("div",null,"  </div>"),o.default.createElement("div",{className:"code-red"},"</Animate>")),example:o.default.createElement(l.default,null)}),o.default.createElement("p",{className:"section-text"},"FadeIn / FadeOut component (animate opacity 0 and 1)"),o.default.createElement(s.default,{code:o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:"code-red"},o.default.createElement("span",null,"<Animate show={this.state.show} "),o.default.createElement("span",{className:"code-purple"},'type="fade" '),o.default.createElement("span",null,"/>")),o.default.createElement("div",null,'  <div className="example-animate">'),o.default.createElement("div",null,"    <h2>This component fadeIn and fadeOut</h2>"),o.default.createElement("div",null,"  </div>"),o.default.createElement("div",{className:"code-red"},"</Animate>")),example:o.default.createElement(u.default,null)}),o.default.createElement("p",{className:"section-text"},"Or simply animateIn on mount (like this page's header) "),o.default.createElement(s.default,{code:o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:"code-red"},o.default.createElement("span",null,"<Animate "),o.default.createElement("span",{className:"code-purple"},"appear "),o.default.createElement("span",null,"show />")),o.default.createElement("div",null,"  <h1>React Animate Mount</h1>"),o.default.createElement("div",null,"  <h3> Simple and light component... </h3>"),o.default.createElement("div",{className:"code-red"},"</Animate>"))})),o.default.createElement("section",{className:"section",id:"animate-group",ref:this._animateGroupSectionRef},o.default.createElement("h2",{className:"section-header"},"< AnimateGroup />"),o.default.createElement("p",{className:"section-text"},"Animate items when they are added / removed from a list"),o.default.createElement(s.default,{code:o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:"code-red"},"<AnimateGroup>"),o.default.createElement("div",null,"  {items.map(item => (<Item key=... data=... />)}"),o.default.createElement("div",{className:"code-red"},"</AnimateGroup>")),example:o.default.createElement(c.default,null)})),o.default.createElement("section",{className:"section",id:"github",ref:this._githubSectionRef},o.default.createElement("h2",{className:"section-header"},"Github"),o.default.createElement("a",{href:"https://github.com/MingruiZhang/react-animate-mount",className:"section-text",target:"_blank"},"https://github.com/MingruiZhang/react-animate-mount"))))}}]),t}(),m=document.getElementById("root");a.default.render(o.default.createElement(p,null),m)},"./demo/styles.css":function(e,t){},"./node_modules/fbjs/lib/ExecutionEnvironment.js":function(e,t,n){"use strict";var r=!("undefined"==typeof window||!window.document||!window.document.createElement),o={canUseDOM:r,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:r&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:r&&!!window.screen,isInWorker:!r};e.exports=o},"./node_modules/fbjs/lib/containsNode.js":function(e,t,n){"use strict";var r=n("./node_modules/fbjs/lib/isTextNode.js");e.exports=function e(t,n){return!(!t||!n)&&(t===n||!r(t)&&(r(n)?e(t,n.parentNode):"contains"in t?t.contains(n):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(n))))}},"./node_modules/fbjs/lib/emptyFunction.js":function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},e.exports=o},"./node_modules/fbjs/lib/emptyObject.js":function(e,t,n){"use strict";e.exports={}},"./node_modules/fbjs/lib/getActiveElement.js":function(e,t,n){"use strict";e.exports=function(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}},"./node_modules/fbjs/lib/invariant.js":function(e,t,n){"use strict";var r=function(e){};e.exports=function(e,t,n,o,a,i,l,u){if(r(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 s=[n,o,a,i,l,u],f=0;(c=new Error(t.replace(/%s/g,function(){return s[f++]}))).name="Invariant Violation"}throw c.framesToPop=1,c}}},"./node_modules/fbjs/lib/isNode.js":function(e,t,n){"use strict";e.exports=function(e){var t=(e?e.ownerDocument||e:document).defaultView||window;return!(!e||!("function"==typeof t.Node?e instanceof t.Node:"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName))}},"./node_modules/fbjs/lib/isTextNode.js":function(e,t,n){"use strict";var r=n("./node_modules/fbjs/lib/isNode.js");e.exports=function(e){return r(e)&&3==e.nodeType}},"./node_modules/fbjs/lib/shallowEqual.js":function(e,t,n){"use strict";var r=Object.prototype.hasOwnProperty;function o(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}e.exports=function(e,t){if(o(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(var i=0;i<n.length;i++)if(!r.call(t,n[i])||!o(e[n[i]],t[n[i]]))return!1;return!0}},"./node_modules/object-assign/index.js":function(e,t,n){"use strict";
 2 | /*
 3 | object-assign
 4 | (c) Sindre Sorhus
 5 | @license MIT
 6 | */var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=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={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,i,l=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),u=1;u<arguments.length;u++){for(var c in n=Object(arguments[u]))o.call(n,c)&&(l[c]=n[c]);if(r){i=r(n);for(var s=0;s<i.length;s++)a.call(n,i[s])&&(l[i[s]]=n[i[s]])}}return l}},"./node_modules/react-dom/cjs/react-dom.production.min.js":function(e,t,n){"use strict";
 7 | /** @license React v16.4.1
 8 |  * react-dom.production.min.js
 9 |  *
10 |  * Copyright (c) 2013-present, Facebook, Inc.
11 |  *
12 |  * This source code is licensed under the MIT license found in the
13 |  * LICENSE file in the root directory of this source tree.
14 |  */var r=n("./node_modules/fbjs/lib/invariant.js"),o=n("./node_modules/react/index.js"),a=n("./node_modules/fbjs/lib/ExecutionEnvironment.js"),i=n("./node_modules/object-assign/index.js"),l=n("./node_modules/fbjs/lib/emptyFunction.js"),u=n("./node_modules/fbjs/lib/getActiveElement.js"),c=n("./node_modules/fbjs/lib/shallowEqual.js"),s=n("./node_modules/fbjs/lib/containsNode.js"),f=n("./node_modules/fbjs/lib/emptyObject.js");function d(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,o=0;o<t;o++)n+="&args[]="+encodeURIComponent(arguments[o+1]);r(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}o||d("227");var p={_caughtError:null,_hasCaughtError:!1,_rethrowError:null,_hasRethrowError:!1,invokeGuardedCallback:function(e,t,n,r,o,a,i,l,u){(function(e,t,n,r,o,a,i,l,u){this._hasCaughtError=!1,this._caughtError=null;var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this._caughtError=e,this._hasCaughtError=!0}}).apply(p,arguments)},invokeGuardedCallbackAndCatchFirstError:function(e,t,n,r,o,a,i,l,u){if(p.invokeGuardedCallback.apply(this,arguments),p.hasCaughtError()){var c=p.clearCaughtError();p._hasRethrowError||(p._hasRethrowError=!0,p._rethrowError=c)}},rethrowCaughtError:function(){return function(){if(p._hasRethrowError){var e=p._rethrowError;throw p._rethrowError=null,p._hasRethrowError=!1,e}}.apply(p,arguments)},hasCaughtError:function(){return p._hasCaughtError},clearCaughtError:function(){if(p._hasCaughtError){var e=p._caughtError;return p._caughtError=null,p._hasCaughtError=!1,e}d("198")}};var m=null,h={};function v(){if(m)for(var e in h){var t=h[e],n=m.indexOf(e);if(-1<n||d("96",e),!g[n])for(var r in t.extractEvents||d("97",e),g[n]=t,n=t.eventTypes){var o=void 0,a=n[r],i=t,l=r;b.hasOwnProperty(l)&&d("99",l),b[l]=a;var u=a.phasedRegistrationNames;if(u){for(o in u)u.hasOwnProperty(o)&&y(u[o],i,l);o=!0}else a.registrationName?(y(a.registrationName,i,l),o=!0):o=!1;o||d("98",r,e)}}}function y(e,t,n){w[e]&&d("100",e),w[e]=t,_[e]=t.eventTypes[n].dependencies}var g=[],b={},w={},_={};function E(e){m&&d("101"),m=Array.prototype.slice.call(e),v()}function k(e){var t,n=!1;for(t in e)if(e.hasOwnProperty(t)){var r=e[t];h.hasOwnProperty(t)&&h[t]===r||(h[t]&&d("102",t),h[t]=r,n=!0)}n&&v()}var x={plugins:g,eventNameDispatchConfigs:b,registrationNameModules:w,registrationNameDependencies:_,possibleRegistrationNames:null,injectEventPluginOrder:E,injectEventPluginsByName:k},C=null,S=null,T=null;function P(e,t,n,r){t=e.type||"unknown-event",e.currentTarget=T(r),p.invokeGuardedCallbackAndCatchFirstError(t,n,void 0,e),e.currentTarget=null}function N(e,t){return null==t&&d("30"),null==e?t:Array.isArray(e)?Array.isArray(t)?(e.push.apply(e,t),e):(e.push(t),e):Array.isArray(t)?[e].concat(t):[e,t]}function O(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}var j=null;function A(e,t){if(e){var n=e._dispatchListeners,r=e._dispatchInstances;if(Array.isArray(n))for(var o=0;o<n.length&&!e.isPropagationStopped();o++)P(e,t,n[o],r[o]);else n&&P(e,t,n,r);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}function R(e){return A(e,!0)}function M(e){return A(e,!1)}var I={injectEventPluginOrder:E,injectEventPluginsByName:k};function D(e,t){var n=e.stateNode;if(!n)return null;var r=C(n);if(!r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}return e?null:(n&&"function"!=typeof n&&d("231",t,typeof n),n)}function F(e,t){null!==e&&(j=N(j,e)),e=j,j=null,e&&(O(e,t?R:M),j&&d("95"),p.rethrowCaughtError())}function U(e,t,n,r){for(var o=null,a=0;a<g.length;a++){var i=g[a];i&&(i=i.extractEvents(e,t,n,r))&&(o=N(o,i))}F(o,!1)}var L={injection:I,getListener:D,runEventsInBatch:F,runExtractedEventsInBatch:U},z=Math.random().toString(36).slice(2),H="__reactInternalInstance$"+z,B="__reactEventHandlers$"+z;function V(e){if(e[H])return e[H];for(;!e[H];){if(!e.parentNode)return null;e=e.parentNode}return 5===(e=e[H]).tag||6===e.tag?e:null}function W(e){if(5===e.tag||6===e.tag)return e.stateNode;d("33")}function $(e){return e[B]||null}var q={precacheFiberNode:function(e,t){t[H]=e},getClosestInstanceFromNode:V,getInstanceFromNode:function(e){return!(e=e[H])||5!==e.tag&&6!==e.tag?null:e},getNodeFromInstance:W,getFiberCurrentPropsFromNode:$,updateFiberProps:function(e,t){e[B]=t}};function G(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function Q(e,t,n){for(var r=[];e;)r.push(e),e=G(e);for(e=r.length;0<e--;)t(r[e],"captured",n);for(e=0;e<r.length;e++)t(r[e],"bubbled",n)}function K(e,t,n){(t=D(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=N(n._dispatchListeners,t),n._dispatchInstances=N(n._dispatchInstances,e))}function Y(e){e&&e.dispatchConfig.phasedRegistrationNames&&Q(e._targetInst,K,e)}function X(e){if(e&&e.dispatchConfig.phasedRegistrationNames){var t=e._targetInst;Q(t=t?G(t):null,K,e)}}function Z(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=D(e,n.dispatchConfig.registrationName))&&(n._dispatchListeners=N(n._dispatchListeners,t),n._dispatchInstances=N(n._dispatchInstances,e))}function J(e){e&&e.dispatchConfig.registrationName&&Z(e._targetInst,null,e)}function ee(e){O(e,Y)}function te(e,t,n,r){if(n&&r)e:{for(var o=n,a=r,i=0,l=o;l;l=G(l))i++;l=0;for(var u=a;u;u=G(u))l++;for(;0<i-l;)o=G(o),i--;for(;0<l-i;)a=G(a),l--;for(;i--;){if(o===a||o===a.alternate)break e;o=G(o),a=G(a)}o=null}else o=null;for(a=o,o=[];n&&n!==a&&(null===(i=n.alternate)||i!==a);)o.push(n),n=G(n);for(n=[];r&&r!==a&&(null===(i=r.alternate)||i!==a);)n.push(r),r=G(r);for(r=0;r<o.length;r++)Z(o[r],"bubbled",e);for(e=n.length;0<e--;)Z(n[e],"captured",t)}var ne={accumulateTwoPhaseDispatches:ee,accumulateTwoPhaseDispatchesSkipTarget:function(e){O(e,X)},accumulateEnterLeaveDispatches:te,accumulateDirectDispatches:function(e){O(e,J)}};function re(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}var oe={animationend:re("Animation","AnimationEnd"),animationiteration:re("Animation","AnimationIteration"),animationstart:re("Animation","AnimationStart"),transitionend:re("Transition","TransitionEnd")},ae={},ie={};function le(e){if(ae[e])return ae[e];if(!oe[e])return e;var t,n=oe[e];for(t in n)if(n.hasOwnProperty(t)&&t in ie)return ae[e]=n[t];return e}a.canUseDOM&&(ie=document.createElement("div").style,"AnimationEvent"in window||(delete oe.animationend.animation,delete oe.animationiteration.animation,delete oe.animationstart.animation),"TransitionEvent"in window||delete oe.transitionend.transition);var ue=le("animationend"),ce=le("animationiteration"),se=le("animationstart"),fe=le("transitionend"),de="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),pe=null;function me(){return!pe&&a.canUseDOM&&(pe="textContent"in document.documentElement?"textContent":"innerText"),pe}var he={_root:null,_startText:null,_fallbackText:null};function ve(){if(he._fallbackText)return he._fallbackText;var e,t,n=he._startText,r=n.length,o=ye(),a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return he._fallbackText=o.slice(e,1<t?1-t:void 0),he._fallbackText}function ye(){return"value"in he._root?he._root.value:he._root[me()]}var ge="dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(" "),be={type:null,target:null,currentTarget:l.thatReturnsNull,eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};function we(e,t,n,r){for(var o in this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n,e=this.constructor.Interface)e.hasOwnProperty(o)&&((t=e[o])?this[o]=t(n):"target"===o?this.target=r:this[o]=n[o]);return this.isDefaultPrevented=(null!=n.defaultPrevented?n.defaultPrevented:!1===n.returnValue)?l.thatReturnsTrue:l.thatReturnsFalse,this.isPropagationStopped=l.thatReturnsFalse,this}function _e(e,t,n,r){if(this.eventPool.length){var o=this.eventPool.pop();return this.call(o,e,t,n,r),o}return new this(e,t,n,r)}function Ee(e){e instanceof this||d("223"),e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function ke(e){e.eventPool=[],e.getPooled=_e,e.release=Ee}i(we.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=l.thatReturnsTrue)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=l.thatReturnsTrue)},persist:function(){this.isPersistent=l.thatReturnsTrue},isPersistent:l.thatReturnsFalse,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;for(t=0;t<ge.length;t++)this[ge[t]]=null}}),we.Interface=be,we.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var o=new t;return i(o,n.prototype),n.prototype=o,n.prototype.constructor=n,n.Interface=i({},r.Interface,e),n.extend=r.extend,ke(n),n},ke(we);var xe=we.extend({data:null}),Ce=we.extend({data:null}),Se=[9,13,27,32],Te=a.canUseDOM&&"CompositionEvent"in window,Pe=null;a.canUseDOM&&"documentMode"in document&&(Pe=document.documentMode);var Ne=a.canUseDOM&&"TextEvent"in window&&!Pe,Oe=a.canUseDOM&&(!Te||Pe&&8<Pe&&11>=Pe),je=String.fromCharCode(32),Ae={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},Re=!1;function Me(e,t){switch(e){case"keyup":return-1!==Se.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function Ie(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var De=!1;var Fe={eventTypes:Ae,extractEvents:function(e,t,n,r){var o=void 0,a=void 0;if(Te)e:{switch(e){case"compositionstart":o=Ae.compositionStart;break e;case"compositionend":o=Ae.compositionEnd;break e;case"compositionupdate":o=Ae.compositionUpdate;break e}o=void 0}else De?Me(e,n)&&(o=Ae.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=Ae.compositionStart);return o?(Oe&&(De||o!==Ae.compositionStart?o===Ae.compositionEnd&&De&&(a=ve()):(he._root=r,he._startText=ye(),De=!0)),o=xe.getPooled(o,t,n,r),a?o.data=a:null!==(a=Ie(n))&&(o.data=a),ee(o),a=o):a=null,(e=Ne?function(e,t){switch(e){case"compositionend":return Ie(t);case"keypress":return 32!==t.which?null:(Re=!0,je);case"textInput":return(e=t.data)===je&&Re?null:e;default:return null}}(e,n):function(e,t){if(De)return"compositionend"===e||!Te&&Me(e,t)?(e=ve(),he._root=null,he._startText=null,he._fallbackText=null,De=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Oe?null:t.data;default:return null}}(e,n))?((t=Ce.getPooled(Ae.beforeInput,t,n,r)).data=e,ee(t)):t=null,null===a?t:null===t?a:[a,t]}},Ue=null,Le={injectFiberControlledHostComponent:function(e){Ue=e}},ze=null,He=null;function Be(e){if(e=S(e)){Ue&&"function"==typeof Ue.restoreControlledState||d("194");var t=C(e.stateNode);Ue.restoreControlledState(e.stateNode,e.type,t)}}function Ve(e){ze?He?He.push(e):He=[e]:ze=e}function We(){return null!==ze||null!==He}function $e(){if(ze){var e=ze,t=He;if(He=ze=null,Be(e),t)for(e=0;e<t.length;e++)Be(t[e])}}var qe={injection:Le,enqueueStateRestore:Ve,needsStateRestore:We,restoreStateIfNeeded:$e};function Ge(e,t){return e(t)}function Qe(e,t,n){return e(t,n)}function Ke(){}var Ye=!1;function Xe(e,t){if(Ye)return e(t);Ye=!0;try{return Ge(e,t)}finally{Ye=!1,We()&&(Ke(),$e())}}var Ze={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Je(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Ze[e.type]:"textarea"===t}function et(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function tt(e,t){return!(!a.canUseDOM||t&&!("addEventListener"in document))&&((t=(e="on"+e)in document)||((t=document.createElement("div")).setAttribute(e,"return;"),t="function"==typeof t[e]),t)}function nt(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function rt(e){e._valueTracker||(e._valueTracker=function(e){var t=nt(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function ot(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=nt(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}var at=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,it="function"==typeof Symbol&&Symbol.for,lt=it?Symbol.for("react.element"):60103,ut=it?Symbol.for("react.portal"):60106,ct=it?Symbol.for("react.fragment"):60107,st=it?Symbol.for("react.strict_mode"):60108,ft=it?Symbol.for("react.profiler"):60114,dt=it?Symbol.for("react.provider"):60109,pt=it?Symbol.for("react.context"):60110,mt=it?Symbol.for("react.async_mode"):60111,ht=it?Symbol.for("react.forward_ref"):60112,vt=it?Symbol.for("react.timeout"):60113,yt="function"==typeof Symbol&&Symbol.iterator;function gt(e){return null===e||void 0===e?null:"function"==typeof(e=yt&&e[yt]||e["@@iterator"])?e:null}function bt(e){var t=e.type;if("function"==typeof t)return t.displayName||t.name;if("string"==typeof t)return t;switch(t){case mt:return"AsyncMode";case pt:return"Context.Consumer";case ct:return"ReactFragment";case ut:return"ReactPortal";case ft:return"Profiler("+e.pendingProps.id+")";case dt:return"Context.Provider";case st:return"StrictMode";case vt:return"Timeout"}if("object"==typeof t&&null!==t)switch(t.$$typeof){case ht:return""!==(e=t.render.displayName||t.render.name||"")?"ForwardRef("+e+")":"ForwardRef"}return null}function wt(e){var t="";do{e:switch(e.tag){case 0:case 1:case 2:case 5:var n=e._debugOwner,r=e._debugSource,o=bt(e),a=null;n&&(a=bt(n)),n=r,o="\n    in "+(o||"Unknown")+(n?" (at "+n.fileName.replace(/^.*[\\\/]/,"")+":"+n.lineNumber+")":a?" (created by "+a+")":"");break e;default:o=""}t+=o,e=e.return}while(e);return t}var _t=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Et={},kt={};function xt(e,t,n,r,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t}var Ct={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){Ct[e]=new xt(e,0,!1,e,null)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];Ct[t]=new xt(t,1,!1,e[1],null)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){Ct[e]=new xt(e,2,!1,e.toLowerCase(),null)}),["autoReverse","externalResourcesRequired","preserveAlpha"].forEach(function(e){Ct[e]=new xt(e,2,!1,e,null)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){Ct[e]=new xt(e,3,!1,e.toLowerCase(),null)}),["checked","multiple","muted","selected"].forEach(function(e){Ct[e]=new xt(e,3,!0,e.toLowerCase(),null)}),["capture","download"].forEach(function(e){Ct[e]=new xt(e,4,!1,e.toLowerCase(),null)}),["cols","rows","size","span"].forEach(function(e){Ct[e]=new xt(e,6,!1,e.toLowerCase(),null)}),["rowSpan","start"].forEach(function(e){Ct[e]=new xt(e,5,!1,e.toLowerCase(),null)});var St=/[\-:]([a-z])/g;function Tt(e){return e[1].toUpperCase()}function Pt(e,t,n,r){var o=Ct.hasOwnProperty(t)?Ct[t]:null;(null!==o?0===o.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null===t||void 0===t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!kt.hasOwnProperty(e)||!Et.hasOwnProperty(e)&&(_t.test(e)?kt[e]=!0:(Et[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function Nt(e,t){var n=t.checked;return i({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Ot(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=It(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function jt(e,t){null!=(t=t.checked)&&Pt(e,"checked",t,!1)}function At(e,t){jt(e,t);var n=It(t.value);null!=n&&("number"===t.type?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n)),t.hasOwnProperty("value")?Mt(e,t.type,n):t.hasOwnProperty("defaultValue")&&Mt(e,t.type,It(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function Rt(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){t=""+e._wrapperState.initialValue;var r=e.value;n||t===r||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!e.defaultChecked,""!==n&&(e.name=n)}function Mt(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function It(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(St,Tt);Ct[t]=new xt(t,1,!1,e,null)}),"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(St,Tt);Ct[t]=new xt(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(St,Tt);Ct[t]=new xt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),Ct.tabIndex=new xt("tabIndex",1,!1,"tabindex",null);var Dt={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Ft(e,t,n){return(e=we.getPooled(Dt.change,e,t,n)).type="change",Ve(n),ee(e),e}var Ut=null,Lt=null;function zt(e){F(e,!1)}function Ht(e){if(ot(W(e)))return e}function Bt(e,t){if("change"===e)return t}var Vt=!1;function Wt(){Ut&&(Ut.detachEvent("onpropertychange",$t),Lt=Ut=null)}function $t(e){"value"===e.propertyName&&Ht(Lt)&&Xe(zt,e=Ft(Lt,e,et(e)))}function qt(e,t,n){"focus"===e?(Wt(),Lt=n,(Ut=t).attachEvent("onpropertychange",$t)):"blur"===e&&Wt()}function Gt(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Ht(Lt)}function Qt(e,t){if("click"===e)return Ht(t)}function Kt(e,t){if("input"===e||"change"===e)return Ht(t)}a.canUseDOM&&(Vt=tt("input")&&(!document.documentMode||9<document.documentMode));var Yt={eventTypes:Dt,_isInputEventSupported:Vt,extractEvents:function(e,t,n,r){var o=t?W(t):window,a=void 0,i=void 0,l=o.nodeName&&o.nodeName.toLowerCase();if("select"===l||"input"===l&&"file"===o.type?a=Bt:Je(o)?Vt?a=Kt:(a=Gt,i=qt):(l=o.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===o.type||"radio"===o.type)&&(a=Qt),a&&(a=a(e,t)))return Ft(a,n,r);i&&i(e,o,t),"blur"===e&&(e=o._wrapperState)&&e.controlled&&"number"===o.type&&Mt(o,"number",o.value)}},Xt=we.extend({view:null,detail:null}),Zt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Jt(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Zt[e])&&!!t[e]}function en(){return Jt}var tn=Xt.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:en,button:null,buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)}}),nn=tn.extend({pointerId:null,width:null,height:null,pressure:null,tiltX:null,tiltY:null,pointerType:null,isPrimary:null}),rn={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},on={eventTypes:rn,extractEvents:function(e,t,n,r){var o="mouseover"===e||"pointerover"===e,a="mouseout"===e||"pointerout"===e;if(o&&(n.relatedTarget||n.fromElement)||!a&&!o)return null;if(o=r.window===r?r:(o=r.ownerDocument)?o.defaultView||o.parentWindow:window,a?(a=t,t=(t=n.relatedTarget||n.toElement)?V(t):null):a=null,a===t)return null;var i=void 0,l=void 0,u=void 0,c=void 0;return"mouseout"===e||"mouseover"===e?(i=tn,l=rn.mouseLeave,u=rn.mouseEnter,c="mouse"):"pointerout"!==e&&"pointerover"!==e||(i=nn,l=rn.pointerLeave,u=rn.pointerEnter,c="pointer"),e=null==a?o:W(a),o=null==t?o:W(t),(l=i.getPooled(l,a,n,r)).type=c+"leave",l.target=e,l.relatedTarget=o,(n=i.getPooled(u,t,n,r)).type=c+"enter",n.target=o,n.relatedTarget=e,te(l,n,a,t),[l,n]}};function an(e){var t=e;if(e.alternate)for(;t.return;)t=t.return;else{if(0!=(2&t.effectTag))return 1;for(;t.return;)if(0!=(2&(t=t.return).effectTag))return 1}return 3===t.tag?2:3}function ln(e){2!==an(e)&&d("188")}function un(e){var t=e.alternate;if(!t)return 3===(t=an(e))&&d("188"),1===t?null:e;for(var n=e,r=t;;){var o=n.return,a=o?o.alternate:null;if(!o||!a)break;if(o.child===a.child){for(var i=o.child;i;){if(i===n)return ln(o),e;if(i===r)return ln(o),t;i=i.sibling}d("188")}if(n.return!==r.return)n=o,r=a;else{i=!1;for(var l=o.child;l;){if(l===n){i=!0,n=o,r=a;break}if(l===r){i=!0,r=o,n=a;break}l=l.sibling}if(!i){for(l=a.child;l;){if(l===n){i=!0,n=a,r=o;break}if(l===r){i=!0,r=a,n=o;break}l=l.sibling}i||d("189")}}n.alternate!==r&&d("190")}return 3!==n.tag&&d("188"),n.stateNode.current===n?e:t}function cn(e){if(!(e=un(e)))return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}var sn=we.extend({animationName:null,elapsedTime:null,pseudoElement:null}),fn=we.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),dn=Xt.extend({relatedTarget:null});function pn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}var mn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},hn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},vn=Xt.extend({key:function(e){if(e.key){var t=mn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=pn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?hn[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:en,charCode:function(e){return"keypress"===e.type?pn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?pn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),yn=tn.extend({dataTransfer:null}),gn=Xt.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:en}),bn=we.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),wn=tn.extend({deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:null,deltaMode:null}),_n=[["abort","abort"],[ue,"animationEnd"],[ce,"animationIteration"],[se,"animationStart"],["canplay","canPlay"],["canplaythrough","canPlayThrough"],["drag","drag"],["dragenter","dragEnter"],["dragexit","dragExit"],["dragleave","dragLeave"],["dragover","dragOver"],["durationchange","durationChange"],["emptied","emptied"],["encrypted","encrypted"],["ended","ended"],["error","error"],["gotpointercapture","gotPointerCapture"],["load","load"],["loadeddata","loadedData"],["loadedmetadata","loadedMetadata"],["loadstart","loadStart"],["lostpointercapture","lostPointerCapture"],["mousemove","mouseMove"],["mouseout","mouseOut"],["mouseover","mouseOver"],["playing","playing"],["pointermove","pointerMove"],["pointerout","pointerOut"],["pointerover","pointerOver"],["progress","progress"],["scroll","scroll"],["seeking","seeking"],["stalled","stalled"],["suspend","suspend"],["timeupdate","timeUpdate"],["toggle","toggle"],["touchmove","touchMove"],[fe,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],En={},kn={};function xn(e,t){var n=e[0],r="on"+((e=e[1])[0].toUpperCase()+e.slice(1));t={phasedRegistrationNames:{bubbled:r,captured:r+"Capture"},dependencies:[n],isInteractive:t},En[e]=t,kn[n]=t}[["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["input","input"],["invalid","invalid"],["keydown","keyDown"],["keypress","keyPress"],["keyup","keyUp"],["mousedown","mouseDown"],["mouseup","mouseUp"],["paste","paste"],["pause","pause"],["play","play"],["pointercancel","pointerCancel"],["pointerdown","pointerDown"],["pointerup","pointerUp"],["ratechange","rateChange"],["reset","reset"],["seeked","seeked"],["submit","submit"],["touchcancel","touchCancel"],["touchend","touchEnd"],["touchstart","touchStart"],["volumechange","volumeChange"]].forEach(function(e){xn(e,!0)}),_n.forEach(function(e){xn(e,!1)});var Cn={eventTypes:En,isInteractiveTopLevelEventType:function(e){return void 0!==(e=kn[e])&&!0===e.isInteractive},extractEvents:function(e,t,n,r){var o=kn[e];if(!o)return null;switch(e){case"keypress":if(0===pn(n))return null;case"keydown":case"keyup":e=vn;break;case"blur":case"focus":e=dn;break;case"click":if(2===n.button)return null;case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":e=tn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":e=yn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":e=gn;break;case ue:case ce:case se:e=sn;break;case fe:e=bn;break;case"scroll":e=Xt;break;case"wheel":e=wn;break;case"copy":case"cut":case"paste":e=fn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":e=nn;break;default:e=we}return ee(t=e.getPooled(o,t,n,r)),t}},Sn=Cn.isInteractiveTopLevelEventType,Tn=[];function Pn(e){var t=e.targetInst;do{if(!t){e.ancestors.push(t);break}var n;for(n=t;n.return;)n=n.return;if(!(n=3!==n.tag?null:n.stateNode.containerInfo))break;e.ancestors.push(t),t=V(n)}while(t);for(n=0;n<e.ancestors.length;n++)t=e.ancestors[n],U(e.topLevelType,t,e.nativeEvent,et(e.nativeEvent))}var Nn=!0;function On(e){Nn=!!e}function jn(e,t){if(!t)return null;var n=(Sn(e)?Rn:Mn).bind(null,e);t.addEventListener(e,n,!1)}function An(e,t){if(!t)return null;var n=(Sn(e)?Rn:Mn).bind(null,e);t.addEventListener(e,n,!0)}function Rn(e,t){Qe(Mn,e,t)}function Mn(e,t){if(Nn){var n=et(t);if(null===(n=V(n))||"number"!=typeof n.tag||2===an(n)||(n=null),Tn.length){var r=Tn.pop();r.topLevelType=e,r.nativeEvent=t,r.targetInst=n,e=r}else e={topLevelType:e,nativeEvent:t,targetInst:n,ancestors:[]};try{Xe(Pn,e)}finally{e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>Tn.length&&Tn.push(e)}}}var In={get _enabled(){return Nn},setEnabled:On,isEnabled:function(){return Nn},trapBubbledEvent:jn,trapCapturedEvent:An,dispatchEvent:Mn},Dn={},Fn=0,Un="_reactListenersID"+(""+Math.random()).slice(2);function Ln(e){return Object.prototype.hasOwnProperty.call(e,Un)||(e[Un]=Fn++,Dn[e[Un]]={}),Dn[e[Un]]}function zn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Hn(e,t){var n,r=zn(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=zn(r)}}function Bn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var Vn=a.canUseDOM&&"documentMode"in document&&11>=document.documentMode,Wn={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu focus keydown keyup mousedown mouseup selectionchange".split(" ")}},$n=null,qn=null,Gn=null,Qn=!1;function Kn(e,t){if(Qn||null==$n||$n!==u())return null;var n=$n;return"selectionStart"in n&&Bn(n)?n={start:n.selectionStart,end:n.selectionEnd}:window.getSelection?n={anchorNode:(n=window.getSelection()).anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset}:n=void 0,Gn&&c(Gn,n)?null:(Gn=n,(e=we.getPooled(Wn.select,qn,e,t)).type="select",e.target=$n,ee(e),e)}var Yn={eventTypes:Wn,extractEvents:function(e,t,n,r){var o,a=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(o=!a)){e:{a=Ln(a),o=_.onSelect;for(var i=0;i<o.length;i++){var l=o[i];if(!a.hasOwnProperty(l)||!a[l]){a=!1;break e}}a=!0}o=!a}if(o)return null;switch(a=t?W(t):window,e){case"focus":(Je(a)||"true"===a.contentEditable)&&($n=a,qn=t,Gn=null);break;case"blur":Gn=qn=$n=null;break;case"mousedown":Qn=!0;break;case"contextmenu":case"mouseup":return Qn=!1,Kn(n,r);case"selectionchange":if(Vn)break;case"keydown":case"keyup":return Kn(n,r)}return null}};I.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin TapEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),C=q.getFiberCurrentPropsFromNode,S=q.getInstanceFromNode,T=q.getNodeFromInstance,I.injectEventPluginsByName({SimpleEventPlugin:Cn,EnterLeaveEventPlugin:on,ChangeEventPlugin:Yt,SelectEventPlugin:Yn,BeforeInputEventPlugin:Fe});var Xn="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,Zn=Date,Jn=setTimeout,er=clearTimeout,tr=void 0;if("object"==typeof performance&&"function"==typeof performance.now){var nr=performance;tr=function(){return nr.now()}}else tr=function(){return Zn.now()};var rr=void 0,or=void 0;if(a.canUseDOM){var ar="function"==typeof Xn?Xn:function(){d("276")},ir=null,lr=null,ur=-1,cr=!1,sr=!1,fr=0,dr=33,pr=33,mr={didTimeout:!1,timeRemaining:function(){var e=fr-tr();return 0<e?e:0}},hr=function(e,t){var n=e.scheduledCallback,r=!1;try{n(t),r=!0}finally{or(e),r||(cr=!0,window.postMessage(vr,"*"))}},vr="__reactIdleCallback$"+Math.random().toString(36).slice(2);window.addEventListener("message",function(e){if(e.source===window&&e.data===vr&&(cr=!1,null!==ir)){if(null!==ir){var t=tr();if(!(-1===ur||ur>t)){e=-1;for(var n=[],r=ir;null!==r;){var o=r.timeoutTime;-1!==o&&o<=t?n.push(r):-1!==o&&(-1===e||o<e)&&(e=o),r=r.next}if(0<n.length)for(mr.didTimeout=!0,t=0,r=n.length;t<r;t++)hr(n[t],mr);ur=e}}for(e=tr();0<fr-e&&null!==ir;)e=ir,mr.didTimeout=!1,hr(e,mr),e=tr();null===ir||sr||(sr=!0,ar(yr))}},!1);var yr=function(e){sr=!1;var t=e-fr+pr;t<pr&&dr<pr?(8>t&&(t=8),pr=t<dr?dr:t):dr=t,fr=e+pr,cr||(cr=!0,window.postMessage(vr,"*"))};rr=function(e,t){var n=-1;return null!=t&&"number"==typeof t.timeout&&(n=tr()+t.timeout),(-1===ur||-1!==n&&n<ur)&&(ur=n),e={scheduledCallback:e,timeoutTime:n,prev:null,next:null},null===ir?ir=e:null!==(t=e.prev=lr)&&(t.next=e),lr=e,sr||(sr=!0,ar(yr)),e},or=function(e){if(null!==e.prev||ir===e){var t=e.next,n=e.prev;e.next=null,e.prev=null,null!==t?null!==n?(n.next=t,t.prev=n):(t.prev=null,ir=t):null!==n?(n.next=null,lr=n):lr=ir=null}}}else{var gr=new Map;rr=function(e){var t={scheduledCallback:e,timeoutTime:0,next:null,prev:null},n=Jn(function(){e({timeRemaining:function(){return 1/0},didTimeout:!1})});return gr.set(e,n),t},or=function(e){var t=gr.get(e.scheduledCallback);gr.delete(e),er(t)}}function br(e,t){return e=i({children:void 0},t),(t=function(e){var t="";return o.Children.forEach(e,function(e){null==e||"string"!=typeof e&&"number"!=typeof e||(t+=e)}),t}(t.children))&&(e.children=t),e}function wr(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+n,t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function _r(e,t){var n=t.value;e._wrapperState={initialValue:null!=n?n:t.defaultValue,wasMultiple:!!t.multiple}}function Er(e,t){return null!=t.dangerouslySetInnerHTML&&d("91"),i({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function kr(e,t){var n=t.value;null==n&&(n=t.defaultValue,null!=(t=t.children)&&(null!=n&&d("92"),Array.isArray(t)&&(1>=t.length||d("93"),t=t[0]),n=""+t),null==n&&(n="")),e._wrapperState={initialValue:""+n}}function xr(e,t){var n=t.value;null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&(e.defaultValue=n)),null!=t.defaultValue&&(e.defaultValue=t.defaultValue)}function Cr(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}var Sr={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Tr(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Pr(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Tr(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var Nr=void 0,Or=function(e){return"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,n,r,o){MSApp.execUnsafeLocalFunction(function(){return e(t,n)})}:e}(function(e,t){if(e.namespaceURI!==Sr.svg||"innerHTML"in e)e.innerHTML=t;else{for((Nr=Nr||document.createElement("div")).innerHTML="<svg>"+t+"</svg>",t=Nr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function jr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var Ar={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Rr=["Webkit","ms","Moz","O"];function Mr(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=n,a=t[n];o=null==a||"boolean"==typeof a||""===a?"":r||"number"!=typeof a||0===a||Ar.hasOwnProperty(o)&&Ar[o]?(""+a).trim():a+"px","float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(Ar).forEach(function(e){Rr.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Ar[t]=Ar[e]})});var Ir=i({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Dr(e,t,n){t&&(Ir[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&d("137",e,n()),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&d("60"),"object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||d("61")),null!=t.style&&"object"!=typeof t.style&&d("62",n()))}function Fr(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Ur=l.thatReturns("");function Lr(e,t){var n=Ln(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=_[t];for(var r=0;r<t.length;r++){var o=t[r];if(!n.hasOwnProperty(o)||!n[o]){switch(o){case"scroll":An("scroll",e);break;case"focus":case"blur":An("focus",e),An("blur",e),n.blur=!0,n.focus=!0;break;case"cancel":case"close":tt(o,!0)&&An(o,e);break;case"invalid":case"submit":case"reset":break;default:-1===de.indexOf(o)&&jn(o,e)}n[o]=!0}}}function zr(e,t,n,r){return n=9===n.nodeType?n:n.ownerDocument,r===Sr.html&&(r=Tr(e)),r===Sr.html?"script"===e?((e=n.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):e="string"==typeof t.is?n.createElement(e,{is:t.is}):n.createElement(e):e=n.createElementNS(r,e),e}function Hr(e,t){return(9===t.nodeType?t:t.ownerDocument).createTextNode(e)}function Br(e,t,n,r){var o=Fr(t,n);switch(t){case"iframe":case"object":jn("load",e);var a=n;break;case"video":case"audio":for(a=0;a<de.length;a++)jn(de[a],e);a=n;break;case"source":jn("error",e),a=n;break;case"img":case"image":case"link":jn("error",e),jn("load",e),a=n;break;case"form":jn("reset",e),jn("submit",e),a=n;break;case"details":jn("toggle",e),a=n;break;case"input":Ot(e,n),a=Nt(e,n),jn("invalid",e),Lr(r,"onChange");break;case"option":a=br(e,n);break;case"select":_r(e,n),a=i({},n,{value:void 0}),jn("invalid",e),Lr(r,"onChange");break;case"textarea":kr(e,n),a=Er(e,n),jn("invalid",e),Lr(r,"onChange");break;default:a=n}Dr(t,a,Ur);var u,c=a;for(u in c)if(c.hasOwnProperty(u)){var s=c[u];"style"===u?Mr(e,s):"dangerouslySetInnerHTML"===u?null!=(s=s?s.__html:void 0)&&Or(e,s):"children"===u?"string"==typeof s?("textarea"!==t||""!==s)&&jr(e,s):"number"==typeof s&&jr(e,""+s):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(w.hasOwnProperty(u)?null!=s&&Lr(r,u):null!=s&&Pt(e,u,s,o))}switch(t){case"input":rt(e),Rt(e,n,!1);break;case"textarea":rt(e),Cr(e);break;case"option":null!=n.value&&e.setAttribute("value",n.value);break;case"select":e.multiple=!!n.multiple,null!=(t=n.value)?wr(e,!!n.multiple,t,!1):null!=n.defaultValue&&wr(e,!!n.multiple,n.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=l)}}function Vr(e,t,n,r,o){var a=null;switch(t){case"input":n=Nt(e,n),r=Nt(e,r),a=[];break;case"option":n=br(e,n),r=br(e,r),a=[];break;case"select":n=i({},n,{value:void 0}),r=i({},r,{value:void 0}),a=[];break;case"textarea":n=Er(e,n),r=Er(e,r),a=[];break;default:"function"!=typeof n.onClick&&"function"==typeof r.onClick&&(e.onclick=l)}Dr(t,r,Ur),t=e=void 0;var u=null;for(e in n)if(!r.hasOwnProperty(e)&&n.hasOwnProperty(e)&&null!=n[e])if("style"===e){var c=n[e];for(t in c)c.hasOwnProperty(t)&&(u||(u={}),u[t]="")}else"dangerouslySetInnerHTML"!==e&&"children"!==e&&"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&"autoFocus"!==e&&(w.hasOwnProperty(e)?a||(a=[]):(a=a||[]).push(e,null));for(e in r){var s=r[e];if(c=null!=n?n[e]:void 0,r.hasOwnProperty(e)&&s!==c&&(null!=s||null!=c))if("style"===e)if(c){for(t in c)!c.hasOwnProperty(t)||s&&s.hasOwnProperty(t)||(u||(u={}),u[t]="");for(t in s)s.hasOwnProperty(t)&&c[t]!==s[t]&&(u||(u={}),u[t]=s[t])}else u||(a||(a=[]),a.push(e,u)),u=s;else"dangerouslySetInnerHTML"===e?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(a=a||[]).push(e,""+s)):"children"===e?c===s||"string"!=typeof s&&"number"!=typeof s||(a=a||[]).push(e,""+s):"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&(w.hasOwnProperty(e)?(null!=s&&Lr(o,e),a||c===s||(a=[])):(a=a||[]).push(e,s))}return u&&(a=a||[]).push("style",u),a}function Wr(e,t,n,r,o){"input"===n&&"radio"===o.type&&null!=o.name&&jt(e,o),Fr(n,r),r=Fr(n,o);for(var a=0;a<t.length;a+=2){var i=t[a],l=t[a+1];"style"===i?Mr(e,l):"dangerouslySetInnerHTML"===i?Or(e,l):"children"===i?jr(e,l):Pt(e,i,l,r)}switch(n){case"input":At(e,o);break;case"textarea":xr(e,o);break;case"select":e._wrapperState.initialValue=void 0,t=e._wrapperState.wasMultiple,e._wrapperState.wasMultiple=!!o.multiple,null!=(n=o.value)?wr(e,!!o.multiple,n,!1):t!==!!o.multiple&&(null!=o.defaultValue?wr(e,!!o.multiple,o.defaultValue,!0):wr(e,!!o.multiple,o.multiple?[]:"",!1))}}function $r(e,t,n,r,o){switch(t){case"iframe":case"object":jn("load",e);break;case"video":case"audio":for(r=0;r<de.length;r++)jn(de[r],e);break;case"source":jn("error",e);break;case"img":case"image":case"link":jn("error",e),jn("load",e);break;case"form":jn("reset",e),jn("submit",e);break;case"details":jn("toggle",e);break;case"input":Ot(e,n),jn("invalid",e),Lr(o,"onChange");break;case"select":_r(e,n),jn("invalid",e),Lr(o,"onChange");break;case"textarea":kr(e,n),jn("invalid",e),Lr(o,"onChange")}for(var a in Dr(t,n,Ur),r=null,n)if(n.hasOwnProperty(a)){var i=n[a];"children"===a?"string"==typeof i?e.textContent!==i&&(r=["children",i]):"number"==typeof i&&e.textContent!==""+i&&(r=["children",""+i]):w.hasOwnProperty(a)&&null!=i&&Lr(o,a)}switch(t){case"input":rt(e),Rt(e,n,!0);break;case"textarea":rt(e),Cr(e);break;case"select":case"option":break;default:"function"==typeof n.onClick&&(e.onclick=l)}return r}function qr(e,t){return e.nodeValue!==t}var Gr={createElement:zr,createTextNode:Hr,setInitialProperties:Br,diffProperties:Vr,updateProperties:Wr,diffHydratedProperties:$r,diffHydratedText:qr,warnForUnmatchedText:function(){},warnForDeletedHydratableElement:function(){},warnForDeletedHydratableText:function(){},warnForInsertedHydratedElement:function(){},warnForInsertedHydratedText:function(){},restoreControlledState:function(e,t,n){switch(t){case"input":if(At(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=$(r);o||d("90"),ot(r),At(r,o)}}}break;case"textarea":xr(e,n);break;case"select":null!=(t=n.value)&&wr(e,!!n.multiple,t,!1)}}},Qr=null,Kr=null;function Yr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function Xr(e,t){return"textarea"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&"string"==typeof t.dangerouslySetInnerHTML.__html}var Zr=tr,Jr=rr,eo=or;function to(e){for(e=e.nextSibling;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}function no(e){for(e=e.firstChild;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}new Set;var ro=[],oo=-1;function ao(e){return{current:e}}function io(e){0>oo||(e.current=ro[oo],ro[oo]=null,oo--)}function lo(e,t){ro[++oo]=e.current,e.current=t}var uo=ao(f),co=ao(!1),so=f;function fo(e){return mo(e)?so:uo.current}function po(e,t){var n=e.type.contextTypes;if(!n)return f;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function mo(e){return 2===e.tag&&null!=e.type.childContextTypes}function ho(e){mo(e)&&(io(co),io(uo))}function vo(e){io(co),io(uo)}function yo(e,t,n){uo.current!==f&&d("168"),lo(uo,t),lo(co,n)}function go(e,t){var n=e.stateNode,r=e.type.childContextTypes;if("function"!=typeof n.getChildContext)return t;for(var o in n=n.getChildContext())o in r||d("108",bt(e)||"Unknown",o);return i({},t,n)}function bo(e){if(!mo(e))return!1;var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||f,so=uo.current,lo(uo,t),lo(co,co.current),!0}function wo(e,t){var n=e.stateNode;if(n||d("169"),t){var r=go(e,so);n.__reactInternalMemoizedMergedChildContext=r,io(co),io(uo),lo(uo,r)}else io(co);lo(co,t)}function _o(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=null,this.index=0,this.ref=null,this.pendingProps=t,this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.expirationTime=0,this.alternate=null}function Eo(e,t,n){var r=e.alternate;return null===r?((r=new _o(e.tag,t,e.key,e.mode)).type=e.type,r.stateNode=e.stateNode,r.alternate=e,e.alternate=r):(r.pendingProps=t,r.effectTag=0,r.nextEffect=null,r.firstEffect=null,r.lastEffect=null),r.expirationTime=n,r.child=e.child,r.memoizedProps=e.memoizedProps,r.memoizedState=e.memoizedState,r.updateQueue=e.updateQueue,r.sibling=e.sibling,r.index=e.index,r.ref=e.ref,r}function ko(e,t,n){var r=e.type,o=e.key;if(e=e.props,"function"==typeof r)var a=r.prototype&&r.prototype.isReactComponent?2:0;else if("string"==typeof r)a=5;else switch(r){case ct:return xo(e.children,t,n,o);case mt:a=11,t|=3;break;case st:a=11,t|=2;break;case ft:return(r=new _o(15,e,o,4|t)).type=ft,r.expirationTime=n,r;case vt:a=16,t|=2;break;default:e:{switch("object"==typeof r&&null!==r?r.$$typeof:null){case dt:a=13;break e;case pt:a=12;break e;case ht:a=14;break e;default:d("130",null==r?r:typeof r,"")}a=void 0}}return(t=new _o(a,e,o,t)).type=r,t.expirationTime=n,t}function xo(e,t,n,r){return(e=new _o(10,e,r,t)).expirationTime=n,e}function Co(e,t,n){return(e=new _o(6,e,null,t)).expirationTime=n,e}function So(e,t,n){return(t=new _o(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function To(e,t,n){return e={current:t=new _o(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,pendingCommitExpirationTime:0,finishedWork:null,context:null,pendingContext:null,hydrate:n,remainingExpirationTime:0,firstBatch:null,nextScheduledRoot:null},t.stateNode=e}var Po=null,No=null;function Oo(e){return function(t){try{return e(t)}catch(e){}}}function jo(e){"function"==typeof Po&&Po(e)}function Ao(e){"function"==typeof No&&No(e)}var Ro=!1;function Mo(e){return{expirationTime:0,baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Io(e){return{expirationTime:e.expirationTime,baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Do(e){return{expirationTime:e,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function Fo(e,t,n){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t),(0===e.expirationTime||e.expirationTime>n)&&(e.expirationTime=n)}function Uo(e,t,n){var r=e.alternate;if(null===r){var o=e.updateQueue,a=null;null===o&&(o=e.updateQueue=Mo(e.memoizedState))}else o=e.updateQueue,a=r.updateQueue,null===o?null===a?(o=e.updateQueue=Mo(e.memoizedState),a=r.updateQueue=Mo(r.memoizedState)):o=e.updateQueue=Io(a):null===a&&(a=r.updateQueue=Io(o));null===a||o===a?Fo(o,t,n):null===o.lastUpdate||null===a.lastUpdate?(Fo(o,t,n),Fo(a,t,n)):(Fo(o,t,n),a.lastUpdate=t)}function Lo(e,t,n){var r=e.updateQueue;null===(r=null===r?e.updateQueue=Mo(e.memoizedState):zo(e,r)).lastCapturedUpdate?r.firstCapturedUpdate=r.lastCapturedUpdate=t:(r.lastCapturedUpdate.next=t,r.lastCapturedUpdate=t),(0===r.expirationTime||r.expirationTime>n)&&(r.expirationTime=n)}function zo(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=Io(t)),t}function Ho(e,t,n,r,o,a){switch(n.tag){case 1:return"function"==typeof(e=n.payload)?e.call(a,r,o):e;case 3:e.effectTag=-1025&e.effectTag|64;case 0:if(null===(o="function"==typeof(e=n.payload)?e.call(a,r,o):e)||void 0===o)break;return i({},r,o);case 2:Ro=!0}return r}function Bo(e,t,n,r,o){if(Ro=!1,!(0===t.expirationTime||t.expirationTime>o)){for(var a=(t=zo(e,t)).baseState,i=null,l=0,u=t.firstUpdate,c=a;null!==u;){var s=u.expirationTime;s>o?(null===i&&(i=u,a=c),(0===l||l>s)&&(l=s)):(c=Ho(e,0,u,c,n,r),null!==u.callback&&(e.effectTag|=32,u.nextEffect=null,null===t.lastEffect?t.firstEffect=t.lastEffect=u:(t.lastEffect.nextEffect=u,t.lastEffect=u))),u=u.next}for(s=null,u=t.firstCapturedUpdate;null!==u;){var f=u.expirationTime;f>o?(null===s&&(s=u,null===i&&(a=c)),(0===l||l>f)&&(l=f)):(c=Ho(e,0,u,c,n,r),null!==u.callback&&(e.effectTag|=32,u.nextEffect=null,null===t.lastCapturedEffect?t.firstCapturedEffect=t.lastCapturedEffect=u:(t.lastCapturedEffect.nextEffect=u,t.lastCapturedEffect=u))),u=u.next}null===i&&(t.lastUpdate=null),null===s?t.lastCapturedUpdate=null:e.effectTag|=32,null===i&&null===s&&(a=c),t.baseState=a,t.firstUpdate=i,t.firstCapturedUpdate=s,t.expirationTime=l,e.memoizedState=c}}function Vo(e,t){"function"!=typeof e&&d("191",e),e.call(t)}function Wo(e,t,n){for(null!==t.firstCapturedUpdate&&(null!==t.lastUpdate&&(t.lastUpdate.next=t.firstCapturedUpdate,t.lastUpdate=t.lastCapturedUpdate),t.firstCapturedUpdate=t.lastCapturedUpdate=null),e=t.firstEffect,t.firstEffect=t.lastEffect=null;null!==e;){var r=e.callback;null!==r&&(e.callback=null,Vo(r,n)),e=e.nextEffect}for(e=t.firstCapturedEffect,t.firstCapturedEffect=t.lastCapturedEffect=null;null!==e;)null!==(t=e.callback)&&(e.callback=null,Vo(t,n)),e=e.nextEffect}function $o(e,t){return{value:e,source:t,stack:wt(t)}}var qo=ao(null),Go=ao(null),Qo=ao(0);function Ko(e){var t=e.type._context;lo(Qo,t._changedBits),lo(Go,t._currentValue),lo(qo,e),t._currentValue=e.pendingProps.value,t._changedBits=e.stateNode}function Yo(e){var t=Qo.current,n=Go.current;io(qo),io(Go),io(Qo),(e=e.type._context)._currentValue=n,e._changedBits=t}var Xo={},Zo=ao(Xo),Jo=ao(Xo),ea=ao(Xo);function ta(e){return e===Xo&&d("174"),e}function na(e,t){lo(ea,t),lo(Jo,e),lo(Zo,Xo);var n=t.nodeType;switch(n){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Pr(null,"");break;default:t=Pr(t=(n=8===n?t.parentNode:t).namespaceURI||null,n=n.tagName)}io(Zo),lo(Zo,t)}function ra(e){io(Zo),io(Jo),io(ea)}function oa(e){Jo.current===e&&(io(Zo),io(Jo))}function aa(e,t,n){var r=e.memoizedState;r=null===(t=t(n,r))||void 0===t?r:i({},r,t),e.memoizedState=r,null!==(e=e.updateQueue)&&0===e.expirationTime&&(e.baseState=r)}var ia={isMounted:function(e){return!!(e=e._reactInternalFiber)&&2===an(e)},enqueueSetState:function(e,t,n){e=e._reactInternalFiber;var r=gi(),o=Do(r=vi(r,e));o.payload=t,void 0!==n&&null!==n&&(o.callback=n),Uo(e,o,r),yi(e,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternalFiber;var r=gi(),o=Do(r=vi(r,e));o.tag=1,o.payload=t,void 0!==n&&null!==n&&(o.callback=n),Uo(e,o,r),yi(e,r)},enqueueForceUpdate:function(e,t){e=e._reactInternalFiber;var n=gi(),r=Do(n=vi(n,e));r.tag=2,void 0!==t&&null!==t&&(r.callback=t),Uo(e,r,n),yi(e,n)}};function la(e,t,n,r,o,a){var i=e.stateNode;return e=e.type,"function"==typeof i.shouldComponentUpdate?i.shouldComponentUpdate(n,o,a):!e.prototype||!e.prototype.isPureReactComponent||(!c(t,n)||!c(r,o))}function ua(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&ia.enqueueReplaceState(t,t.state,null)}function ca(e,t){var n=e.type,r=e.stateNode,o=e.pendingProps,a=fo(e);r.props=o,r.state=e.memoizedState,r.refs=f,r.context=po(e,a),null!==(a=e.updateQueue)&&(Bo(e,a,o,r,t),r.state=e.memoizedState),"function"==typeof(a=e.type.getDerivedStateFromProps)&&(aa(e,a,o),r.state=e.memoizedState),"function"==typeof n.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(n=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),n!==r.state&&ia.enqueueReplaceState(r,r.state,null),null!==(a=e.updateQueue)&&(Bo(e,a,o,r,t),r.state=e.memoizedState)),"function"==typeof r.componentDidMount&&(e.effectTag|=4)}var sa=Array.isArray;function fa(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){var r=void 0;(n=n._owner)&&(2!==n.tag&&d("110"),r=n.stateNode),r||d("147",e);var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:((t=function(e){var t=r.refs===f?r.refs={}:r.refs;null===e?delete t[o]:t[o]=e})._stringRef=o,t)}"string"!=typeof e&&d("148"),n._owner||d("254",e)}return e}function da(e,t){"textarea"!==e.type&&d("31","[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function pa(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.effectTag=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t,n){return(e=Eo(e,t,n)).index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.effectTag=2,n):r:(t.effectTag=2,n):n}function i(t){return e&&null===t.alternate&&(t.effectTag=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Co(n,e.mode,r)).return=e,t):((t=o(t,n,r)).return=e,t)}function u(e,t,n,r){return null!==t&&t.type===n.type?((r=o(t,n.props,r)).ref=fa(e,t,n),r.return=e,r):((r=ko(n,e.mode,r)).ref=fa(e,t,n),r.return=e,r)}function c(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=So(n,e.mode,r)).return=e,t):((t=o(t,n.children||[],r)).return=e,t)}function s(e,t,n,r,a){return null===t||10!==t.tag?((t=xo(n,e.mode,r,a)).return=e,t):((t=o(t,n,r)).return=e,t)}function f(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Co(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case lt:return(n=ko(t,e.mode,n)).ref=fa(e,null,t),n.return=e,n;case ut:return(t=So(t,e.mode,n)).return=e,t}if(sa(t)||gt(t))return(t=xo(t,e.mode,n,null)).return=e,t;da(e,t)}return null}function p(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case lt:return n.key===o?n.type===ct?s(e,t,n.props.children,r,o):u(e,t,n,r):null;case ut:return n.key===o?c(e,t,n,r):null}if(sa(n)||gt(n))return null!==o?null:s(e,t,n,r,null);da(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case lt:return e=e.get(null===r.key?n:r.key)||null,r.type===ct?s(t,e,r.props.children,o,r.key):u(t,e,r,o);case ut:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(sa(r)||gt(r))return s(t,e=e.get(n)||null,r,o,null);da(t,r)}return null}function h(o,i,l,u){for(var c=null,s=null,d=i,h=i=0,v=null;null!==d&&h<l.length;h++){d.index>h?(v=d,d=null):v=d.sibling;var y=p(o,d,l[h],u);if(null===y){null===d&&(d=v);break}e&&d&&null===y.alternate&&t(o,d),i=a(y,i,h),null===s?c=y:s.sibling=y,s=y,d=v}if(h===l.length)return n(o,d),c;if(null===d){for(;h<l.length;h++)(d=f(o,l[h],u))&&(i=a(d,i,h),null===s?c=d:s.sibling=d,s=d);return c}for(d=r(o,d);h<l.length;h++)(v=m(d,o,h,l[h],u))&&(e&&null!==v.alternate&&d.delete(null===v.key?h:v.key),i=a(v,i,h),null===s?c=v:s.sibling=v,s=v);return e&&d.forEach(function(e){return t(o,e)}),c}function v(o,i,l,u){var c=gt(l);"function"!=typeof c&&d("150"),null==(l=c.call(l))&&d("151");for(var s=c=null,h=i,v=i=0,y=null,g=l.next();null!==h&&!g.done;v++,g=l.next()){h.index>v?(y=h,h=null):y=h.sibling;var b=p(o,h,g.value,u);if(null===b){h||(h=y);break}e&&h&&null===b.alternate&&t(o,h),i=a(b,i,v),null===s?c=b:s.sibling=b,s=b,h=y}if(g.done)return n(o,h),c;if(null===h){for(;!g.done;v++,g=l.next())null!==(g=f(o,g.value,u))&&(i=a(g,i,v),null===s?c=g:s.sibling=g,s=g);return c}for(h=r(o,h);!g.done;v++,g=l.next())null!==(g=m(h,o,v,g.value,u))&&(e&&null!==g.alternate&&h.delete(null===g.key?v:g.key),i=a(g,i,v),null===s?c=g:s.sibling=g,s=g);return e&&h.forEach(function(e){return t(o,e)}),c}return function(e,r,a,l){var u="object"==typeof a&&null!==a&&a.type===ct&&null===a.key;u&&(a=a.props.children);var c="object"==typeof a&&null!==a;if(c)switch(a.$$typeof){case lt:e:{for(c=a.key,u=r;null!==u;){if(u.key===c){if(10===u.tag?a.type===ct:u.type===a.type){n(e,u.sibling),(r=o(u,a.type===ct?a.props.children:a.props,l)).ref=fa(e,u,a),r.return=e,e=r;break e}n(e,u);break}t(e,u),u=u.sibling}a.type===ct?((r=xo(a.props.children,e.mode,l,a.key)).return=e,e=r):((l=ko(a,e.mode,l)).ref=fa(e,r,a),l.return=e,e=l)}return i(e);case ut:e:{for(u=a.key;null!==r;){if(r.key===u){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=o(r,a.children||[],l)).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=So(a,e.mode,l)).return=e,e=r}return i(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,a,l)).return=e,e=r):(n(e,r),(r=Co(a,e.mode,l)).return=e,e=r),i(e);if(sa(a))return h(e,r,a,l);if(gt(a))return v(e,r,a,l);if(c&&da(e,a),void 0===a&&!u)switch(e.tag){case 2:case 1:d("152",(l=e.type).displayName||l.name||"Component")}return n(e,r)}}var ma=pa(!0),ha=pa(!1),va=null,ya=null,ga=!1;function ba(e,t){var n=new _o(5,null,null,0);n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function wa(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function _a(e){if(ga){var t=ya;if(t){var n=t;if(!wa(e,t)){if(!(t=to(n))||!wa(e,t))return e.effectTag|=2,ga=!1,void(va=e);ba(va,n)}va=e,ya=no(t)}else e.effectTag|=2,ga=!1,va=e}}function Ea(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;va=e}function ka(e){if(e!==va)return!1;if(!ga)return Ea(e),ga=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!Xr(t,e.memoizedProps))for(t=ya;t;)ba(e,t),t=to(t);return Ea(e),ya=va?to(e.stateNode):null,!0}function xa(){ya=va=null,ga=!1}function Ca(e,t,n){Sa(e,t,n,t.expirationTime)}function Sa(e,t,n,r){t.child=null===e?ha(t,null,n,r):ma(t,e.child,n,r)}function Ta(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function Pa(e,t,n,r,o){Ta(e,t);var a=0!=(64&t.effectTag);if(!n&&!a)return r&&wo(t,!1),ja(e,t);n=t.stateNode,at.current=t;var i=a?null:n.render();return t.effectTag|=1,a&&(Sa(e,t,null,o),t.child=null),Sa(e,t,i,o),t.memoizedState=n.state,t.memoizedProps=n.props,r&&wo(t,!0),t.child}function Na(e){var t=e.stateNode;t.pendingContext?yo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&yo(0,t.context,!1),na(e,t.containerInfo)}function Oa(e,t,n,r){var o=e.child;for(null!==o&&(o.return=e);null!==o;){switch(o.tag){case 12:var a=0|o.stateNode;if(o.type===t&&0!=(a&n)){for(a=o;null!==a;){var i=a.alternate;if(0===a.expirationTime||a.expirationTime>r)a.expirationTime=r,null!==i&&(0===i.expirationTime||i.expirationTime>r)&&(i.expirationTime=r);else{if(null===i||!(0===i.expirationTime||i.expirationTime>r))break;i.expirationTime=r}a=a.return}a=null}else a=o.child;break;case 13:a=o.type===e.type?null:o.child;break;default:a=o.child}if(null!==a)a.return=o;else for(a=o;null!==a;){if(a===e){a=null;break}if(null!==(o=a.sibling)){o.return=a.return,a=o;break}a=a.return}o=a}}function ja(e,t){if(null!==e&&t.child!==e.child&&d("153"),null!==t.child){var n=Eo(e=t.child,e.pendingProps,e.expirationTime);for(t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Eo(e,e.pendingProps,e.expirationTime)).return=t;n.sibling=null}return t.child}function Aa(e,t,n){if(0===t.expirationTime||t.expirationTime>n){switch(t.tag){case 3:Na(t);break;case 2:bo(t);break;case 4:na(t,t.stateNode.containerInfo);break;case 13:Ko(t)}return null}switch(t.tag){case 0:null!==e&&d("155");var r=t.type,o=t.pendingProps,a=fo(t);return r=r(o,a=po(t,a)),t.effectTag|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(a=t.type,t.tag=2,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,"function"==typeof(a=a.getDerivedStateFromProps)&&aa(t,a,o),o=bo(t),r.updater=ia,t.stateNode=r,r._reactInternalFiber=t,ca(t,n),e=Pa(e,t,!0,o,n)):(t.tag=1,Ca(e,t,r),t.memoizedProps=o,e=t.child),e;case 1:return o=t.type,n=t.pendingProps,co.current||t.memoizedProps!==n?(o=o(n,r=po(t,r=fo(t))),t.effectTag|=1,Ca(e,t,o),t.memoizedProps=n,e=t.child):e=ja(e,t),e;case 2:if(o=bo(t),null===e)if(null===t.stateNode){var i=t.pendingProps,l=t.type;r=fo(t);var u=2===t.tag&&null!=t.type.contextTypes;i=new l(i,a=u?po(t,r):f),t.memoizedState=null!==i.state&&void 0!==i.state?i.state:null,i.updater=ia,t.stateNode=i,i._reactInternalFiber=t,u&&((u=t.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,u.__reactInternalMemoizedMaskedChildContext=a),ca(t,n),r=!0}else{l=t.type,r=t.stateNode,u=t.memoizedProps,a=t.pendingProps,r.props=u;var c=r.context;i=po(t,i=fo(t));var s=l.getDerivedStateFromProps;(l="function"==typeof s||"function"==typeof r.getSnapshotBeforeUpdate)||"function"!=typeof r.UNSAFE_componentWillReceiveProps&&"function"!=typeof r.componentWillReceiveProps||(u!==a||c!==i)&&ua(t,r,a,i),Ro=!1;var p=t.memoizedState;c=r.state=p;var m=t.updateQueue;null!==m&&(Bo(t,m,a,r,n),c=t.memoizedState),u!==a||p!==c||co.current||Ro?("function"==typeof s&&(aa(t,s,a),c=t.memoizedState),(u=Ro||la(t,u,a,p,c,i))?(l||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||("function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount()),"function"==typeof r.componentDidMount&&(t.effectTag|=4)):("function"==typeof r.componentDidMount&&(t.effectTag|=4),t.memoizedProps=a,t.memoizedState=c),r.props=a,r.state=c,r.context=i,r=u):("function"==typeof r.componentDidMount&&(t.effectTag|=4),r=!1)}else l=t.type,r=t.stateNode,a=t.memoizedProps,u=t.pendingProps,r.props=a,c=r.context,i=po(t,i=fo(t)),(l="function"==typeof(s=l.getDerivedStateFromProps)||"function"==typeof r.getSnapshotBeforeUpdate)||"function"!=typeof r.UNSAFE_componentWillReceiveProps&&"function"!=typeof r.componentWillReceiveProps||(a!==u||c!==i)&&ua(t,r,u,i),Ro=!1,c=t.memoizedState,p=r.state=c,null!==(m=t.updateQueue)&&(Bo(t,m,u,r,n),p=t.memoizedState),a!==u||c!==p||co.current||Ro?("function"==typeof s&&(aa(t,s,u),p=t.memoizedState),(s=Ro||la(t,a,u,c,p,i))?(l||"function"!=typeof r.UNSAFE_componentWillUpdate&&"function"!=typeof r.componentWillUpdate||("function"==typeof r.componentWillUpdate&&r.componentWillUpdate(u,p,i),"function"==typeof r.UNSAFE_componentWillUpdate&&r.UNSAFE_componentWillUpdate(u,p,i)),"function"==typeof r.componentDidUpdate&&(t.effectTag|=4),"function"==typeof r.getSnapshotBeforeUpdate&&(t.effectTag|=256)):("function"!=typeof r.componentDidUpdate||a===e.memoizedProps&&c===e.memoizedState||(t.effectTag|=4),"function"!=typeof r.getSnapshotBeforeUpdate||a===e.memoizedProps&&c===e.memoizedState||(t.effectTag|=256),t.memoizedProps=u,t.memoizedState=p),r.props=u,r.state=p,r.context=i,r=s):("function"!=typeof r.componentDidUpdate||a===e.memoizedProps&&c===e.memoizedState||(t.effectTag|=4),"function"!=typeof r.getSnapshotBeforeUpdate||a===e.memoizedProps&&c===e.memoizedState||(t.effectTag|=256),r=!1);return Pa(e,t,r,o,n);case 3:return Na(t),null!==(o=t.updateQueue)?(r=null!==(r=t.memoizedState)?r.element:null,Bo(t,o,t.pendingProps,null,n),(o=t.memoizedState.element)===r?(xa(),e=ja(e,t)):(r=t.stateNode,(r=(null===e||null===e.child)&&r.hydrate)&&(ya=no(t.stateNode.containerInfo),va=t,r=ga=!0),r?(t.effectTag|=2,t.child=ha(t,null,o,n)):(xa(),Ca(e,t,o)),e=t.child)):(xa(),e=ja(e,t)),e;case 5:return ta(ea.current),(o=ta(Zo.current))!==(r=Pr(o,t.type))&&(lo(Jo,t),lo(Zo,r)),null===e&&_a(t),o=t.type,u=t.memoizedProps,r=t.pendingProps,a=null!==e?e.memoizedProps:null,co.current||u!==r||((u=1&t.mode&&!!r.hidden)&&(t.expirationTime=1073741823),u&&1073741823===n)?(u=r.children,Xr(o,r)?u=null:a&&Xr(o,a)&&(t.effectTag|=16),Ta(e,t),1073741823!==n&&1&t.mode&&r.hidden?(t.expirationTime=1073741823,t.memoizedProps=r,e=null):(Ca(e,t,u),t.memoizedProps=r,e=t.child)):e=ja(e,t),e;case 6:return null===e&&_a(t),t.memoizedProps=t.pendingProps,null;case 16:return null;case 4:return na(t,t.stateNode.containerInfo),o=t.pendingProps,co.current||t.memoizedProps!==o?(null===e?t.child=ma(t,null,o,n):Ca(e,t,o),t.memoizedProps=o,e=t.child):e=ja(e,t),e;case 14:return o=t.type.render,n=t.pendingProps,r=t.ref,co.current||t.memoizedProps!==n||r!==(null!==e?e.ref:null)?(Ca(e,t,o=o(n,r)),t.memoizedProps=n,e=t.child):e=ja(e,t),e;case 10:return n=t.pendingProps,co.current||t.memoizedProps!==n?(Ca(e,t,n),t.memoizedProps=n,e=t.child):e=ja(e,t),e;case 11:return n=t.pendingProps.children,co.current||null!==n&&t.memoizedProps!==n?(Ca(e,t,n),t.memoizedProps=n,e=t.child):e=ja(e,t),e;case 15:return n=t.pendingProps,t.memoizedProps===n?e=ja(e,t):(Ca(e,t,n.children),t.memoizedProps=n,e=t.child),e;case 13:return function(e,t,n){var r=t.type._context,o=t.pendingProps,a=t.memoizedProps,i=!0;if(co.current)i=!1;else if(a===o)return t.stateNode=0,Ko(t),ja(e,t);var l=o.value;if(t.memoizedProps=o,null===a)l=1073741823;else if(a.value===o.value){if(a.children===o.children&&i)return t.stateNode=0,Ko(t),ja(e,t);l=0}else{var u=a.value;if(u===l&&(0!==u||1/u==1/l)||u!=u&&l!=l){if(a.children===o.children&&i)return t.stateNode=0,Ko(t),ja(e,t);l=0}else if(l="function"==typeof r._calculateChangedBits?r._calculateChangedBits(u,l):1073741823,0==(l|=0)){if(a.children===o.children&&i)return t.stateNode=0,Ko(t),ja(e,t)}else Oa(t,r,l,n)}return t.stateNode=l,Ko(t),Ca(e,t,o.children),t.child}(e,t,n);case 12:e:if(r=t.type,a=t.pendingProps,u=t.memoizedProps,o=r._currentValue,i=r._changedBits,co.current||0!==i||u!==a){if(t.memoizedProps=a,void 0!==(l=a.unstable_observedBits)&&null!==l||(l=1073741823),t.stateNode=l,0!=(i&l))Oa(t,r,i,n);else if(u===a){e=ja(e,t);break e}n=(n=a.children)(o),t.effectTag|=1,Ca(e,t,n),e=t.child}else e=ja(e,t);return e;default:d("156")}}function Ra(e){e.effectTag|=4}var Ma=void 0,Ia=void 0,Da=void 0;function Fa(e,t){var n=t.pendingProps;switch(t.tag){case 1:return null;case 2:return ho(t),null;case 3:ra(),vo();var r=t.stateNode;return r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(ka(t),t.effectTag&=-3),Ma(t),null;case 5:oa(t),r=ta(ea.current);var o=t.type;if(null!==e&&null!=t.stateNode){var a=e.memoizedProps,i=t.stateNode,l=ta(Zo.current);i=Vr(i,o,a,n,r),Ia(e,t,i,o,a,n,r,l),e.ref!==t.ref&&(t.effectTag|=128)}else{if(!n)return null===t.stateNode&&d("166"),null;if(e=ta(Zo.current),ka(t))n=t.stateNode,o=t.type,a=t.memoizedProps,n[H]=t,n[B]=a,r=$r(n,o,a,e,r),t.updateQueue=r,null!==r&&Ra(t);else{(e=zr(o,n,r,e))[H]=t,e[B]=n;e:for(a=t.child;null!==a;){if(5===a.tag||6===a.tag)e.appendChild(a.stateNode);else if(4!==a.tag&&null!==a.child){a.child.return=a,a=a.child;continue}if(a===t)break;for(;null===a.sibling;){if(null===a.return||a.return===t)break e;a=a.return}a.sibling.return=a.return,a=a.sibling}Br(e,o,n,r),Yr(o,n)&&Ra(t),t.stateNode=e}null!==t.ref&&(t.effectTag|=128)}return null;case 6:if(e&&null!=t.stateNode)Da(e,t,e.memoizedProps,n);else{if("string"!=typeof n)return null===t.stateNode&&d("166"),null;r=ta(ea.current),ta(Zo.current),ka(t)?(r=t.stateNode,n=t.memoizedProps,r[H]=t,qr(r,n)&&Ra(t)):((r=Hr(n,r))[H]=t,t.stateNode=r)}return null;case 14:case 16:case 10:case 11:case 15:return null;case 4:return ra(),Ma(t),null;case 13:return Yo(t),null;case 12:return null;case 0:d("167");default:d("156")}}function Ua(e,t){var n=t.source;null===t.stack&&null!==n&&wt(n),null!==n&&bt(n),t=t.value,null!==e&&2===e.tag&&bt(e);try{t&&t.suppressReactErrorLogging||console.error(t)}catch(e){e&&e.suppressReactErrorLogging||console.error(e)}}function La(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){mi(e,t)}else t.current=null}function za(e){switch(Ao(e),e.tag){case 2:La(e);var t=e.stateNode;if("function"==typeof t.componentWillUnmount)try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){mi(e,t)}break;case 5:La(e);break;case 4:Va(e)}}function Ha(e){return 5===e.tag||3===e.tag||4===e.tag}function Ba(e){e:{for(var t=e.return;null!==t;){if(Ha(t)){var n=t;break e}t=t.return}d("160"),n=void 0}var r=t=void 0;switch(n.tag){case 5:t=n.stateNode,r=!1;break;case 3:case 4:t=n.stateNode.containerInfo,r=!0;break;default:d("161")}16&n.effectTag&&(jr(t,""),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||Ha(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag;){if(2&n.effectTag)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.effectTag)){n=n.stateNode;break e}}for(var o=e;;){if(5===o.tag||6===o.tag)if(n)if(r){var a=t,i=o.stateNode,l=n;8===a.nodeType?a.parentNode.insertBefore(i,l):a.insertBefore(i,l)}else t.insertBefore(o.stateNode,n);else r?(a=t,i=o.stateNode,8===a.nodeType?a.parentNode.insertBefore(i,a):a.appendChild(i)):t.appendChild(o.stateNode);else if(4!==o.tag&&null!==o.child){o.child.return=o,o=o.child;continue}if(o===e)break;for(;null===o.sibling;){if(null===o.return||o.return===e)return;o=o.return}o.sibling.return=o.return,o=o.sibling}}function Va(e){for(var t=e,n=!1,r=void 0,o=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&d("160"),n.tag){case 5:r=n.stateNode,o=!1;break e;case 3:case 4:r=n.stateNode.containerInfo,o=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag){e:for(var a=t,i=a;;)if(za(i),null!==i.child&&4!==i.tag)i.child.return=i,i=i.child;else{if(i===a)break;for(;null===i.sibling;){if(null===i.return||i.return===a)break e;i=i.return}i.sibling.return=i.return,i=i.sibling}o?(a=r,i=t.stateNode,8===a.nodeType?a.parentNode.removeChild(i):a.removeChild(i)):r.removeChild(t.stateNode)}else if(4===t.tag?r=t.stateNode.containerInfo:za(t),null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return;4===(t=t.return).tag&&(n=!1)}t.sibling.return=t.return,t=t.sibling}}function Wa(e,t){switch(t.tag){case 2:break;case 5:var n=t.stateNode;if(null!=n){var r=t.memoizedProps;e=null!==e?e.memoizedProps:r;var o=t.type,a=t.updateQueue;t.updateQueue=null,null!==a&&(n[B]=r,Wr(n,a,o,e,r))}break;case 6:null===t.stateNode&&d("162"),t.stateNode.nodeValue=t.memoizedProps;break;case 3:case 15:case 16:break;default:d("163")}}function $a(e,t,n){(n=Do(n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Xi(r),Ua(e,t)},n}function qa(e,t,n){(n=Do(n)).tag=3;var r=e.stateNode;return null!==r&&"function"==typeof r.componentDidCatch&&(n.callback=function(){null===ci?ci=new Set([this]):ci.add(this);var n=t.value,r=t.stack;Ua(e,t),this.componentDidCatch(n,{componentStack:null!==r?r:""})}),n}function Ga(e,t,n,r,o,a){n.effectTag|=512,n.firstEffect=n.lastEffect=null,r=$o(r,n),e=t;do{switch(e.tag){case 3:return e.effectTag|=1024,void Lo(e,r=$a(e,r,a),a);case 2:if(t=r,n=e.stateNode,0==(64&e.effectTag)&&null!==n&&"function"==typeof n.componentDidCatch&&(null===ci||!ci.has(n)))return e.effectTag|=1024,void Lo(e,r=qa(e,t,a),a)}e=e.return}while(null!==e)}function Qa(e){switch(e.tag){case 2:ho(e);var t=e.effectTag;return 1024&t?(e.effectTag=-1025&t|64,e):null;case 3:return ra(),vo(),1024&(t=e.effectTag)?(e.effectTag=-1025&t|64,e):null;case 5:return oa(e),null;case 16:return 1024&(t=e.effectTag)?(e.effectTag=-1025&t|64,e):null;case 4:return ra(),null;case 13:return Yo(e),null;default:return null}}Ma=function(){},Ia=function(e,t,n){(t.updateQueue=n)&&Ra(t)},Da=function(e,t,n,r){n!==r&&Ra(t)};var Ka=Zr(),Ya=2,Xa=Ka,Za=0,Ja=0,ei=!1,ti=null,ni=null,ri=0,oi=-1,ai=!1,ii=null,li=!1,ui=!1,ci=null;function si(){if(null!==ti)for(var e=ti.return;null!==e;){var t=e;switch(t.tag){case 2:ho(t);break;case 3:ra(),vo();break;case 5:oa(t);break;case 4:ra();break;case 13:Yo(t)}e=e.return}ni=null,ri=0,oi=-1,ai=!1,ti=null,ui=!1}function fi(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0==(512&e.effectTag)){t=Fa(t,e);var o=e;if(1073741823===ri||1073741823!==o.expirationTime){var a=0;switch(o.tag){case 3:case 2:var i=o.updateQueue;null!==i&&(a=i.expirationTime)}for(i=o.child;null!==i;)0!==i.expirationTime&&(0===a||a>i.expirationTime)&&(a=i.expirationTime),i=i.sibling;o.expirationTime=a}if(null!==t)return t;if(null!==n&&0==(512&n.effectTag)&&(null===n.firstEffect&&(n.firstEffect=e.firstEffect),null!==e.lastEffect&&(null!==n.lastEffect&&(n.lastEffect.nextEffect=e.firstEffect),n.lastEffect=e.lastEffect),1<e.effectTag&&(null!==n.lastEffect?n.lastEffect.nextEffect=e:n.firstEffect=e,n.lastEffect=e)),null!==r)return r;if(null===n){ui=!0;break}e=n}else{if(null!==(e=Qa(e)))return e.effectTag&=511,e;if(null!==n&&(n.firstEffect=n.lastEffect=null,n.effectTag|=512),null!==r)return r;if(null===n)break;e=n}}return null}function di(e){var t=Aa(e.alternate,e,ri);return null===t&&(t=fi(e)),at.current=null,t}function pi(e,t,n){ei&&d("243"),ei=!0,t===ri&&e===ni&&null!==ti||(si(),ri=t,oi=-1,ti=Eo((ni=e).current,null,ri),e.pendingCommitExpirationTime=0);var r=!1;for(ai=!n||ri<=Ya;;){try{if(n)for(;null!==ti&&!Yi();)ti=di(ti);else for(;null!==ti;)ti=di(ti)}catch(t){if(null===ti)r=!0,Xi(t);else{null===ti&&d("271");var o=(n=ti).return;if(null===o){r=!0,Xi(t);break}Ga(e,o,n,t,0,ri),ti=fi(n)}}break}if(ei=!1,r)return null;if(null===ti){if(ui)return e.pendingCommitExpirationTime=t,e.current.alternate;ai&&d("262"),0<=oi&&setTimeout(function(){var t=e.current.expirationTime;0!==t&&(0===e.remainingExpirationTime||e.remainingExpirationTime<t)&&Hi(e,t)},oi),function(e){null===Si&&d("246"),Si.remainingExpirationTime=e}(e.current.expirationTime)}return null}function mi(e,t){var n;e:{for(ei&&!li&&d("263"),n=e.return;null!==n;){switch(n.tag){case 2:var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromCatch||"function"==typeof r.componentDidCatch&&(null===ci||!ci.has(r))){Uo(n,e=qa(n,e=$o(t,e),1),1),yi(n,1),n=void 0;break e}break;case 3:Uo(n,e=$a(n,e=$o(t,e),1),1),yi(n,1),n=void 0;break e}n=n.return}3===e.tag&&(Uo(e,n=$a(e,n=$o(t,e),1),1),yi(e,1)),n=void 0}return n}function hi(){var e=2+25*(1+((gi()-2+500)/25|0));return e<=Za&&(e=Za+1),Za=e}function vi(e,t){return e=0!==Ja?Ja:ei?li?1:ri:1&t.mode?Ii?2+10*(1+((e-2+15)/10|0)):2+25*(1+((e-2+500)/25|0)):1,Ii&&(0===Pi||e>Pi)&&(Pi=e),e}function yi(e,t){for(;null!==e;){if((0===e.expirationTime||e.expirationTime>t)&&(e.expirationTime=t),null!==e.alternate&&(0===e.alternate.expirationTime||e.alternate.expirationTime>t)&&(e.alternate.expirationTime=t),null===e.return){if(3!==e.tag)break;var n=e.stateNode;!ei&&0!==ri&&t<ri&&si();var r=n.current.expirationTime;ei&&!li&&ni===n||Hi(n,r),Ui>Fi&&d("185")}e=e.return}}function gi(){return Xa=Zr()-Ka,Ya=2+(Xa/10|0)}function bi(e){var t=Ja;Ja=2+25*(1+((gi()-2+500)/25|0));try{return e()}finally{Ja=t}}function wi(e,t,n,r,o){var a=Ja;Ja=1;try{return e(t,n,r,o)}finally{Ja=a}}var _i=null,Ei=null,ki=0,xi=void 0,Ci=!1,Si=null,Ti=0,Pi=0,Ni=!1,Oi=!1,ji=null,Ai=null,Ri=!1,Mi=!1,Ii=!1,Di=null,Fi=1e3,Ui=0,Li=1;function zi(e){if(0!==ki){if(e>ki)return;null!==xi&&eo(xi)}var t=Zr()-Ka;ki=e,xi=Jr(Vi,{timeout:10*(e-2)-t})}function Hi(e,t){if(null===e.nextScheduledRoot)e.remainingExpirationTime=t,null===Ei?(_i=Ei=e,e.nextScheduledRoot=e):(Ei=Ei.nextScheduledRoot=e).nextScheduledRoot=_i;else{var n=e.remainingExpirationTime;(0===n||t<n)&&(e.remainingExpirationTime=t)}Ci||(Ri?Mi&&(Si=e,Ti=1,Qi(e,1,!1)):1===t?Wi():zi(t))}function Bi(){var e=0,t=null;if(null!==Ei)for(var n=Ei,r=_i;null!==r;){var o=r.remainingExpirationTime;if(0===o){if((null===n||null===Ei)&&d("244"),r===r.nextScheduledRoot){_i=Ei=r.nextScheduledRoot=null;break}if(r===_i)_i=o=r.nextScheduledRoot,Ei.nextScheduledRoot=o,r.nextScheduledRoot=null;else{if(r===Ei){(Ei=n).nextScheduledRoot=_i,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if((0===e||o<e)&&(e=o,t=r),r===Ei)break;n=r,r=r.nextScheduledRoot}}null!==(n=Si)&&n===t&&1===e?Ui++:Ui=0,Si=t,Ti=e}function Vi(e){$i(0,!0,e)}function Wi(){$i(1,!1,null)}function $i(e,t,n){if(Ai=n,Bi(),t)for(;null!==Si&&0!==Ti&&(0===e||e>=Ti)&&(!Ni||gi()>=Ti);)gi(),Qi(Si,Ti,!Ni),Bi();else for(;null!==Si&&0!==Ti&&(0===e||e>=Ti);)Qi(Si,Ti,!1),Bi();null!==Ai&&(ki=0,xi=null),0!==Ti&&zi(Ti),Ai=null,Ni=!1,Gi()}function qi(e,t){Ci&&d("253"),Si=e,Ti=t,Qi(e,t,!1),Wi(),Gi()}function Gi(){if(Ui=0,null!==Di){var e=Di;Di=null;for(var t=0;t<e.length;t++){var n=e[t];try{n._onComplete()}catch(e){Oi||(Oi=!0,ji=e)}}}if(Oi)throw e=ji,ji=null,Oi=!1,e}function Qi(e,t,n){Ci&&d("245"),Ci=!0,n?null!==(n=e.finishedWork)?Ki(e,n,t):null!==(n=pi(e,t,!0))&&(Yi()?e.finishedWork=n:Ki(e,n,t)):null!==(n=e.finishedWork)?Ki(e,n,t):null!==(n=pi(e,t,!1))&&Ki(e,n,t),Ci=!1}function Ki(e,t,n){var r=e.firstBatch;if(null!==r&&r._expirationTime<=n&&(null===Di?Di=[r]:Di.push(r),r._defer))return e.finishedWork=t,void(e.remainingExpirationTime=0);if(e.finishedWork=null,li=ei=!0,(n=t.stateNode).current===t&&d("177"),0===(r=n.pendingCommitExpirationTime)&&d("261"),n.pendingCommitExpirationTime=0,gi(),at.current=null,1<t.effectTag)if(null!==t.lastEffect){t.lastEffect.nextEffect=t;var o=t.firstEffect}else o=t;else o=t.firstEffect;Qr=Nn;var a=u();if(Bn(a)){if("selectionStart"in a)var i={start:a.selectionStart,end:a.selectionEnd};else e:{var l=window.getSelection&&window.getSelection();if(l&&0!==l.rangeCount){i=l.anchorNode;var c=l.anchorOffset,f=l.focusNode;l=l.focusOffset;try{i.nodeType,f.nodeType}catch(e){i=null;break e}var p=0,m=-1,h=-1,v=0,y=0,g=a,b=null;t:for(;;){for(var w;g!==i||0!==c&&3!==g.nodeType||(m=p+c),g!==f||0!==l&&3!==g.nodeType||(h=p+l),3===g.nodeType&&(p+=g.nodeValue.length),null!==(w=g.firstChild);)b=g,g=w;for(;;){if(g===a)break t;if(b===i&&++v===c&&(m=p),b===f&&++y===l&&(h=p),null!==(w=g.nextSibling))break;b=(g=b).parentNode}g=w}i=-1===m||-1===h?null:{start:m,end:h}}else i=null}i=i||{start:0,end:0}}else i=null;for(Kr={focusedElem:a,selectionRange:i},On(!1),ii=o;null!==ii;){a=!1,i=void 0;try{for(;null!==ii;){if(256&ii.effectTag){var _=ii.alternate;switch((c=ii).tag){case 2:if(256&c.effectTag&&null!==_){var E=_.memoizedProps,k=_.memoizedState,x=c.stateNode;x.props=c.memoizedProps,x.state=c.memoizedState;var C=x.getSnapshotBeforeUpdate(E,k);x.__reactInternalSnapshotBeforeUpdate=C}break;case 3:case 5:case 6:case 4:break;default:d("163")}}ii=ii.nextEffect}}catch(e){a=!0,i=e}a&&(null===ii&&d("178"),mi(ii,i),null!==ii&&(ii=ii.nextEffect))}for(ii=o;null!==ii;){_=!1,E=void 0;try{for(;null!==ii;){var S=ii.effectTag;if(16&S&&jr(ii.stateNode,""),128&S){var T=ii.alternate;if(null!==T){var P=T.ref;null!==P&&("function"==typeof P?P(null):P.current=null)}}switch(14&S){case 2:Ba(ii),ii.effectTag&=-3;break;case 6:Ba(ii),ii.effectTag&=-3,Wa(ii.alternate,ii);break;case 4:Wa(ii.alternate,ii);break;case 8:Va(k=ii),k.return=null,k.child=null,k.alternate&&(k.alternate.child=null,k.alternate.return=null)}ii=ii.nextEffect}}catch(e){_=!0,E=e}_&&(null===ii&&d("178"),mi(ii,E),null!==ii&&(ii=ii.nextEffect))}if(P=Kr,T=u(),S=P.focusedElem,_=P.selectionRange,T!==S&&s(document.documentElement,S)){null!==_&&Bn(S)&&(T=_.start,void 0===(P=_.end)&&(P=T),"selectionStart"in S?(S.selectionStart=T,S.selectionEnd=Math.min(P,S.value.length)):window.getSelection&&(T=window.getSelection(),E=S[me()].length,P=Math.min(_.start,E),_=void 0===_.end?P:Math.min(_.end,E),!T.extend&&P>_&&(E=_,_=P,P=E),E=Hn(S,P),k=Hn(S,_),E&&k&&(1!==T.rangeCount||T.anchorNode!==E.node||T.anchorOffset!==E.offset||T.focusNode!==k.node||T.focusOffset!==k.offset)&&((x=document.createRange()).setStart(E.node,E.offset),T.removeAllRanges(),P>_?(T.addRange(x),T.extend(k.node,k.offset)):(x.setEnd(k.node,k.offset),T.addRange(x))))),T=[];for(P=S;P=P.parentNode;)1===P.nodeType&&T.push({element:P,left:P.scrollLeft,top:P.scrollTop});for("function"==typeof S.focus&&S.focus(),S=0;S<T.length;S++)(P=T[S]).element.scrollLeft=P.left,P.element.scrollTop=P.top}for(Kr=null,On(Qr),Qr=null,n.current=t,ii=o;null!==ii;){o=!1,S=void 0;try{for(T=r;null!==ii;){var N=ii.effectTag;if(36&N){var O=ii.alternate;switch(_=T,(P=ii).tag){case 2:var j=P.stateNode;if(4&P.effectTag)if(null===O)j.props=P.memoizedProps,j.state=P.memoizedState,j.componentDidMount();else{var A=O.memoizedProps,R=O.memoizedState;j.props=P.memoizedProps,j.state=P.memoizedState,j.componentDidUpdate(A,R,j.__reactInternalSnapshotBeforeUpdate)}var M=P.updateQueue;null!==M&&(j.props=P.memoizedProps,j.state=P.memoizedState,Wo(P,M,j));break;case 3:var I=P.updateQueue;if(null!==I){if(E=null,null!==P.child)switch(P.child.tag){case 5:E=P.child.stateNode;break;case 2:E=P.child.stateNode}Wo(P,I,E)}break;case 5:var D=P.stateNode;null===O&&4&P.effectTag&&Yr(P.type,P.memoizedProps)&&D.focus();break;case 6:case 4:case 15:case 16:break;default:d("163")}}if(128&N){P=void 0;var F=ii.ref;if(null!==F){var U=ii.stateNode;switch(ii.tag){case 5:P=U;break;default:P=U}"function"==typeof F?F(P):F.current=P}}var L=ii.nextEffect;ii.nextEffect=null,ii=L}}catch(e){o=!0,S=e}o&&(null===ii&&d("178"),mi(ii,S),null!==ii&&(ii=ii.nextEffect))}ei=li=!1,jo(t.stateNode),0===(t=n.current.expirationTime)&&(ci=null),e.remainingExpirationTime=t}function Yi(){return!(null===Ai||Ai.timeRemaining()>Li)&&(Ni=!0)}function Xi(e){null===Si&&d("246"),Si.remainingExpirationTime=0,Oi||(Oi=!0,ji=e)}function Zi(e,t){var n=Ri;Ri=!0;try{return e(t)}finally{(Ri=n)||Ci||Wi()}}function Ji(e,t){if(Ri&&!Mi){Mi=!0;try{return e(t)}finally{Mi=!1}}return e(t)}function el(e,t){Ci&&d("187");var n=Ri;Ri=!0;try{return wi(e,t)}finally{Ri=n,Wi()}}function tl(e,t,n){if(Ii)return e(t,n);Ri||Ci||0===Pi||($i(Pi,!1,null),Pi=0);var r=Ii,o=Ri;Ri=Ii=!0;try{return e(t,n)}finally{Ii=r,(Ri=o)||Ci||Wi()}}function nl(e){var t=Ri;Ri=!0;try{wi(e)}finally{(Ri=t)||Ci||$i(1,!1,null)}}function rl(e,t,n,r,o){var a=t.current;if(n){var i;n=n._reactInternalFiber;e:{for(2===an(n)&&2===n.tag||d("170"),i=n;3!==i.tag;){if(mo(i)){i=i.stateNode.__reactInternalMemoizedMergedChildContext;break e}(i=i.return)||d("171")}i=i.stateNode.context}n=mo(n)?go(n,i):i}else n=f;return null===t.context?t.context=n:t.pendingContext=n,t=o,(o=Do(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(o.callback=t),Uo(a,o,r),yi(a,r),r}function ol(e){var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?d("188"):d("268",Object.keys(e))),null===(e=cn(t))?null:e.stateNode}function al(e,t,n,r){var o=t.current;return rl(e,t,n,o=vi(gi(),o),r)}function il(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function ll(e){var t=e.findFiberByHostInstance;return function(e){if("undefined"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);Po=Oo(function(e){return t.onCommitFiberRoot(n,e)}),No=Oo(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}return!0}(i({},e,{findHostInstanceByFiber:function(e){return null===(e=cn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}var ul=Zi,cl=tl,sl=function(){Ci||0===Pi||($i(Pi,!1,null),Pi=0)};function fl(e){this._expirationTime=hi(),this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function dl(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function pl(e,t,n){this._internalRoot=To(e,t,n)}function ml(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function hl(e,t,n,r,o){ml(n)||d("200");var a=n._reactRootContainer;if(a){if("function"==typeof o){var i=o;o=function(){var e=il(a._internalRoot);i.call(e)}}null!=e?a.legacy_renderSubtreeIntoContainer(e,t,o):a.render(t,o)}else{if(a=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new pl(e,!1,t)}(n,r),"function"==typeof o){var l=o;o=function(){var e=il(a._internalRoot);l.call(e)}}Ji(function(){null!=e?a.legacy_renderSubtreeIntoContainer(e,t,o):a.render(t,o)})}return il(a._internalRoot)}function vl(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return ml(t)||d("200"),function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:ut,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}Le.injectFiberControlledHostComponent(Gr),fl.prototype.render=function(e){this._defer||d("250"),this._hasChildren=!0,this._children=e;var t=this._root._internalRoot,n=this._expirationTime,r=new dl;return rl(e,t,null,n,r._onCommit),r},fl.prototype.then=function(e){if(this._didComplete)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},fl.prototype.commit=function(){var e=this._root._internalRoot,t=e.firstBatch;if(this._defer&&null!==t||d("251"),this._hasChildren){var n=this._expirationTime;if(t!==this){this._hasChildren&&(n=this._expirationTime=t._expirationTime,this.render(this._children));for(var r=null,o=t;o!==this;)r=o,o=o._next;null===r&&d("251"),r._next=o._next,this._next=t,e.firstBatch=this}this._defer=!1,qi(e,n),t=this._next,this._next=null,null!==(t=e.firstBatch=t)&&t._hasChildren&&t.render(t._children)}else this._next=null,this._defer=!1},fl.prototype._onComplete=function(){if(!this._didComplete){this._didComplete=!0;var e=this._callbacks;if(null!==e)for(var t=0;t<e.length;t++)(0,e[t])()}},dl.prototype.then=function(e){if(this._didCommit)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},dl.prototype._onCommit=function(){if(!this._didCommit){this._didCommit=!0;var e=this._callbacks;if(null!==e)for(var t=0;t<e.length;t++){var n=e[t];"function"!=typeof n&&d("191",n),n()}}},pl.prototype.render=function(e,t){var n=this._internalRoot,r=new dl;return null!==(t=void 0===t?null:t)&&r.then(t),al(e,n,null,r._onCommit),r},pl.prototype.unmount=function(e){var t=this._internalRoot,n=new dl;return null!==(e=void 0===e?null:e)&&n.then(e),al(null,t,null,n._onCommit),n},pl.prototype.legacy_renderSubtreeIntoContainer=function(e,t,n){var r=this._internalRoot,o=new dl;return null!==(n=void 0===n?null:n)&&o.then(n),al(t,r,e,o._onCommit),o},pl.prototype.createBatch=function(){var e=new fl(this),t=e._expirationTime,n=this._internalRoot,r=n.firstBatch;if(null===r)n.firstBatch=e,e._next=null;else{for(n=null;null!==r&&r._expirationTime<=t;)n=r,r=r._next;e._next=r,null!==n&&(n._next=e)}return e},Ge=ul,Qe=cl,Ke=sl;var yl={createPortal:vl,findDOMNode:function(e){return null==e?null:1===e.nodeType?e:ol(e)},hydrate:function(e,t,n){return hl(null,e,t,!0,n)},render:function(e,t,n){return hl(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&d("38"),hl(e,t,n,!1,r)},unmountComponentAtNode:function(e){return ml(e)||d("40"),!!e._reactRootContainer&&(Ji(function(){hl(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return vl.apply(void 0,arguments)},unstable_batchedUpdates:Zi,unstable_deferredUpdates:bi,unstable_interactiveUpdates:tl,flushSync:el,unstable_flushControlled:nl,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{EventPluginHub:L,EventPluginRegistry:x,EventPropagators:ne,ReactControlledComponent:qe,ReactDOMComponentTree:q,ReactDOMEventListener:In},unstable_createRoot:function(e,t){return new pl(e,!0,null!=t&&!0===t.hydrate)}};ll({findFiberByHostInstance:V,bundleType:0,version:"16.4.1",rendererPackageName:"react-dom"});var gl={default:yl},bl=gl&&yl||gl;e.exports=bl.default?bl.default:bl},"./node_modules/react-dom/index.js":function(e,t,n){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=n("./node_modules/react-dom/cjs/react-dom.production.min.js")},"./node_modules/react/cjs/react.production.min.js":function(e,t,n){"use strict";
15 | /** @license React v16.4.1
16 |  * react.production.min.js
17 |  *
18 |  * Copyright (c) 2013-present, Facebook, Inc.
19 |  *
20 |  * This source code is licensed under the MIT license found in the
21 |  * LICENSE file in the root directory of this source tree.
22 |  */var r=n("./node_modules/object-assign/index.js"),o=n("./node_modules/fbjs/lib/invariant.js"),a=n("./node_modules/fbjs/lib/emptyObject.js"),i=n("./node_modules/fbjs/lib/emptyFunction.js"),l="function"==typeof Symbol&&Symbol.for,u=l?Symbol.for("react.element"):60103,c=l?Symbol.for("react.portal"):60106,s=l?Symbol.for("react.fragment"):60107,f=l?Symbol.for("react.strict_mode"):60108,d=l?Symbol.for("react.profiler"):60114,p=l?Symbol.for("react.provider"):60109,m=l?Symbol.for("react.context"):60110,h=l?Symbol.for("react.async_mode"):60111,v=l?Symbol.for("react.forward_ref"):60112;l&&Symbol.for("react.timeout");var y="function"==typeof Symbol&&Symbol.iterator;function g(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);o(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}};function w(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||b}function _(){}function E(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||b}w.prototype.isReactComponent={},w.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&g("85"),this.updater.enqueueSetState(this,e,t,"setState")},w.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},_.prototype=w.prototype;var k=E.prototype=new _;k.constructor=E,r(k,w.prototype),k.isPureReactComponent=!0;var x={current:null},C=Object.prototype.hasOwnProperty,S={key:!0,ref:!0,__self:!0,__source:!0};function T(e,t,n){var r=void 0,o={},a=null,i=null;if(null!=t)for(r in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(a=""+t.key),t)C.call(t,r)&&!S.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(1===l)o.children=n;else if(1<l){for(var c=Array(l),s=0;s<l;s++)c[s]=arguments[s+2];o.children=c}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===o[r]&&(o[r]=l[r]);return{$$typeof:u,type:e,key:a,ref:i,props:o,_owner:x.current}}function P(e){return"object"==typeof e&&null!==e&&e.$$typeof===u}var N=/\/+/g,O=[];function j(e,t,n,r){if(O.length){var o=O.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function A(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>O.length&&O.push(e)}function R(e,t,n,r){var o=typeof e;"undefined"!==o&&"boolean"!==o||(e=null);var a=!1;if(null===e)a=!0;else switch(o){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case u:case c:a=!0}}if(a)return n(r,e,""===t?"."+M(e,0):t),1;if(a=0,t=""===t?".":t+":",Array.isArray(e))for(var i=0;i<e.length;i++){var l=t+M(o=e[i],i);a+=R(o,l,n,r)}else if(null===e||void 0===e?l=null:l="function"==typeof(l=y&&e[y]||e["@@iterator"])?l:null,"function"==typeof l)for(e=l.call(e),i=0;!(o=e.next()).done;)a+=R(o=o.value,l=t+M(o,i++),n,r);else"object"===o&&g("31","[object Object]"===(n=""+e)?"object with keys {"+Object.keys(e).join(", ")+"}":n,"");return a}function M(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function I(e,t){e.func.call(e.context,t,e.count++)}function D(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?F(e,r,n,i.thatReturnsArgument):null!=e&&(P(e)&&(t=o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(N,"$&/")+"/")+n,e={$$typeof:u,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}),r.push(e))}function F(e,t,n,r,o){var a="";null!=n&&(a=(""+n).replace(N,"$&/")+"/"),t=j(t,a,r,o),null==e||R(e,"",D,t),A(t)}var U={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return F(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;t=j(null,null,t,n),null==e||R(e,"",I,t),A(t)},count:function(e){return null==e?0:R(e,"",i.thatReturnsNull,null)},toArray:function(e){var t=[];return F(e,t,null,i.thatReturnsArgument),t},only:function(e){return P(e)||g("143"),e}},createRef:function(){return{current:null}},Component:w,PureComponent:E,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:m,_calculateChangedBits:t,_defaultValue:e,_currentValue:e,_currentValue2:e,_changedBits:0,_changedBits2:0,Provider:null,Consumer:null}).Provider={$$typeof:p,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:v,render:e}},Fragment:s,StrictMode:f,unstable_AsyncMode:h,unstable_Profiler:d,createElement:T,cloneElement:function(e,t,n){(null===e||void 0===e)&&g("267",e);var o=void 0,a=r({},e.props),i=e.key,l=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(l=t.ref,c=x.current),void 0!==t.key&&(i=""+t.key);var s=void 0;for(o in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)C.call(t,o)&&!S.hasOwnProperty(o)&&(a[o]=void 0===t[o]&&void 0!==s?s[o]:t[o])}if(1===(o=arguments.length-2))a.children=n;else if(1<o){s=Array(o);for(var f=0;f<o;f++)s[f]=arguments[f+2];a.children=s}return{$$typeof:u,type:e.type,key:i,ref:l,props:a,_owner:c}},createFactory:function(e){var t=T.bind(null,e);return t.type=e,t},isValidElement:P,version:"16.4.1",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:x,assign:r}},L={default:U},z=L&&U||L;e.exports=z.default?z.default:z},"./node_modules/react/index.js":function(e,t,n){"use strict";e.exports=n("./node_modules/react/cjs/react.production.min.js")},"./src/Animate.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Animate=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n("./node_modules/react/index.js")),i=function(e){return e&&e.__esModule?e:{default:e}}(n("./node_modules/react-dom/index.js"));function l(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}var u=Object.freeze({animate:"animate",static:"static",prep:"prep"}),c={display:"flex",flexDirection:"column"},s=t.Animate=function(e){function t(){var e,n,o;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var a=arguments.length,c=Array(a),s=0;s<a;s++)c[s]=arguments[s];return n=o=l(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(c))),o.state={animateStage:u.static,animateProps:o.props.show&&!o.props.appear?{height:"auto",opacity:1}:{height:0,opacity:0},renderChildren:o.props.children,componentHeight:0,props:r({},o.props,{show:o.props.appear?!o.props.show:o.props.show})},o._transitionStart=function(e){var t=e.componentHeight,n=o.state.props,r=n.show,a="fade"===n.type;r?o.setState({animateProps:{height:a?"auto":0,opacity:0},animateStage:u.animate,componentHeight:t},o._requestNewFrame(function(){o.setState({animateProps:{height:a?"auto":t,opacity:1}})})):o.setState({animateProps:{height:a?"auto":t,opacity:1},animateStage:u.animate,componentHeight:t},o._requestNewFrame(function(){o.setState({animateProps:{height:a?"auto":0,opacity:0}})}))},o._handleTransitionEnd=function(e){var t=o.props,n=t.onAnimateComplete,r=t.show;e.target===o._outerLayerNode&&(n&&n(),o.setState({animateProps:r?{height:"auto",opacity:1}:{height:0,opacity:0},animateStage:u.static}))},o._requestNewFrame=function(e){window.requestAnimationFrame(function(){window.requestAnimationFrame(function(){o._mounted&&e()})})},o._setOuterLayerNode=function(e){o._outerLayerNode=i.default.findDOMNode(e)},o._setInnerLayerNode=function(e){var t=i.default.findDOMNode(e);if(t instanceof window.HTMLElement){var n=t.getBoundingClientRect().height;o._transitionStart({componentHeight:n})}},l(o,n)}return function(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)}(t,a.Component),o(t,[{key:"componentDidMount",value:function(){this._mounted=!0}},{key:"componentWillUnmount",value:function(){this._mounted=!1}},{key:"render",value:function(){var e=this.state,t=e.animateProps,n=t.height,o=t.opacity,i=e.animateStage,l=e.renderChildren,s=e.props,f=s.show,d=s.duration,p=i===u.static,m=i===u.animate?r({height:n,opacity:o},function(e){return{transitionProperty:"opacity, height",transitionTimingFunction:"ease",overflow:"hidden",transitionDuration:e+"ms"}}(d)):{height:n,opacity:o};return p?f?a.createElement("div",null,a.createElement("div",{style:c},l)):null:a.createElement("div",{onTransitionEnd:this._handleTransitionEnd,ref:this._setOuterLayerNode,style:m},a.createElement("div",{ref:this._setInnerLayerNode,style:c},l))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.show!==t.props.show?t.animateStage===u.static?{animateStage:u.prep,renderChildren:e.show?e.children:t.props.children,props:e}:{animateStage:u.animate,animateProps:e.show?{height:t.componentHeight,opacity:1}:{height:0,opacity:0},props:e}:{props:e,renderChildren:e.children}}}]),t}();s.defaultProps={duration:250,type:"slide"},t.default=s},"./src/AnimateGroup.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n("./node_modules/react/index.js")),a=n("./src/Animate.js"),i=n("./src/utils/mergeDiff.js"),l=function(e){return e&&e.__esModule?e:{default:e}}(i);function u(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}var c=function(e){function t(){var e,n,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var a=arguments.length,l=Array(a),c=0;c<a;c++)l[c]=arguments[c];return n=r=u(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(l))),r.state={isAnimating:!1,renderChildren:o.Children.toArray(r.props.children).map(function(e){return{status:i.Status.static,child:e}})},r._handleEachAnimateComplete=function(){var e=r.state.isAnimating,t=r.props,n=t.onAnimateComplete,a=t.children;e&&(n&&n(),r.setState({renderChildren:o.Children.toArray(a).map(function(e){return{status:i.Status.static,child:e}}),isAnimating:!1}))},r._requestNewFrame=function(e){window.requestAnimationFrame(function(){window.requestAnimationFrame(function(){r._mounted&&e()})})},u(r,n)}return function(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)}(t,o.Component),r(t,[{key:"componentDidMount",value:function(){this._mounted=!0}},{key:"componentWillUnmount",value:function(){this._mounted=!1}},{key:"render",value:function(){var e=this,t=this.props,n=t.type,r=t.duration;return this.state.renderChildren.map(function(t){var l=t.status,u=t.child;return o.createElement(a.Animate,{appear:l!==i.Status.static,duration:r,key:u.key,onAnimateComplete:e._handleEachAnimateComplete,show:l!==i.Status.out,type:n},u)})}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=(0,l.default)(t.renderChildren.map(function(e){return e.child}),o.Children.toArray(e.children));return n.every(function(e){return e.status===i.Status.static})?null:{renderChildren:n,isAnimating:!0}}}]),t}();t.default=c},"./src/utils/mergeDiff.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Status=void 0;!function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);t.default=e}(n("./node_modules/react/index.js"));function r(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var o=t.Status=Object.freeze({in:"in",out:"out",static:"static"});t.default=function(e,t){for(var n=0,a=0,i=[],l=function(){if(n>=t.length)return i.push.apply(i,r(e.slice(a).map(function(e){return{child:e,status:o.out}}))),"break";var l=t[n],u=e[a];if(l.key===u.key)i.push({child:l,status:o.static}),n++;else{var c=t.findIndex(function(e){return e.key===u.key});c>=0?(i.push.apply(i,r(t.slice(n,c).map(function(e){return{child:e,status:o.in}})).concat([{child:t[c],status:o.static}])),n=c+1):i.push({child:u,status:o.out})}a++};a<e.length;){if("break"===l())break}return n<t.length&&i.push.apply(i,r(t.slice(n).map(function(e){return{child:e,status:o.in}}))),i}}});


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