Merge pull request #310 from ruisaraiva19/develop

chore: release

Author: ruisaraiva19

.eslintrc.json

@@ -17,6 +17,8 @@
 		"prettier/prettier": "error",
 		"react/prop-types": "off",
 		"no-param-reassign": "off",
+		"react/jsx-uses-react": "off",
+		"react/react-in-jsx-scope": "off",
 		"react/jsx-filename-extension": [
 			1,
 			{

components/base-layout/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import PropTypes from 'prop-types'
 import { Header } from 'components/header'
 

components/button/index.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { withKnobs, text, select, boolean } from '@storybook/addon-knobs'
 import { Button } from '.'
 import useDarkMode from 'use-dark-mode'

components/button/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 

components/checkbox/index.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { Checkbox } from '.'
 import useDarkMode from 'use-dark-mode'
 import { Typography } from 'components/typography'

components/dark-mode-toggle/index.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { DarkModeToggle } from '.'
 import useDarkMode from 'use-dark-mode'
 import { Typography } from 'components/typography'

components/dark-mode-toggle/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import useDarkMode from 'use-dark-mode'
 import { SvgSun } from 'components/svgs/svg-sun'
 import { SvgMoon } from 'components/svgs/svg-moon'

components/drag-and-drop/index.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import useDarkMode from 'use-dark-mode'
 import { DragAndDrop } from '.'
 import { Button } from 'components/button'

components/header/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import classnames from 'classnames'
 import { DarkModeToggle } from 'components/dark-mode-toggle'
 import { SvgFavycon } from 'components/svgs/svg-favycon'

components/index.stories.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 export default {
 	title: 'Welcome',
 }

components/seo/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import Head from 'next/head'
 
 type SEOProps = {

components/sticky/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import PropTypes from 'prop-types'
 
 import styles from './index.module.scss'

components/svgs/svg-check.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import classnames from 'classnames'
 
 type SvgCheckProps = {

components/svgs/svg-checkbox.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import classnames from 'classnames'
 
 import styles from './svg-checkbox.module.scss'

components/svgs/svg-drop-zone.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import styles from './svg-drop-zone.module.scss'
 
 const SvgDropZone: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>> = (props) => {

components/svgs/svg-error.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import classnames from 'classnames'
 
 type SvgErrorProps = {

components/svgs/svg-favycon.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import styles from './svg-favycon.module.scss'
 
 const SvgFavycon: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>> = (props) => {

components/svgs/svg-github.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 const SvgGithub: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>> = (props) => (
 	<svg height={18} viewBox="0 0 16 16" width={18} {...props}>
 		<path

components/svgs/svg-image-upload.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import classnames from 'classnames'
 
 import styles from './svg-image-upload.module.scss'

components/svgs/svg-info.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import styles from './svg-info.module.scss'
 
 const SvgInfo: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>> = (props) => {

components/svgs/svg-moon.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 const SvgMoon: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>> = (props) => {
 	const idPrefix = 'svg-moon-'
 	return (

components/svgs/svg-sun.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 const SvgSun: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>> = (props) => {
 	const idPrefix = 'svg-sun-'
 	return (

components/svgs/svg-twitter.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 const SvgTwitter: React.FC<JSX.IntrinsicAttributes & React.SVGProps<SVGSVGElement>> = (props) => (
 	<svg width={18} height={18} viewBox="0 0 18 18" fill="none" {...props}>
 		<path

components/tool-title/index.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { withKnobs } from '@storybook/addon-knobs'
 import useDarkMode from 'use-dark-mode'
 import { Button } from 'components/button'

components/tool-title/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { Typography } from 'components/typography'
 import { SvgFavycon } from 'components/svgs/svg-favycon'
 

components/typography/index.stories.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { withKnobs, text, select } from '@storybook/addon-knobs'
 import useDarkMode from 'use-dark-mode'
 import { Button } from 'components/button'

hooks/use-toggle.ts

@@ -1,9 +1,9 @@
-import React from 'react'
+import { useState, useCallback } from 'react'
 
 export const useToggle = (initialValue = false): [boolean, () => void] => {
-	const [value, setValue] = React.useState(initialValue)
+	const [value, setValue] = useState(initialValue)
 
-	const toggle = React.useCallback(() => {
+	const toggle = useCallback(() => {
 		setValue((v) => !v)
 	}, [])
 

package.json

@@ -43,21 +43,21 @@
 	},
 	"dependencies": {
 		"@fiahfy/ico-convert": "0.0.7",
-		"@prefresh/next": "1.2.4",
+		"@prefresh/next": "1.3.0",
 		"adm-zip": "0.4.16",
 		"classnames": "2.2.6",
 		"multer": "1.4.2",
-		"next": "9.5.4",
+		"next": "9.5.5",
 		"nprogress": "0.2.0",
 		"object-fit-images": "3.2.4",
 		"preact": "10.5.4",
 		"preact-render-to-string": "5.1.10",
-		"preact-ssr-prepass": "1.1.1",
-		"prismjs": "1.21.0",
+		"preact-ssr-prepass": "1.1.2",
+		"prismjs": "1.22.0",
 		"prop-types": "15.7.2",
-		"react": "16.13.1",
+		"react": "16.14.0",
 		"react-clipboard.js": "2.0.16",
-		"react-dom": "16.13.1",
+		"react-dom": "16.14.0",
 		"react-dropzone": "11.2.0",
 		"react-lazy-images": "1.1.0",
 		"react-modal": "3.11.2",
@@ -84,27 +84,27 @@
 		"@types/adm-zip": "0.4.33",
 		"@types/classnames": "2.2.10",
 		"@types/multer": "1.4.4",
-		"@types/node": "14.11.5",
+		"@types/node": "14.11.8",
 		"@types/nprogress": "0.2.0",
 		"@types/object-fit-images": "3.2.0",
 		"@types/prismjs": "1.16.1",
-		"@types/react": "16.9.51",
+		"@types/react": "16.9.53",
 		"@types/react-modal": "3.10.6",
 		"@types/react-transition-group": "4.4.0",
 		"@types/sharp": "0.25.1",
-		"@typescript-eslint/eslint-plugin": "4.4.0",
-		"@typescript-eslint/parser": "4.4.0",
-		"all-contributors-cli": "6.18.0",
+		"@typescript-eslint/eslint-plugin": "4.4.1",
+		"@typescript-eslint/parser": "4.4.1",
+		"all-contributors-cli": "6.19.0",
 		"babel-eslint": "10.1.0",
 		"babel-loader": "8.1.0",
 		"babel-plugin-prismjs": "2.0.1",
 		"babel-preset-react-app": "9.1.2",
 		"commitizen": "4.2.1",
-		"cypress": "5.3.0",
+		"cypress": "5.4.0",
 		"cypress-file-upload": "4.1.1",
 		"cz-conventional-changelog": "3.3.0",
 		"dotenv": "8.2.0",
-		"eslint": "7.10.0",
+		"eslint": "7.11.0",
 		"eslint-config-prettier": "6.12.0",
 		"eslint-config-react": "1.1.7",
 		"eslint-config-react-app": "5.2.1",
@@ -113,7 +113,7 @@
 		"eslint-plugin-import": "2.22.1",
 		"eslint-plugin-jsx-a11y": "6.3.1",
 		"eslint-plugin-prettier": "3.1.4",
-		"eslint-plugin-react": "7.21.3",
+		"eslint-plugin-react": "7.21.4",
 		"eslint-plugin-react-hooks": "4.1.2",
 		"husky": "4.3.0",
 		"lint-staged": "10.4.0",
@@ -124,9 +124,9 @@
 		"prettier": "2.1.2",
 		"react-refresh": "0.8.3",
 		"regenerator-runtime": "0.13.7",
-		"sass": "1.26.12",
-		"sass-loader": "10.0.2",
-		"semantic-release": "17.1.2",
+		"sass": "1.27.0",
+		"sass-loader": "10.0.3",
+		"semantic-release": "17.2.1",
 		"start-server-and-test": "1.11.5",
 		"stylelint": "13.7.2",
 		"stylelint-config-css-modules": "2.2.0",

pages/_app.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { AppProps } from 'next/app'
 import { MediaQueryProvider } from 'components/media-query-provider'
 

pages/_document.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import Document, { Html, Head, Main, NextScript } from 'next/document'
 
 const isProd = process.env.NODE_ENV === 'production'