├── .babelrc
├── .travis.yml
├── example
├── demo.gif
├── index.html
├── index-promises.html
└── src
│ ├── app.promise.js
│ └── app.js
├── .gitignore
├── Makefile
├── LICENSE
├── package.json
├── react-progress-button.css
├── src
└── index.js
└── README.md
/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": ["es2015", "stage-0", "react"]
3 | }
4 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 | - "4"
4 | - "5"
5 |
--------------------------------------------------------------------------------
/example/demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mathieudutour/react-progress-button/HEAD/example/demo.gif
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | pids
2 | logs
3 | npm-debug.log
4 | node_modules
5 | example/lib
6 | example/app.bundle.js
7 | example/app.promise.bundle.js
8 | /lib
9 | coverage
10 |
--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
1 | BIN=node_modules/.bin
2 |
3 | build:
4 | $(BIN)/babel src --out-dir lib && \
5 | $(BIN)/babel example/src --out-dir example/lib && \
6 | $(BIN)/webpack example/lib/app.js example/app.bundle.js -p && \
7 | $(BIN)/webpack example/lib/app.promise.js example/app.promise.bundle.js -p
8 |
9 | clean:
10 | rm -rf lib && rm -rf example/lib && rm -f example/app.bundle.js && rm -f example/app.promise.bundle.js
11 |
12 | lint:
13 | $(BIN)/standard
14 |
15 | test: lint
16 | echo "TODO write test"
17 |
18 | PHONY: build clean lint
19 |
--------------------------------------------------------------------------------
/example/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | react-progress-button example
5 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/example/index-promises.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | react-progress-button example
5 |
34 |
35 |
36 |
37 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2022 Mathieu Dutour
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 |
--------------------------------------------------------------------------------
/example/src/app.promise.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import ProgressButton from '../../lib/index'
4 | import createReactClass from 'create-react-class'
5 |
6 | const App = createReactClass({
7 | render () {
8 | return (
9 |
26 | )
27 | },
28 |
29 | handleClick1 () {
30 | return new Promise(resolve => {
31 | // make asynchronous call
32 | setTimeout(resolve, 3000)
33 | })
34 | },
35 |
36 | handleClick2 () {
37 | return new Promise((resolve, reject) => {
38 | // make asynchronous call
39 | setTimeout(reject, 3000)
40 | })
41 | }
42 | })
43 |
44 | ReactDOM.render(
96 |
97 | {children}
98 |
99 |
101 |
102 |
105 |
106 |
111 |
112 |