feat(website): upgrade gatsby dependencies

plouc · Aug 29, 2021 · cc3e391 · cc3e391
1 parent a6fde22
commit cc3e391
Show file tree

Hide file tree

Showing 221 changed files with 5,644 additions and 5,319 deletions.
diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
@@ -2,5 +2,6 @@
   "installCommand": "make:init",
   "buildCommand": false,
   "packages": ["packages/*"],
-  "sandboxes": ["/examples/codesandbox", "/website"]
+  "sandboxes": ["/examples/codesandbox", "/website"],
+  "node": "14"
 }
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: ['12', '14']
+        node-version: ['14', '16']
     steps:
       - uses: actions/checkout@v2
       - name: Setup Node ${{ matrix.node-version }}

diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v12
+v14
diff --git a/website/gatsby-browser.js b/website/gatsby-browser.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import PageWrapper from './src/components/PageWrapper'
 

diff --git a/website/gatsby-config.js b/website/gatsby-config.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 module.exports = {
   siteMetadata: {
     title: `nivo`,

diff --git a/website/gatsby-ssr.js b/website/gatsby-ssr.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import PageWrapper from './src/components/PageWrapper'
 

diff --git a/website/package.json b/website/package.json
@@ -32,26 +32,26 @@
     "@nivo/treemap": "0.73.0",
     "@nivo/voronoi": "0.73.0",
     "@nivo/waffle": "0.73.0",
-    "babel-plugin-styled-components": "^1.10.6",
+    "babel-plugin-styled-components": "^1.13.2",
     "dedent-js": "^1.0.1",
-    "gatsby": "^2.18.11",
-    "gatsby-image": "^2.2.36",
-    "gatsby-plugin-manifest": "^2.2.33",
-    "gatsby-plugin-offline": "^3.0.29",
-    "gatsby-plugin-react-helmet": "^3.1.18",
-    "gatsby-plugin-sharp": "^2.3.7",
-    "gatsby-plugin-styled-components": "^3.1.16",
-    "gatsby-source-filesystem": "^2.1.42",
-    "gatsby-transformer-sharp": "^2.3.9",
-    "prism-react-renderer": "^0.1.7",
+    "gatsby": "^3.12.1",
+    "gatsby-image": "^3.11.0",
+    "gatsby-plugin-manifest": "^3.12.0",
+    "gatsby-plugin-offline": "^4.12.0",
+    "gatsby-plugin-react-helmet": "^4.12.0",
+    "gatsby-plugin-sharp": "^3.12.0",
+    "gatsby-plugin-styled-components": "^4.12.0",
+    "gatsby-source-filesystem": "^3.12.0",
+    "gatsby-transformer-sharp": "^3.12.0",
+    "prism-react-renderer": "^1.2.1",
     "prop-types": "^15.7.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-helmet": "^5.2.1",
-    "react-icons": "^2.2.5",
-    "react-markdown": "^4.2.2",
-    "react-select": "^2.4.2",
-    "styled-components": "^4.4.1",
+    "react-helmet": "^6.1.0",
+    "react-icons": "^4.2.0",
+    "react-markdown": "^7.0.1",
+    "react-select": "^4.3.1",
+    "styled-components": "^5.3.1",
     "url-search-params": "^1.1.0"
   },
   "scripts": {

diff --git a/website/src/components/CodeBlock.js b/website/src/components/CodeBlock.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import styled from 'styled-components'
 

diff --git a/website/src/components/CollapsibleCard.js b/website/src/components/CollapsibleCard.js
@@ -1,16 +1,7 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'
-import UpIcon from 'react-icons/lib/md/keyboard-arrow-up'
-import DownIcon from 'react-icons/lib/md/keyboard-arrow-down'
+import { MdArrowDropUp, MdArrowDropDown } from 'react-icons/md'
 import { Card } from './styled'
 
 const Wrapper = styled(Card)`
@@ -70,7 +61,7 @@ export default class CollapsibleCard extends Component {
             <Wrapper isExpanded={expanded}>
                 <Header className="no-select" onClick={this.handleToggleClick}>
                     <Title>{title}</Title>
-                    {expanded ? <UpIcon /> : <DownIcon />}
+                    {expanded ? <MdArrowDropUp /> : <MdArrowDropDown />}
                 </Header>
                 {expanded && <div className="card_body">{children}</div>}
             </Wrapper>

diff --git a/website/src/components/Header.js b/website/src/components/Header.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import styled from 'styled-components'
 import HeaderNav from './HeaderNav'

diff --git a/website/src/components/HeaderNav.js b/website/src/components/HeaderNav.js
@@ -1,16 +1,7 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import styled, { css } from 'styled-components'
 import { Link } from 'gatsby'
-import GitHubIcon from 'react-icons/lib/fa/github'
-import TwitterIcon from 'react-icons/lib/fa/twitter'
+import { FaGithub, FaTwitter } from 'react-icons/fa'
 import media from '../theming/mediaQueries'
 import * as nav from '../data/nav'
 import ThemeSelector from './ThemeSelector'
@@ -53,15 +44,15 @@ const HeaderNav = () => {
                 rel="noopener noreferrer"
                 title="GitHub"
             >
-                <GitHubIcon />
+                <FaGithub />
             </HeaderExternalLink>
             <HeaderExternalLink
                 href="https://twitter.com/benitteraphael"
                 target="_blank"
                 rel="noopener noreferrer"
                 title="Twitter"
             >
-                <TwitterIcon />
+                <FaTwitter />
             </HeaderExternalLink>
         </Container>
     )

diff --git a/website/src/components/Highlight.js b/website/src/components/Highlight.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import Highlight, { defaultProps } from 'prism-react-renderer'
 import { useTheme } from '../theming/context'

diff --git a/website/src/components/Layout.js b/website/src/components/Layout.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'

diff --git a/website/src/components/PageContent.js b/website/src/components/PageContent.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import styled from 'styled-components'
 import media from '../theming/mediaQueries'
 

diff --git a/website/src/components/PageWrapper.js b/website/src/components/PageWrapper.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import '../styles/index.css'
 import React, { useReducer } from 'react'
 import PropTypes from 'prop-types'

diff --git a/website/src/components/ThemeSelector.js b/website/src/components/ThemeSelector.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { useCallback, useMemo } from 'react'
 import styled from 'styled-components'
 import { useTheme } from '../theming/context'

diff --git a/website/src/components/components/ActionsLogger.js b/website/src/components/components/ActionsLogger.js
@@ -1,15 +1,7 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { useState, useCallback } from 'react'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'
-import PointerIcon from 'react-icons/lib/fa/hand-pointer-o'
+import { FaRegHandPointer } from 'react-icons/fa'
 import ActionsLoggerLog from './ActionsLoggerLog'
 import media from '../../theming/mediaQueries'
 
@@ -111,7 +103,7 @@ const EmptyMessage = styled.div`
     margin-top: 16px;
 `
 
-const EmptyIcon = styled(PointerIcon)``
+const EmptyIcon = styled(FaRegHandPointer)``
 
 const ActionsLogger = ({ actions, isFullWidth }) => {
     return (

diff --git a/website/src/components/components/ActionsLoggerLog.js b/website/src/components/components/ActionsLoggerLog.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { useState, useCallback } from 'react'
 import styled from 'styled-components'
 

diff --git a/website/src/components/components/ComponentDescription.js b/website/src/components/components/ComponentDescription.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo } from 'react'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'

diff --git a/website/src/components/components/ComponentFlavorSelector.js b/website/src/components/components/ComponentFlavorSelector.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import { Link } from 'gatsby'
 import PropTypes from 'prop-types'

diff --git a/website/src/components/components/ComponentHeader.js b/website/src/components/components/ComponentHeader.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo } from 'react'
 import styled from 'styled-components'
 import PropTypes from 'prop-types'

diff --git a/website/src/components/components/ComponentPage.js b/website/src/components/components/ComponentPage.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import styled from 'styled-components'
 import media from '../../theming/mediaQueries'
 

diff --git a/website/src/components/components/ComponentSettings.js b/website/src/components/components/ComponentSettings.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'

diff --git a/website/src/components/components/ComponentTemplate.js b/website/src/components/components/ComponentTemplate.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { useState, useCallback, useMemo } from 'react'
 import PropTypes from 'prop-types'
 import SEO from '../seo'

diff --git a/website/src/components/components/Stories.js b/website/src/components/components/Stories.js
@@ -1,16 +1,7 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
-import snakeCase from 'lodash/kebabCase'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'
-import VisitIcon from 'react-icons/lib/md/keyboard-arrow-right'
+import { MdKeyboardArrowRight } from 'react-icons/md'
 import media from '../../theming/mediaQueries'
 import config from '../../data/config'
 
@@ -120,7 +111,7 @@ const Stories = ({ isFullWidth = false, stories }) => {
                     rel="noopener noreferrer"
                 >
                     {story.label}
-                    <VisitIcon size={20} color="#bbbbbb" />
+                    <MdKeyboardArrowRight size={20} color="#bbbbbb" />
                 </StoriesItem>
             ))}
         </Wrapper>

diff --git a/website/src/components/components/api-client/ApiClient.js b/website/src/components/components/api-client/ApiClient.js
@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * (c) 2016 Raphaël Benitte
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import styled from 'styled-components'