diff --git a/package.json b/package.json index eb0595a8d..75de25263 100644 --- a/package.json +++ b/package.json @@ -4,15 +4,15 @@ "license": "MIT", "homepage": "http://ahfarmer.github.io/emoji-search", "devDependencies": { - "gh-pages": "^1.1.0", - "prettier": "^1.13.0", - "react-scripts": "^1.0.17" + "gh-pages": "^2.0.1", + "prettier": "^1.17.1", + "react-scripts": "^3.0.1" }, "dependencies": { - "clipboard": "^1.7.1", + "clipboard": "^2.0.4", "github-fork-ribbon-css": "^0.2.1", - "react": "^16.2.0", - "react-dom": "^16.2.0" + "react": "^16.8.6", + "react-dom": "^16.8.6" }, "scripts": { "start": "react-scripts start", @@ -20,5 +20,17 @@ "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject", "deploy": "gh-pages -d build" + }, + "browserslist": { + "production": [ + ">0.2%", + "not dead", + "not op_mini all" + ], + "development": [ + "last 1 chrome version", + "last 1 firefox version", + "last 1 safari version" + ] } } diff --git a/src/App.js b/src/App.js index ec999c8ba..10edf1f87 100644 --- a/src/App.js +++ b/src/App.js @@ -4,7 +4,7 @@ import SearchInput from "./SearchInput"; import EmojiResults from "./EmojiResults"; import filterEmoji from "./filterEmoji"; -class App extends PureComponent { +export default class App extends PureComponent { constructor(props) { super(props); this.state = { @@ -28,4 +28,3 @@ class App extends PureComponent { ); } } -export default App; diff --git a/src/EmojiResultRow.js b/src/EmojiResultRow.js index 4d7198415..becf6a981 100644 --- a/src/EmojiResultRow.js +++ b/src/EmojiResultRow.js @@ -2,7 +2,12 @@ import React, { PureComponent } from "react"; import PropTypes from "prop-types"; import "./EmojiResultRow.css"; -class EmojiResultsRow extends PureComponent { +export default class EmojiResultsRow extends PureComponent { + static propTypes = { + title: PropTypes.string, + symbol: PropTypes.string + }; + render() { const codePointHex = this.props.symbol.codePointAt(0).toString(16); const src = `//cdn.jsdelivr.net/emojione/assets/png/${codePointHex}.png`; @@ -18,8 +23,3 @@ class EmojiResultsRow extends PureComponent { ); } } -EmojiResultsRow.propTypes = { - title: PropTypes.string, - symbol: PropTypes.string -}; -export default EmojiResultsRow; diff --git a/src/EmojiResults.js b/src/EmojiResults.js index 75b9fdf3d..6db282aa3 100644 --- a/src/EmojiResults.js +++ b/src/EmojiResults.js @@ -5,7 +5,11 @@ import Clipboard from "clipboard"; import EmojiResultRow from "./EmojiResultRow"; import "./EmojiResults.css"; -class EmojiResults extends PureComponent { +export default class EmojiResults extends PureComponent { + static propTypes = { + emojiData: PropTypes.array + }; + componentDidMount() { this.clipboard = new Clipboard(".copy-to-clipboard"); } @@ -28,7 +32,3 @@ class EmojiResults extends PureComponent { ); } } -EmojiResults.propTypes = { - emojiData: PropTypes.array -}; -export default EmojiResults; diff --git a/src/Header.js b/src/Header.js index 828777946..2ca1f4888 100644 --- a/src/Header.js +++ b/src/Header.js @@ -1,7 +1,7 @@ import React, { PureComponent } from "react"; import "./Header.css"; -class Header extends PureComponent { +export default class Header extends PureComponent { render() { return (
@@ -22,4 +22,3 @@ class Header extends PureComponent { ); } } -export default Header; diff --git a/src/SearchInput.js b/src/SearchInput.js index c28a51af7..1b1f034f2 100644 --- a/src/SearchInput.js +++ b/src/SearchInput.js @@ -3,7 +3,11 @@ import PropTypes from "prop-types"; import "./SearchInput.css"; -class SearchInput extends PureComponent { +export default class SearchInput extends PureComponent { + static propTypes = { + textChange: PropTypes.func + }; + handleChange = event => { this.props.textChange(event); }; @@ -18,7 +22,3 @@ class SearchInput extends PureComponent { ); } } -SearchInput.propTypes = { - textChange: PropTypes.func -}; -export default SearchInput;