Update eslint

Was required since typescript version was upgraded

Due to the way we import CSS modules there are now a lot of @eslint-disable
Many of them will be resolved with the upgrade of gatsby which allows importing
of named styles

A bunch of other @eslint-disable just to get things passing

Will need to come back and look at this

Author: Tom Duckering

.eslintrc.js

@@ -22,9 +22,6 @@ module.exports = {
         "@typescript-eslint/no-inferrable-types": 0,
         "@typescript-eslint/strict-boolean-expressions": [
             2,
-            {
-                ignoreRhs: true,
-            },
         ],
         "@typescript-eslint/switch-exhaustiveness-check": 2,
         "@typescript-eslint/restrict-plus-operands": 2,

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org/

package.json

@@ -34,7 +34,6 @@
     "react-simple-maps": "^2.3.0",
     "react-spinkit": "^3.0.0",
     "react-youtube": "^7.11.2",
-    "sass": "^1.51.0",
     "styled-components": "^5.1.0"
   },
   "devDependencies": {
@@ -43,19 +42,19 @@
     "@types/classnames": "^2.2.10",
     "@types/jest": "^25.2.1",
     "@types/js-cookie": "^2.2.6",
-    "@types/node": "^13.13.5",
+    "@types/node": "^13.13.52",
     "@types/react": "^16.9.34",
     "@types/react-dom": "^16.9.7",
     "@types/react-helmet": "^5.0.15",
     "@types/react-modal": "^3",
     "@types/react-spinkit": "3",
     "@types/styled-components": "^5.1.0",
     "@types/vfile-message": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^2.30.0",
-    "@typescript-eslint/parser": "^2.30.0",
+    "@typescript-eslint/eslint-plugin": "^5.15.0",
+    "@typescript-eslint/parser": "^5.15.0",
     "babel-jest": "^25.5.1",
     "babel-preset-gatsby": "^0.4.0",
-    "eslint": "^6.8.0",
+    "eslint": "^7.1.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-react": "^7.19.0",
     "eslint-plugin-react-hooks": "^3.0.0",

patches/gatsby-plugin-sharp+2.6.3.patch patches/gatsby-plugin-sharp+2.14.4.patchpatches/gatsby-plugin-sharp+2.6.3.patch renamed to patches/gatsby-plugin-sharp+2.14.4.patch

@@ -1,8 +1,8 @@
 diff --git a/node_modules/gatsby-plugin-sharp/index.js b/node_modules/gatsby-plugin-sharp/index.js
-index ce52971..0faeec3 100644
+index c98f03b..baca53a 100644
 --- a/node_modules/gatsby-plugin-sharp/index.js
 +++ b/node_modules/gatsby-plugin-sharp/index.js
-@@ -519,9 +519,14 @@ async function fluid({
+@@ -512,9 +512,14 @@ async function fluid({
    ]; // use standard breakpoints if no custom breakpoints are specified
 
    if (!options.srcSetBreakpoints || !options.srcSetBreakpoints.length) {
@@ -20,13 +20,13 @@ index ce52971..0faeec3 100644
      fluidSizes.push(options[fixedDimension] * 2);
    } else {
      options.srcSetBreakpoints.forEach(breakpoint => {
-@@ -542,7 +547,8 @@ async function fluid({
+@@ -535,7 +540,8 @@ async function fluid({
    // is available for small images. Also so we can link to
    // the original image.
 
--  filteredSizes.push(fixedDimension === `maxWidth` ? width : height); // Queue sizes for processing.
+-  filteredSizes.push(fixedDimension === `maxWidth` ? width : height);
 +  // Gatsby adds the original image for some reason. This is bizarre so I'm removing that line.
-+  // filteredSizes.push(fixedDimension === `maxWidth` ? width : height); // Queue sizes for processing.
++  //filteredSizes.push(fixedDimension === `maxWidth` ? width : height);
+   filteredSizes = _.sortBy(filteredSizes); // Queue sizes for processing.
 
    const dimensionAttr = fixedDimension === `maxWidth` ? `width` : `height`;
-   const otherDimensionAttr = fixedDimension === `maxWidth` ? `height` : `width`; // Sort sizes for prettiness.

src/components/basic-text-page.tsx

@@ -1,3 +1,8 @@
+/* These will go away when we upgrade to Gatsby >v3 
+see: https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/#css-modules-are-imported-as-es-modules */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import React from "react"
 
 import HeaderUnderlay from "./header-underlay"

src/components/big-video.tsx

@@ -1,3 +1,8 @@
+/* These will go away when we upgrade to Gatsby >v3 
+see: https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/#css-modules-are-imported-as-es-modules */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import React, { FC } from "react"
 import YouTube from "react-youtube"
 

src/components/bio.tsx

@@ -1,3 +1,8 @@
+/* These will go away when we upgrade to Gatsby >v3 
+see: https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/#css-modules-are-imported-as-es-modules */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import React from "react"
 import { graphql } from "gatsby"
 
@@ -52,7 +57,11 @@ const Bio: React.FC<Props> = ({
                                         {person.jobTitle}
                                     </div>
                                     <div className={styles.email}>
-                                        <a href={`mailto:${person.email}`}>
+                                        <a
+                                            href={`mailto:${
+                                                person.email as string
+                                            }`}
+                                        >
                                             {person.email}
                                         </a>
                                     </div>

src/components/christmas/christmas2020.tsx

@@ -1,3 +1,8 @@
+/* These will go away when we upgrade to Gatsby >v3 
+see: https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/#css-modules-are-imported-as-es-modules */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import React from "react"
 import { graphql, useStaticQuery } from "gatsby"
 import styles from "./christmas2020.module.scss"
@@ -39,6 +44,7 @@ const Christmas2020 = () => {
     const event_group_objects = data
         .christmas!.frontmatter!.event_groups!.map(
             (unstructured_event_group: any) => {
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-call
                 const events = unstructured_event_group.events.map(
                     (unstructured_event: any) => {
                         return {

src/components/christmas/christmas2021.tsx

@@ -1,3 +1,8 @@
+/* These will go away when we upgrade to Gatsby >v3 
+see: https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/#css-modules-are-imported-as-es-modules */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import React from "react"
 import { graphql, useStaticQuery } from "gatsby"
 import styles from "./christmas2021.module.scss"

src/components/christmas/event.tsx

@@ -1,3 +1,8 @@
+/* These will go away when we upgrade to Gatsby >v3 
+see: https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/#css-modules-are-imported-as-es-modules */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import { format, isAfter, sub } from "date-fns"
 import React from "react"
 import styles from "./christmas2021.module.scss"